Web Development

Hijab online store with collection filters, colour views & WhatsApp checkout

A collection page for a hijab label from Bandung. Eighteen products filter by type, fabric, colour family, price and stock, every colour can be seen before buying, and orders go out on WhatsApp with the amount left for free shipping worked out in the bag.

Client: Sample project
Services: Web Development

The demo.tikuma.net/rinai website on desktop — hover to scroll the page

The demo.tikuma.net/rinai website on mobile — hover to scroll the page

Challenge

This hijab label sold through Instagram and marketplaces. Model photos existed for only one colour per product, so the DMs kept asking the same questions: what the other colours look like, which fabric stays cool, and whether a piece is still in stock.

Solution

We built a dense collection page like the big hijab stores: a serif title, a restock banner, round type shortcuts (pashmina, square, instant, bergo, prints, inner), filters at the side, a 2, 3 or 4 column view, and sorting by newest, best rated or price.

Product cards carry sale, new, low-stock and sold-out labels, review stars and colour dots. Colours without a photo appear as draped cloth in that colour, and five printed scarves (gerimis, mendung, embun, bianglala, teduh) are drawn in code.

Quick view has colours, quantity, a description, size and care. The bag works out how much more is needed for free shipping and drafts a WhatsApp order, the wishlist is kept on the device, and a fabric guide compares six fabrics on drape, see-through, coolness and ease of styling.