Faculty of Design

Graphic Design

Alyssa Bernardo

Skinsitivity

Digital Media
2019
Skinsitivity is a hand-coded website I created using front-end programming languages. The website design engages visitors with intuitive navigation and user-experience.

“Skinsitivity is the place for those with skin sensitivities or for those who simply consider themselves skincare enthusiasts.”

Share with someone

The Skinsitivity homepage includes a navigation bar so that there is a better ease of use for visitors who are searching for specific products.
The Skinsitivity homepage includes a navigation bar so that there is a better ease of use for visitors who are searching for specific products.
When visitors hover over an image of a skincare product, the opacity of the image decreases, revealing the product name.
When visitors hover over an image of a skincare product, the opacity of the image decreases, revealing the product name.
Visitors can click on product images to see more information. Using tabs on the product page, they can switch between viewing the instructions and the ingredients.
Visitors can click on product images to see more information. Using tabs on the product page, they can switch between viewing the instructions and the ingredients.
Clicking on the question mark button will take visitors to the About page, where they can learn more about Skinsitivity.
Clicking on the question mark button will take visitors to the About page, where they can learn more about Skinsitivity.
Code
Code

Work by

Alyssa Bernardo

Graphic Design