Flagship site for Le Pearl Fashion — a multi-brand retailer with stores across Oman & the UAE. Men's, women's & kids' collections, a full 16-page brand catalogue, and integrated paths to the online shop at lepearlfashion.com and the Instagram shopfront @lepearlfashion_oman. “Style that travels the Gulf.”
HTML5, hand-written CSS with a navy & gold palette, vanilla JavaScript for the catalogue gallery & smooth scroll. Instagram Graph embed for the live social feed, external links to the shop-online platform. Hosted on GitHub Pages at le-pearl.com.
The starting point was a printed brand catalogue — we rebuilt it as a responsive web experience without losing any of the editorial feel.
Reviewed the 16-page printed catalogue, the Instagram presence & the existing online store to map the full brand universe.
Navy & gold palette, Playfair Display headers, Inter body — consistent with the catalogue's print direction.
Each of the 16 catalogue pages rendered as high-res JPGs with lazy-loading & a lightbox viewer for desktop & mobile.
Instagram feed embed, shop-online CTA to lepearlfashion.com & direct-message links to the Oman store.
Pushed to GitHub Pages at le-pearl.com with SSL, sitemap & GA4 tracking.
Details that make the site feel like a brand flagship, not a template store.
lepearl-catalogue/ — browsable page-by-page with keyboard navigation.lepearlfashion.com — clean split between “discover” (le-pearl.com) & “buy” (lepearlfashion.com).Open the production site to experience the design, content & interactions firsthand.
Visit le-pearl.com →