Seraya Fragrances · Algiers, Dubai, Europe
A perfume house that had to read the same in three languages
The work
Seraya makes hair and body perfume, sold in Algeria and the Gulf and now into Europe. We rebuilt the storefront around how people actually shop for scent, then localised the whole thing into French, English and Spanish.
Results
What the work moved
The range
Six signatures, one bottle
Every fragrance ships in the same 50ml flacon, so the only thing that separates them on a shelf or a grid is the colour of the juice and the name. That constraint set the whole art direction.
Information architecture
Three doors, then five feelings
Thirty-odd products, and the old site put every one of them in a single grid behind three filter buttons. The rebuild files them in three descending levels instead: what you put it on, how it makes you feel, then the product itself. Every level is a real landing page, in every language.
| FR France, Algeria | EN Gulf, international | ES Spain |
|---|---|---|
| Frais & Musqué | Fresh & Musky | Fresco y almizclado |
| Chaud & Floral | Warm & Floral | Cálido y floral |
| Floral & Sensuel | Floral & Sensual | Floral y sensual |
| Chaud & Épicé | Warm & Spicy | Cálido y especiado |
| Sucré & Gourmand | Sweet & Gourmand | Dulce y goloso |
Product art direction
The note list, made visible
Rather than print the pyramid as text, each fragrance page opens with its raw materials suspended around the bottle. Same lighting, same lens, same composition across the range, so the products stay a set.
Product pipeline
From a measurement to a photograph
The whole range shares one flacon, so nothing could be designed until the bottle was pinned down: 135 mm to the top of the cap, 45 mm across the face, 30 mm deep. Those figures become a model, the model becomes a studio frame, and the studio frame goes out into a room. No product was ever photographed. Every image on the store comes out of the same file, which is why a new scent costs a render rather than a shoot.
Height, face and depth taken off the real bottle, before a label exists.
Built to those figures and checked as grey clay, so the silhouette is judged on its own.
Glass, juice and label added, then lit once and reused across the whole range.
Dropped into a room with its own raw materials, for the campaign and the landing pages.
Campaign content
Worn, not displayed
A hair perfume only makes sense on someone. The lifestyle set was directed so the bottle is always in contact with hair or skin, never posed on a surface.
The creator cuts
Four vertical films shot the way the product is actually used: hair, then skin, then out of the house. Same brief, four creators, no studio.
The storefront
What the revamp actually changed
The site Seraya came to us with was a hand-built React single-page app. It looked reasonable and it took orders, but everything a search engine reads was missing: one page title for the entire site, no description, nothing rendered until three megabytes of JavaScript had run. We moved the catalogue onto Shopify with a custom theme, then rebuilt the two pages that do the selling.
| Before · hand-built React app | After · Shopify, custom theme | |
|---|---|---|
| Page title | דSERAYA”, on every single route | ✓Written per product and per collection |
| Meta description | ×None, and one invalid meta tag in its place | ✓One per page, in the page's own language |
| Social preview | ×No Open Graph, links shared as bare URLs | ✓Title, description and image on every page |
| Without JavaScript | ×A blank page and a “enable JavaScript” notice | ✓Server-rendered HTML, readable by crawlers |
| Front-end weight | ×One 3.2 MB bundle, no code splitting | ✓Split and lazy loaded, 2.1s to first paint |
| Sitemap | ×None on the server | ✓Generated and submitted |
| Languages | ×French and Arabic pasted into the same field | ✓French, English and Spanish as real locales |
| Install manifest | ×Still read “Create React App Sample” | ✓Branded name, icons and theme colour |
| Checkout | ×A hand-rolled order form and admin panel | ✓Shopify checkout, taxes and abandoned carts |
| Reviews on the page | ×Nowhere on the product page | ✓Rating in the buy box, written reviews below |
A highly professional agency
“This agency is highly professional, attentive to its clients' needs, and always delivers outstanding results while adding its own creative touch. The team is responsive, reliable, and remains available even after the project is completed to accommodate any changes or additional requests. Their dedication, professionalism, and excellent communication make them a pleasure to work with. Highly recommended!”