![](https://cdn.myportfolio.com/f7a79548-b483-43f8-9f87-3448a5fcdfa2/176d5969-9db7-4b21-b348-d37541b014f4_rw_1920.png?h=9a0c56e022ab124c11a5989a87d29fcb)
Beast Beard Care
![](https://cdn.myportfolio.com/f7a79548-b483-43f8-9f87-3448a5fcdfa2/31411ca4-b942-4aa3-bd68-9014d658d599_rw_1200.png?h=20e462ab5c0c419dbfb5a27e2215e132)
Overview
The Problem
Maintaining a beard. Beast Beard Care - Product(s) provide the solution in maintaining a beard, e.g. beard oil. The service will give the user the ability to purchase and maintain their desired look through the web/mobile experience.
The Desired Outcome
By allowing the user to purchase a product that aids them in maintaining their desired look, the user experience & interface will be vital in their continued interaction. The goal is for the experience to be easy, inviting and rewarding to their journey of beard growth and care.
The Product
A Responsive Experience
![](https://cdn.myportfolio.com/f7a79548-b483-43f8-9f87-3448a5fcdfa2/64c79685-ef02-465e-ad29-604daec86599_rw_1920.jpg?h=e6113067ad20fe9c47a2fd9e8ca3454a)
Tools Used
Sketch | InVision | Illustrator
Focus
Men | Millennial | Beard Enthusiast
![](https://cdn.myportfolio.com/f7a79548-b483-43f8-9f87-3448a5fcdfa2/268a9ec6-2fe2-480b-b953-42236e3712be_rw_1920.png?h=7094358afa97bac5069386fad6d3d338)
Setting the Mood
![](https://cdn.myportfolio.com/f7a79548-b483-43f8-9f87-3448a5fcdfa2/d6ce9f92-a579-482d-abf5-ca19c82ee251_rw_1920.png?h=3f4ed84968f30290ef76d9cea383056c)
Colour & Fonts
![](https://cdn.myportfolio.com/f7a79548-b483-43f8-9f87-3448a5fcdfa2/269663b8-9170-4a0b-a16c-da307203d4be_rw_1920.png?h=b003d1e242cbf615d84f07f7b372640c)
![](https://cdn.myportfolio.com/f7a79548-b483-43f8-9f87-3448a5fcdfa2/90fa6a1f-d8d1-43dc-b0eb-85a4bae7ae58_rw_1920.png?h=85ffd6a0d5e9abfb10a7ed2de8594f84)
The User Interface Components
![](https://cdn.myportfolio.com/f7a79548-b483-43f8-9f87-3448a5fcdfa2/c95a8de7-70fd-4855-93d5-370c42d22d33_rw_1920.png?h=31207c1bffee4f4c50cfa8f7ff7e1511)