Zayna Cosmetics

Design an elegant, premium online store for Zayna Cosmetics, a Moroccan natural cosmetics brand based in Fès, addressing a discerning clientele seeking authentic products formulated from local ingredients (argan oil, ghassoul, orange blossom).

The challenge: translate the brand's sensory universe and natural DNA into a credible digital experience capable of competing with international e-commerce players. It was also essential to deliver a flawless mobile shopping journey, while integrating local payment methods (CMI, bank transfer, cash on delivery) expected by Moroccan shoppers.

I built a fully custom Shopify theme, engineered for performance and brand storytelling. The architecture showcases large-format product photography, with a streamlined purchase flow that naturally guides shoppers from product page to checkout.

CMI payment gateway integration for local bank cards, complemented by cash-on-delivery and bank transfer options. Core Web Vitals optimization with critical image preloading, lazy loading and WebP compression. I implemented a robust variant system (size, fragrance), a cross-sell module targeting beauty routines, and verified customer reviews.

Local SEO layer: Schema.org Product markup, optimized pages targeting queries like "natural cosmetics Morocco" and "organic argan oil Fès", plus a blog content strategy around Moroccan beauty rituals. GA4 tracking and Meta Pixel set up for retargeting.

Shopify store delivered and still in production at zaynabeauty.com. The full catalogue is browsable and purchasable online, with CMI card payment, cash on delivery and bank transfer all active - the three methods Moroccan customers expect. The client has reported no payment incidents since launch.

The mobile journey was the design priority rather than an end-of-project adjustment: WebP imagery, preloading of critical visuals, lazy loading and a trimmed theme, for smooth rendering on the entry and mid-range smartphones that make up most of the Moroccan device base.

Product pages are marked up with Schema.org Product and published in French and English, making the brand eligible for Google rich results on its flagship references (argan oil, ghassoul clay, orange blossom water). The size and scent variant system and the routine-based cross-sell are managed directly by the team.

Zayna now runs an autonomous direct sales channel alongside its physical Fès storefronts, on a technical base ready for seasonal collections.