Hayu Modest · private preview for the client

Eight worlds.
One house.

We didn't build one storefront and reskin it. We built eight complete, living stores — each a different world in palette, type, motion and feeling — all selling the same real collection through the same full shopping experience. Step inside any of them below. Then pick the world that feels like Hayu.

8 live sites Real collection · abayas, hijabs, menswear, attar, beauty Full checkout, wishlist & accounts Private & unlisted
Step inside — live

Walk through the real sites, right here.

Pick a world; it loads live below. Scroll and click inside it like a customer would — then flip between desktop and phone.

Open ↗
Loading the live site…

This is the real, live site embedded in the page — not a picture. Try the collection, open a piece, add to bag.

One engine underneath

Seven looks. One real store.

Every world runs on the same commerce core, so behaviour is identical and there's a single source of truth. The difference between them is entirely the design — never the substance.

The real collection

The full range of real products across five categories, each with real photography, sizes, stock and sale pricing.

A complete checkout

Browse, product pages, bag, coupons and checkout — wired end to end, ready for live payments.

Wishlist & accounts

Customers can save pieces, keep a bag between visits, and sign in to a personal account.

Install to phone

Each site installs to a home screen like an app, and is built mobile-first from the first pixel.

Fast & global

Served from a global edge network, so it opens quickly wherever the customer is.

Private for now

Every page is unlisted and blocked from search while it's a preview — nothing is public until you say so.

The journey — identical on all seven

How a customer buys.

This is the walk-through to do live in the meeting. It works the same way on every world, on desktop and on a phone.

01

Browse

Open the home world or the collection grid; filter by category.

02

Open a piece

Click any product to open its own page.

03

Feel the cloth

Hover the image to magnify and inspect the fabric; tap to enlarge on mobile.

04

Choose a size

Pick a size — sold-out sizes are shown but disabled.

05

Add to bag

The bag slides in with the piece and its size.

06

Apply a code

Enter HAYU10 for 10% off; the total updates live.

07

Checkout

Runs the full flow — payments switch on when the boutique goes live.

The eight worlds

Each one is a different house — same collection inside.

Preview any world in the stage above, or open the full live site in its own tab. No two share a palette, a typeface or a layout.

In the room

How to walk her through it.

1

Show the range first

Open two very different worlds side by side — say The Dream and The Gallery. Same house; two completely different feelings. This lands the core idea instantly.

2

Do one purchase, live

On one site: open a piece → hover to zoom the fabric → choose a size → add to bag → apply HAYU10 → checkout. This proves it's a real store, not a mockup.

3

Prove it on mobile

Flip the stage above to Phone, or open it on a real phone — the same journey works. Modest fashion sells on the phone; this is built for it.

4

Let her pick her world

Everything else — live payments, her real contact details, her founder's note, Instagram — switches on from the world she chooses.

From preview to open

What turns it on.

Nothing here is needed for the demo — this is what happens once she chooses a world and we go live.

Live payments

Real card checkout switches on in place of the showcase message — orders, receipts and tracking follow.

Her details

WhatsApp, Instagram, contact and a founder's note — left blank now, filled in once chosen.

Final photography

Final campaign imagery swapped in before launch — which is why previews stay unlisted for now.

Her domain

Point it at the real Hayu Modest address and lift the search block — the world goes public.

A note on the demo: the checkout shows a “design showcase — payments switch on when the boutique goes live” message on purpose. It's the safety switch, not a limitation — everything up to payment is the real, finished flow.