Waffar

Waffar is a right-to-left Arabic e-commerce store built around offers.

The storefront

A promotional banner runs across the top of the page carrying the headline price, with category tiles beneath it and a row of brands and products below that — the structure a shopper scans before searching.

Responsive

The same store was laid out across four screen sizes — desktop monitor, laptop, tablet and phone — rather than one layout shrunk down, so the category grid and the banner reflow instead of squeezing.