Back

Pure Essence

A minimalist skincare brand website, designed in Figma and hand-coded in HTML & CSS for a UI/UX course project.

Role Designer & Developer
Timeline 2025
Tools Figma, HTML, CSS, Word
Deliverables Responsive Website, Design Spec

Pure Essence is a concept e-commerce site for a minimalist skincare brand, built for a UI/UX course. I designed the visual system in Figma — layout, typography, color, and product card patterns — then hand-coded the site in HTML and CSS, and wrote up the design specification and rationale in a companion Word document.

Home Page

Pure Essence home page with hero image and shop collection call to action
Home / Landing

Product Highlights

Pure Essence best sellers product grid
Best Sellers
Pure Essence additional product grid
Shop

Skin Quiz

An interactive quiz that recommends products based on skin type and concerns.

Pure Essence skin quiz asking about skin type and concerns
Find Your Perfect Match

Responsive Views

Pure Essence home page on tablet
Tablet
Pure Essence home page on mobile
Mobile