Vivre Botanics Website Design
A modern e-commerce design for Vivre Botanics that improves first impressions and makes shopping smoother.
About the project
Vivre Botanics is a sustainable, organic skincare brand focused on natural ingredients and eco-friendly packaging. They promote slow beauty and believe in transparency, minimalism, and authenticity.
Industry
Skincare & Wellness
Date
Aug 3rd 2025
Project type
Website Design
Duration
4 Weeks
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.
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 sans-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
Typography and colors
Semi - Bold
Bold
Regular
Medium
Overview
Homepage
The homepage introduces the brand with clear messaging, featured products, and quick paths to explore.
Newsletter sign-up Pop up
A subtle timed popup invites users to join the newsletter for updates, exclusive offers, and skincare tips. It appears after landing to avoid interrupting browsing flow.
Product Listing Page (Shop All)
The Shop All page presents all products in a clean grid with built-in filter and sort tools.
Product Details Page
Each product page highlights ingredients, benefits, usage guidance, and customer reviews.
Checkout flow
The checkout flow is streamlined across steps—cart review, shipping, payment, and confirmation.
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.
