Skip to content

Luxury, without the loading time.

An online perfume house where the catalogue had to look expensive and behave quickly.

Delivered in
3-4 Weeks
Tools & Platforms
Figma, WooCommerce
Live URL
View Live Project

01 / The brief

Perfume sells on presentation, and presentation usually costs speed.

My Genie Collection sells fragrance online, where the buyer cannot smell anything and so decides on how the product looks and how the brand carries itself.

That points every design instinct toward heavy imagery and elaborate motion, which is exactly what makes a shop slow. The build had to find the version that looks considered and still loads.

02 / Our approach

Spend the weight on the product shots. Save it everywhere else.

Animation and sliders were used sparingly and only around the collections, where they do the job of a shop window. Everywhere else the layout stays quiet so the images carry the impression.

Checkout was built to be short and legible (a secure path with no invented steps) because an elegant catalogue that loses people at payment has solved the wrong problem.

Week 1

Collection structure

Catalogue and product templates mapped around the ranges.

Week 1—2

Design

Elegant layouts with motion confined to the collection displays.

Week 2—3

Checkout

Secure checkout configured and tested end to end.

Week 4

SEO and launch

On-page SEO, responsive pass, CMS handover.

03 / The outcome

A catalogue that looks the price it charges.

Twelve deliverables across four weeks, with the collections, secure checkout and on-page SEO all live and the catalogue editable in place.

From day one my criteria was to work with a professional team only, as I don’t have the time to keep explaining, and my budget was limited. Ashiqurtech and his team were very accommodating.

My Genie Collection