Skip to content
Web Development

Natural perfume brand website built on Indonesian botanicals

A bold, editorial perfume store: a carousel of bottles drawn in code, scent notes with where each ingredient comes from, a fragrance finder quiz, a discovery set builder, and a working cart.

Client
Sample project
The demo.tikuma.net/halimun website on desktop
The demo.tikuma.net/halimun website on mobile

Challenge

Perfume is hard to sell on a screen because nobody can smell it. This brand has six perfumes with strong ingredient stories, but its old store only showed bottle photos and prices, so new buyers hesitated to choose.

Solution

We designed an editorial store: ivory paper, black ink, one acid yellow, a heavy serif wordmark and mono labels. A full-screen hero introduces a single perfume.

Six bottles are drawn in code and shown in a focus carousel: the centre bottle sharp, its neighbours blurred, and the stage colour following the perfume. Each perfume lists top, heart and base notes, where its key ingredients come from, and a 50 ml or 15 ml size.

A three-question quiz suggests one scent and an alternative. Visitors can build a discovery set from three vials, then add it to a cart that counts down to free delivery.

Behind the scenes

techbottles and vials drawn as SVG from a single list of names and colours

the quiz result always includes an alternative, so visitors still have a choice

Results

sample numbers

perfumes with bottles drawn in code
6
of your choice in the discovery set
3 vials
50 ml and 15 ml, with the price updating at once
2 sizes
  • Bottle carousel: the stage colour follows the perfume
    Bottle carousel: the stage colour follows the perfume
  • Fragrance finder quiz result
    Fragrance finder quiz result

More projects

See all work

Nothing here like your business yet?

Tell us about it. Within one working day we'll send the closest example, a cost estimate and a timeline.

read by a real person on our team

Start a ProjectTalk to us on WhatsApp

We use analytics cookies (Google Analytics & Microsoft Clarity) to understand how this site is used, only if you agree. You can change your choice any time in the footer. Privacy Policy.