Site user flow
Article page wireframes
Product intro in article page
Airstream has hired the Lat Long team to expand the brand beyond trailers and into lifestyle and design. They wanted a new digital storefront that aims to take an editorial-first approach to product presentation. The final product was to be an eCommerce experience that is deeply rooted in editorial content.
My main challenge was to create engaging layout that encourage users to read and explore content further while subtly suggesting products relevant to them. Diverting from the “traditional” ecommerce web layout, this website is going to feel more like a glossy magazine, full of articles of great adventures and explorations.
What I did:
Prior to designing, I created a mood board and shared with the team. The board had images of unique layouts I liked, useful interactions and ideas for product introductions. Once I had a clear idea of the direction I would like to take I created 2-3 variations to the most critical pages of the website and shared with the team. After a few rounds of feedback and comments I polished my designs and created a fully clickable prototype of the whole site for the dev team. To add further clarity to the site structure, I mapped out the site user flow from landing page to a complete checkout
Sketchapp, Invision, Dropmark, Flowapp..
Airstream’s brand new digital storefront is fully designed and being developed as we speak. The website is due to go live by end of August.