Nelson & Floyd is a Canadian company, that specializes in the art of grooming through meticulously crafted products. The brand is driven by a unique selling proposition that combines the expertise of barbers with an unwavering commitment to quality and distinction. They believe in empowering individuals with a grooming experience tailored to their personal style, catering to even the most discerning minds. Their mission is to provide men with the tools and knowledge to recreate that coveted "out of the barbershop feeling" every day.

Project details

My role: UI Designer

Objective: Design the Homepage, Collection, and Product pages.

Design for online shopping

Obs: All the content has been used as a non-commercial basis

Information Architecture

As part of this project, the objective was to develop three essential pages for the Nelson & Floyd e-commerce website: the Homepage, Collection page, and Product page.

To ensure a good user experience, it was designed a simple information architecture that incorporated these crucial screens and emphasized the key elements of each page. By mapping out the navigation flow and highlighting the essential components, I aimed to create an intuitive and visually appealing website that would captivate users and drive conversions.

Typography and colors



Collection page


Product page


Mobile screens