نورة الحافظ

The UI and UX were built around how ordering really works at Nora Al-Hafidh, while carrying the project's original identity and logo. The logo uses only black and white, with a few extra colors added across the site at the client's request. The design system is sharp and classic, matching the house's fashion style, which draws mostly on the classic spirit of Iraqi women's fashion.

This simple diagram shows one of the engineering problems I had to solve. Ordering at Nora Al-Hafidh isn't like ordering from other stores, because this is a fashion design house, not a shop that imports and sells ready-made pieces. So the order itself had to be tailored to what the house needs from each customer.

The interface had to work with a single piece having three size tiers, each with its own price, each opening its own measurement fields, while every piece in the same order can come in a different size and color.

So how do you keep that system under control? And how does the interface draw every change without affecting the other sizes, the extensions across the site, or even the custom measurements field?