← Work / Lily's Secret

Lily's Secret

Brand Site Interactive Product Demo Six-Language i18n Arabic RTL Order Systems
Lily's Secret makes candles with a personal message set into the bottom of the glass. You only read it once the flame has burned all the way down. That is a lovely product and a hard website, because the thing being sold is invisible in every photograph of it. The brief added two more constraints: customers across six language groups, and no online payment, since every candle is poured to order and confirmed by hand. I designed and built the site at lilysecretcandles.com. This case study covers the interaction that explains the product without a line of marketing copy, and the language and order systems that let one person in the UAE actually run it.
Role
Designer & Engineer
Client
Lily's Secret, United Arab Emirates
Stack
HTML, CSS, Vanilla JS, Formspree, WhatsApp, ImprovMX
Scope
Site design, interactive reveal, order builder, six languages with RTL, schema, legal pages

You Have to Burn It to Read It

The product problem came first. A candle photographs like a candle. The message is under the wax, so the one thing that makes this brand different is the one thing a photograph cannot show. Every attempt at solving that with copy read like a riddle, and riddles do not sell gifts.

So the site performs it instead of describing it. There is a candle on the page. You press to light it, the flame catches, the wax burns down, and the message appears at the bottom of the glass. A second button reveals another one, which is the beat that teaches the real point: the message is not ours, it is whatever you write. Blow it out and a wisp of smoke rises. That detail earns its place, because it is the moment the object stops reading as a graphic and starts reading as a thing.

The interactive candle lit, with the hidden message showing through the wax at the bottom of the glass
Fig 1. The reveal, mid-burn. This is the entire product pitch and it runs before the visitor has read a word about how the candles work. The suggested phrases beside it exist to prompt, not to prescribe.

From there the builder does the selling. Fragrance, message, occasion, sent. There is deliberately no checkout. Every candle is poured to order and confirmed personally, so a cart would promise a transaction the studio does not actually offer. Seven signature scents are presented with their scent families attached, from Exotic Dream and Amber Tale through Velvet Coffee, Summer Sun, Pure Silk, Sweet Escape, and Istanbul Tulip, with a write-your-own path for anyone who wants something else. A summary panel beside the form fills in as choices are made, so the order is legible before it is sent.

Reveal
Light, burn, read
Press to light, wax burns down, hidden message appears
Second message
Teaches the point
Reveal another, so the words read as the buyer's, not ours
Builder
No checkout by design
Fragrance, message, occasion. Confirmed personally, not charged
Fragrances
Seven signatures
Each carrying its scent family, plus a write-your-own path
Palette
Wine, gold, cream
Cormorant Garamond display, Jost body, candle-glow accents
Performance
98 / 100 / 100 / 100
Lighthouse, held after the hero video landed
The Lily's Secret home page hero in deep wine and antique gold
Fig 2. Deep wine, antique gold, cream, and candle-glow. Cormorant Garamond for display, Jost for body, with gold held back so it reads as gilding rather than decoration.

The art direction called for restraint more than it called for ideas. The brand handed over a full shoot: polished product work, a lifestyle set, a four-panel making-of, and a pile of casual kitchen and pouring footage. The casual material is genuinely charming and it stayed off the page. At this price point the handmade story has to be carried by the four-panel journey and the hero video, because a phone snap of a saucepan reads as a hobby rather than a studio. That was a call I made and defended, and it is the difference between a site that supports the price and one that quietly argues against it.

Six Languages In, English Out

The customer base spans the UAE and the diaspora buying into it, so the site ships in six languages: English, Arabic, Turkish, French, Russian, and Hindi. Arabic runs full right-to-left, which means the layout mirrors, not only the text. The choice persists in the visitor's browser, so nobody picks their language twice.

The decision that makes the whole thing operable sits on the other end. Orders always arrive at the studio in English, whatever language the visitor used. The owner should never open an order she cannot read, and no translation step should sit between a customer's message and the candle it goes into. A six-language storefront with a one-language inbox is what lets a single person run this without hiring.

The Create Your Candle builder showing fragrance options, suggested secret messages, and a live order summary panel
Fig 3. The builder. Fragrances carry their scent family, the message step offers prompts above a free-text field capped at 120 characters, and the summary panel on the right fills in live. Two send paths sit side by side, straight to the studio inbox or straight to WhatsApp.

Sending is deliberately plural. The primary path posts to the studio inbox through Formspree, so the customer never opens their own mail client and never loses the order to a half-written draft. Beside it sits an equal-weight WhatsApp button, because in this market a lot of buyers would simply rather message than fill in a form, and Instagram is offered underneath as the third door. Three paths, one destination, no dead ends.

Delivery is governed by a single FORM_ENDPOINT constant. Set it to an empty string and the whole site falls back to a pre-filled email instead. One line, two modes, no branching code to maintain. The public address is an ImprovMX alias forwarding to the studio, so the brand email stays stable even if the inbox behind it changes.

Failure is handled out loud. If a send fails because the visitor is offline or the form is over quota, the chat says so and points at the other routes rather than swallowing it. That matters more here than on most sites, because the thing being submitted is a personal message someone just spent five minutes writing.

Languages
Six, one engine
English, Arabic, Turkish, French, Russian, Hindi
Arabic
Full RTL
Layout mirrors, not only the text direction
Orders
Always English
Six languages in, one readable inbox out
Send paths
Three doors
Studio inbox, WhatsApp, Instagram. One destination
Delivery
One constant
FORM_ENDPOINT governs Formspree or the email fallback
Schema
Product plus place
LocalBusiness AE, Product, ItemList of 7, FAQPage
01 · Choose
The globe menu switches the whole site between six languages. Arabic mirrors the layout. The choice is stored in the browser, so a returning visitor lands in their own language without asking.
02 · Build
Fragrance, secret message, occasion, then name, contact, quantity, and date. No payment step, because every candle is poured to order and priced in conversation. The builder collects what the studio needs to quote and nothing it does not.
03 · Send
Post to the studio inbox through Formspree, or hand the same order to WhatsApp, or message on Instagram. The chat shows a localized confirmation. A failure names the other routes instead of failing quietly.
04 · Receive
The order lands in English no matter which language it was written in, at an ImprovMX alias that forwards to the studio, so the public brand address never has to change when the inbox behind it does.
The site rendered in Arabic on a phone, with the header, navigation, and buttons all mirrored right to left
Fig 4. Arabic on mobile. The header, the menu trigger, the button order, and the section rhythm all mirror. Getting this right meant the layout could not lean on left-anchored spacing anywhere.

Discovery and trust were the last pieces. The home page carries Organization and LocalBusiness schema anchored to the UAE, a Product block with offers, an ItemList declaring all seven fragrances as individual products so each scent can surface on its own, and a FAQPage answering what a first-time buyer actually asks: what this is, how the secret works, where the candles are made, how to order, and what the scents are. Underneath that sit real terms, privacy, and returns pages carrying the registered entity and licence details. A brand asking a stranger for a personal message and no payment up front has to look like a real company before it can afford to look like a charming one.

The product is a surprise that only works once, and the site had to give that surprise away without spoiling it, in six languages, to a buyer who cannot pay online and has to trust a stranger with something personal. The candle does the explaining. The language and order systems make sure whoever gets convinced can actually place the order, through whichever door they prefer, and that the studio can read it when it arrives.

Visit the live site ↗