UI design:
The Art of Shaving’s
Beard Academy

The ask was to create a simple, 2 page max, tool that would show the clients’ users how to best treat their facial hair with their products. Below is the User journey and the User Interface which I designed in conjunction with an amazing developer. The journey starts with a landing page and then takes you to a screen where you are prompted to first choose your facial hair length. From there you choose your goal. Once both requirements are fulfilled the “update” CTA is the activated. Upon hitting update, the user is automatically brought down further to the page where the results (products) are shown. This was a mobile first design, also done for desktop. Features include a back to top button and a sticky checkout CTA.