What makes designing for the iPhone, or the mobile platform, any different than designing for the traditional web browser? We took two key factors into account when designing the iPhone version of the Drawbackwards website:

1. Context – It’s a smartphone. Let them email and call. Make that prominent.
2. Space – The screen size is limited. What is most valuable to a mobile user?

Drawbackwards iPhone Website

When a visitor uses their iPhone to visit us, we have 3 desired actions:

1. Contact us via an email or a call immediately.
2. Read our blog and learn about what we do and how we think.
3. Provide a high-level snapshot of some of our design work.

If the visitor wants to know about our services or how we can help with a specific challenge (our specialty), they have the ability to call or email at any moment. When we are out at a meeting, conference or event and hand out a business card; a quick hit to the Drawbackwards site on the iPhone shows them how to stay in touch, what we do and what it looks like.

Custom Icon for iPhone

If users want to add the Drawbackwards site to their home screen, we’ve designed a custom iPhone icon that becomes available. To stand out on the homescreen, we used the red version of our logo on the site and button since no default apps currently use red.