Dream Night Hypermarket

I rebuilt the site in Next.js from the client’s Figma design, on a content platform of its own: an admin that lives inside the site itself, with the content in a Postgres database and the photographs and flyers in object storage.

Around nine in ten of their visitors arrive on a phone, so every page was designed and checked at phone width first, then scaled up to a desktop rather than the other way around.

I also wrote them a handbook. It explains every screen in the admin, in plain language, and says plainly which actions are dangerous. Handing over software without it is handing over a dependency.

A hypermarket is a local business before it is anything else. Every page carries its own title and description, there is a page written for people searching near BurJuman, and the store’s address, hours, parking and directions are marked up so Google can read them as facts rather than as text on a page.

In store, QR codes take a shopper straight to the current offer on their phone, which closes the gap between the printed flyer on the shelf and the website.

A store that started with no website now runs one itself: 25 departments online, a new weekly offer live in minutes, the printed flyer readable on any phone, and prices that retire themselves at midnight.

I removed my own recurring work on purpose. I would rather be the person they call about something that matters than the person standing between a business and its own price list.