This is our final post of our three part series on our thinking behind our iPhone app for Mileage and Expenses. Hopefully you’ve got something out of it. We’ll continue to blog about our experiences in building tech, business, and design.

In this blog post we’ll look at our branding, and why we ditched our custom design but still kept our goal alive.

So lets scroll down and I’ll talk you through our thinking as we hit each screen shot.

Icon for Bullet's  - iPhone App for Mileage & Expenses

Icon for Bullet's - iPhone App for Mileage & Expenses

This icon is available to download as a working png here (right click save as).

Branding

Although we decided to ditch our custom design, we still wanted to get our company style across, so we let the splash pages and background pages do this. I know this linen look is an Apple design, but that’s the kind of customer we targeting, we also simplified the product splash pages as you can see which again is what we’re all about as a company, and then a splash of humour; after all, people are too serious in life, especially about things that don’t really matter.

iPhone App Load Splash Screens

Here are the 6 different versions of the application load splash page.

Final Version - iPhone App for Mileage & Expenses

Final Version - iPhone App for Mileage & Expenses

This is how we got there.

SPLASH-V1 - iPhone App for Mileage & Expenses

SPLASH-V1 - iPhone App for Mileage & Expenses

SPLASH-V2 - iPhone App for Mileage & Expenses

SPLASH-V2 - iPhone App for Mileage & Expenses

SPLASH-V3 - iPhone App for Mileage & Expenses

SPLASH-V3 - iPhone App for Mileage & Expenses

SPLASH-V4 - iPhone App for Mileage & Expenses

SPLASH-V4 - iPhone App for Mileage & Expenses

SPLASH-V5  - iPhone App for Mileage & Expenses

SPLASH-V5 - iPhone App for Mileage & Expenses

 

 Subsection Load Splash Screens

The following 2 screens are for the Mileage Section of the application. We thought about using them to educate the user about functions with in the app, but then we thought ‘We’re using default functionality, so they’ll already know’.

Fig 1. The first version we felt was a bit fussy, again not reflecting our company.

Mileage Splash - Version 1  - iPhone App for Mileage & Expenses

Fig 1. Mileage Splash - Version 1 - iPhone App for Mileage & Expenses

Fig 2. The final version we really tried to strain down the concept we were looking to achieve, and hit on ‘Reduce Your Tax’, ultimately that’s all anyone really cares about.

Fig 2. Mileage Splash - Final  - iPhone App for Mileage & Expenses

Fig 2. Mileage Splash - Final - iPhone App for Mileage & Expenses

Read Part 2 – Where we talk more in detail about our iPhone App for Mileage

Pin It on Pinterest

Share This