Responsive website design for Vivre Botanics
Jamiu Musbaudeen
Like this project
Posted Sep 1, 2025
I helped Vivre Botanics create a digital home that reflects who they are, a skincare brand built on natural ingredients , transparency and sustainability.
Likes
1
Views
3
Timeline
Aug 1, 2025 - Aug 28, 2025
Responsive website design for Vivre Botanics
Project overview
Client: Vivre Botanics
Industry: Skincare & Wellness
Project type: Website Design.
Project objective
The goal was to design a responsive website and scalable design system that :
Builds trust in the brand ingredients and sourcing,
Positions Vivre botanics as premium but accessible.
Highlights eco-conscious values and
Encourages both product exploration and newsletter signups.
Newsletter sign up pop up
My Approach
To meet these goals, i focused on a design strategy that balances brand storytelling wit usability.
Brand expression: Used earth tones and airy layouts and serif typography to reflect natural luxury
Design system: Created reusable components, color styles & style guides for consistency and developer handoff.
Core pages: Designed Homepage, About , Product listing page, Product details page , check out & payment page, utility flows like newsletter signup
Responsiveness: Ensured all screens adapt across desktop, tablet & moblie
Homepage
Results
The final website presents Vivre botanics as a trustworthy eco-conscious brand while being user-friendly & conversion-focused
The multi-page design creates a smooth flow from brand story to product purchase
The design system supports easy scaling for future features and campaigns
Deliverables: Responsive website design (7+ pages) & a design system.
Shop all Page
Product details page
Place order checout
View across breakpoints
THANKS FOR WATCHING