Chinex Mall

A shopper is doing three things at once — browsing, comparing and deciding — and the interface either supports that or interrupts it. The build had to make products easy to scan, keep the next step always obvious, and hold together on the phone, where a large share of retail traffic arrives.

I designed the flow before the pages: the path from arriving, to browsing, to checking out, and what has to be true at each step for someone to keep going. The interface was then built to serve that path, with product presentation and navigation treated as one system rather than as separate screens.

Product imagery leads and the chrome around it stays calm. Typography is sized for scanning rather than for reading, calls to action are unambiguous and used sparingly so they keep their weight, and touch targets were sized for real thumbs rather than for a desktop cursor.

Built with Next.js. Catalogue surfaces were componentised so new product presentation reuses existing parts, media below the fold was handled so it does not block first paint, and the layout was built mobile-first instead of being adapted down from desktop.