Designing the mobile site
- Creative/
- February 15, 2011
Last summer, Mig and I decided that we wanted to get the ball rolling on a Threadless mobile site for our Awesome Time project. Like you guys, we felt like this was something way past due. So whenever we had free time, we dished out early comps of what the site could look like and how it could work.
Since a mobile site can't have all the goods of the full site, I had to focus on the core basic functions to be optimized for the small screen. With the help of Brock's user experience expertise, we narrowed down the site to 3 sections - shop, score, and blog.
Over time, I spit out more designs, listened to suggestions, shopped around other mobile sites, and made lots of red markings on paper.
I played around with type treatments and graphics.
I also had learn how to design for swiping thumbs and fat fingers.
Here's a quick evolution of the tab structure and filtering system.
Some screens of the final product.
Luckily, we got our friends Mobify to do our dirty work and within weeks the site was up and running.
We know you can't do everything you want on the mobile site yet, but we're hoping over time we can add more features. Like slogan submitting and scoring, which we just added. In the meantime you can always click the "full site" in the footer to go back to the old way.
Keep on the lookout for more mobile fun in the coming months!
lol @ slogan page