Oliv Natural Nourish

Oliv's website is a digital store and a central destination for product discovery, purchase, and holistic self-care knowledge. Using bold typography, generous white space, and product-focused visuals, the experience guides users effortlessly from inspiration and care guides to final checkout.

Client:
Oliv - Natural Nourish
Category:
Skincare / Haircare / Beauty
Scope:
E-commerce Website Design
Date:
2026
Oliv homepage on a smartphone resting on green leather

Introduction

Oliv Natural Nourish is a natural body and hair care brand inspired by the nourishing benefits of virgin olive oil. Offering a range of body washes, shampoos, and conditioners, Oliv brings gentle, everyday care to your skin and hair. With a focus on natural ingredients and a clean, minimal design, the brand encourages you to embrace your own beauty.

Oliv website banner for Oil Shower, Body Wash and Hair Care

Typography

Hatton font is used as the primary display typeface to create a refined and luxurious visual identity. Its elegant serif design enhances headlines, conveying the brand's premium quality, timeless beauty, and natural sophistication.

Oliv typography specimen

Color Palette

The color palette for Oliv Natural Nourish is inspired by the natural tones of virgin olive oil, creating a warm and inviting visual identity. The primary colors include a rich green, representing the natural ingredients, and soft beige, symbolizing the gentle care the brand provides.

Oliv color palette

Customer Personas

Customer personas define Oliv Natural Nourish’s target audience, highlighting their needs, preferences, and behaviors to guide design decisions and create a more relevant user experience.

Oliv customer persona profiles
Oliv homepage hero shown on a laptop

Sitemap

The sitemap outlines the website’s structure and navigation, creating a clear and intuitive path for users to explore content and find the information they need.

Oliv website sitemap

Homepage

A clean and engaging homepage designed to showcase key products, care journals, and brand messaging while guiding users through the website and encouraging further exploration.

Full Oliv homepage design

About

Introduces the brand’s mission, values, and commitment to natural skincare and haircare, while highlighting its focus on quality ingredients, sustainability, and everyday self-care.

Full Oliv About page design
Oliv shower oil bottle on the edge of a bathtub

Product Pages

The Product Pages showcase the full product range and provide detailed product information, guiding users seamlessly from discovery and selection to checkout.

Oliv product listing page design
Oliv product page for 3X Moisturizing Shower Oil on a tablet
Oliv mobile product page with key ingredients and related products
Oliv shopping bag on desktop and mobile
Oliv checkout page design

Next Project

Kajima Vietnam

View case study