Hair Day is a boutique hair salon specializes in cut, color and styling. It is a fictional company created as a basis for final test of Meta Front-End Development Course in Coursera. The task for the final test was to create a landing page for the fictional company, but I improved it as a whole website with additional pages for Stylist introductions, Blog, and Reservation Page. β
β
βAll the images and logo reserved to their respective source (Meta/Coursera.com and Unsplash.com)
Tools
-
Figma
-
Adobe Illustrator
-
Visual Code Studio
-
Github
Team
-
1 UI Designer & Front-End
My Role
-
UI Designer (creating base for the website layout and information architecture)
-
Front-End (creating website using front-end language: HTML and CSS)
Timeline
-
Overall: 2+ weeks
-
Design & iterate : 2 days
-
Front-End: 2 weeks
Information Architecture
The basis for the website structure is based on four menu:
home, stylist team introduction, beauty and health blog, and reservation form.
There might be additional promo page depending on theβ promo available on that month.
Wireframe
After finalizing the mapping for the architecture of the application,
we created the wireframe as the base for the layout.
Mock Up
After the wireframe has been finalized, we move to mockup to finalized the final visual
before moving to front-end development.
