Work / Loravey
Loravey
An online shop for natural skin care, designed to make a sensitive subject feel calm, clean, and easy to buy into.
In short
- Loravey sells natural skin care for conditions people rarely talk about, like itch, odor, and fungal skin.
- I designed the shop: home page, product pages, a comparison, and order tracking.
- I also produced the imagery, generating natural scenes with AI and enhancing product photos for a high-end look.
4products in the collection
2.6%store conversion rate
18%fewer order tracking support requests
5ingredients explained on the page
Overview
A sensitive subject, sold with calm confidence.
Loravey makes natural products for skin conditions most people would rather not mention: an antifungal soap bar, a nail care pen, antifungal bamboo socks, and a tea tree body wash.
I designed the online shop from the home page to order tracking, and created the imagery that fills it. The goal was a shop that feels clean and premium, explains how the products work, and makes buying them feel normal.
The challenge
Trust first, for products people hesitate to buy.
An awkward subject
Itch, odor, and fungal skin are not easy to shop for. The design had to feel calm and friendly, never clinical or embarrassing.
Show why it works
Visitors want to understand what is inside and how it compares with what they already use.
A premium look
The products had to look high-end, in a market full of plain pharmacy packaging.
After the purchase
Customers need to see where their order is without writing to support.
Design
Forest green, a little lime, and plenty of air.
A warm off-white canvas keeps every page light. Deep forest green carries the actions, a soft sage frames the product range, and a bright lime is kept for offers and highlights.
Core palette
- Forest#1C3A13
- Lime#D3FA99
- Sage#DDE5D6
- Canvas#F8F8F2
Typography
FigtreeOne typeface for headings and body text
- Regular
- Medium
- Bold
Stop treating it. Start fixing it.
Nature had the answer all along.
A friendly geometric sans that keeps a health topic warm and approachable, from big headlines to small print.
Interface
What's inside, and why it matters
The ingredients sit around the product itself, each with one sentence on what it does. A results section shows the brand's own trial data as a simple bar chart.
Key features
- Five ingredients around one product shot
- One short line per ingredient
- Results as a two-colour bar chart
A product page that answers the questions
A large gallery sits next to the buying panel: reviews, a short description, four benefits with icons, price and quantity, then one button. Stock, shipping time, and the guarantee are spelled out under it.
Key features
- Gallery with six thumbnails
- Benefits as icon and short line
- Stock, shipping, and guarantee under the button
A fair comparison
A comparison table puts the body wash next to a regular body wash and creams or sprays, with the Loravey column highlighted.
Key features
- Six everyday questions as rows
- The brand column lifted out
- Ticks and crosses only
Order tracking without a support ticket
Customers track an order with their order number and email or phone, or with a tracking number. The result shows the delivery route, the carrier, the order, and every step of the tracking history.
Key features
- Two ways to look up an order
- Carrier and tracking numbers with a copy button
- Delivery history step by step
Imagery
AI as part of the toolkit.
Part of the work was the photography itself. I generated scenes with AI that put the products in nature, in moss, water, and forest light, and upscaled and retouched the existing product photos so the whole shop reads as high-end.
The same images do double duty: as backgrounds for the results and comparison sections, and as the mockups for this case study.
Outcome
A shop that feels as natural as the products.
Every page explains the product and leads to the cart, and the order tracking takes questions off the support inbox. The calm palette and the imagery give a small brand the presence of a premium one.
What I delivered
- UI/UX design for the home page and product pages
- Product comparison and ingredients sections
- Order tracking flow
- AI-generated and enhanced product imagery
Pages
- Home
- Product page
- Track my order
- Tracking result