Filson App
[ This is just a concept ]
For this project I was just trying to convert a website into a native iOS experience/design.
I randomly picked Filson and create an app that was trying to incorporating all the relevant information regarding a product such as the item price, description and color selector as well as any available filtering and sorting functions.
I also focused my design on the ‘Compare’ feature for the mobile experience leveraging native iOS design conventions and interactions.
Finally, I create a prototype with a full flow including the comparison of two or more products within the Filson core shopping experience.
Full Process
To check out all the steps that went into this project, check my article on Medium.
Final Design | Core Experience
Filson Storefront
Store Menu
Men Section
Product Page
Sorting Filter
Filter
Final Design | Guidance
Comparing Instructions Overlay – Selection
Comparing Instructions Overlay – More Info
Final Design | Product Details
Product Page
Product Page Scrolled
“Read More“ Screen
Final Design | Compare Flow
Comparing Instructions Overlay – Selection
Selection
Comparing Instructions Overlay – More Info
Comparing Items
Comparison with More Info – Landscape mode
Comparison with More Info – Landscape mode (scroll)
Full Prototype
Click the button below to watch a video of the entire prototype built in Principle.