Footlocker
Year: 2017 | Client: Footlocker | Industry: Retail
Tools: Sketch, Invision, Adobe Creative Suite
Deliverables: Competetive Analysis, Workshops, Wireframes, RWD Visual Design.
Footlocker wanted a revamp with an eye on unifying their shopping experience across their three sister brands; Footlocker, Kids Footlocker and Ladyfootlocker.
The entire project was carried out in phases starting with Kids Footlocker (KFL). This phase involved understanding the audience behaviour and design concepts for KFL
Discovery & Initial Concepts
We adopted the Mobile first paradigm, a new approach that puts handheld and mobile devices at the forefront, both, strategy and implementation wise. The idea was to use atomic design in card layouts keeping in mind the image-heavy nature and repeatability as well as expandability of the content. Other tangential elements we adopted including the “scroll is the new click”, progressive disclosure and “icon”-ic styling to a name a few.
We adopted the Mobile first paradigm, a new approach that puts handheld and mobile devices at the forefront, both, strategy and implementation wise. The idea was to use atomic design in card layouts keeping in mind the image-heavy nature and repeatability as well as expandability of the content. Other tangential elements we adopted including the “scroll is the new click”, progressive disclosure and “icon”-ic styling to a name a few.
Footlocker stores are a hit when it comes to the Instore shopping experiences. And our main objective was to replicate this for the web experience too. To achieve this, we went the extra mile and even dropped by a few stores to understand customer buying patterns and even user tested what we had designed so far. This approach received a positive response and we started working on the design and development for Kids Footlocker. This then eventuated into the development of muses and mood boards for FL and LFL in the next phases!
