Case Study Project 1: 22 Glow Routine Website
In each case study, include:
Problem / Goal
The goal of this project was to design a skincare website that helps users understand and follow a simple daily routine for healthier skin. The challenge was to present helpful information in a way that feels approachable, calming, and easy to follow, while also keeping the design visually appealing and organized.
Research
I explored existing skincare and beauty websites to understand common design patterns and user expectations. Many successful sites use:
- Neutral, soft color palettes to create a calming feel
- Clean layouts with clear sections
- Simple navigation to guide users through routines
From this research, I decided to focus on a minimal, structured layout with clear content sections and a consistent visual style.
Wireframes
Before designing the final interface, I planned the layout by organizing the content into sections:
- Hero section with introduction text and image
- “New Here” section to guide first-time users
- Daily tips section for quick, useful information
- Routine breakdown (cleanser, exfoliation, serums, moisturizer)
This structure helped ensure the user flow was logical and easy to follow.
Final Design
The final design uses a warm, cohesive color palette (burgundy, cream, and neutral tones) to create a clean and calming aesthetic.
Key design decisions:
- Typography: Simple and readable fonts to make information easy to scan
- Layout: Clear sections with strong hierarchy to guide users through the content
- Imagery: Skincare visuals to reinforce the purpose of the site
- Consistency: Repeated colors and spacing to create a unified look
The overall design supports a relaxing and informative user experience.
Usability Testing
I gathered feedback from peers and reviewed how users interacted with the layout.
Key insights:
- Some sections needed clearer spacing for readability
- Visual hierarchy could be improved to guide attention better
- Users preferred larger images for better visibility
Based on this feedback, I refined spacing, improved alignment, and made content easier to scan.
Results / Improvements
The final design successfully presents a skincare routine in a clear and visually appealing way. Users can easily navigate through tips and understand each step of the routine.
Future improvements could include:
Expanding content with personalized skincare recommendations
Adding interactive elements (such as clickable routines or sliders)
Improving accessibility (contrast and font size adjustments)