re-design
The issue with the previous site was that it needed better category navigation for 'mens, womens & kids' sections, a cleaner UI and display for products and product pages, responsive and mobile first design for devices.
Also a refresh in art direction, creating more consistent use of branding and typeface across the website.
• Art direction
• Branding
• Wireframing and conceptual design
Creating brand consistency
The hero section of the home page previously had mixed fonts and styles. Part of the site refresh, was to update typography and reflect the brand in a more authentic way. Colour ways, and font usage was given a clearer direction in execution.
Landing page design
Refreshing the user flow
Using a new e-commerce platform, some wireframes were created to reflect the updated shopping experience. Starting with mobile first - this example shows a user flow going from the home page, browsing products and clicking through to image galleries.
Wireframe examples (left - landing page, middle - product page, right - mobile view: clicking from the landing page > to product > to product detail / buy now page)
Menu banner wireframe
Landing page and product detail wifreframe
The end result - High fidelity mobile screens
The end result - High fidelity desktop screens
The end result - Product details page
