All projects
WebsiteE-CommerceBeauty

MAC Cosmetics

The Moroccan online store for MAC Cosmetics: shade-level shopping, makeup appointment booking, a pro programme, gift cards and local payments.

MAC Cosmetics website
The project

We built MAC Cosmetics Morocco's digital storefront end to end: a brand showcase site for maccosmetics.ma and a full online shop on a headless commerce back office. The back office reuses our in-house commerce modules, so the launch was configuration, not a rebuild.

3
Products: online shop, commerce back office, showcase site
18
In-house commerce modules reused
2
Payment methods: CMI card and cash on delivery

What we built

01

Online shop

A storefront with categories, product pages, cart, checkout and accounts.

02

Commerce back office

A headless commerce engine with custom admin tools for merchandising and returns.

03

Showcase site

A fast brand site with a mega menu, shade selector and store finder.

04

Fulfilment & payments

Fulfilment by WeFulfillCo, card payments and cash on delivery.

Key features

  • Book makeup, makeup party and bridal sessions, refundable in product
  • Pro account registration and a pro dashboard
  • Gift cards, wishlists, reviews and complete-the-look suggestions
  • A loyalty programme and newsletter sign-up
  • Store locator, blog and FAQ
  • Per-page SEO and a sitemap

Built with

Next.jsReactViteMedusaTailwind CSSSanityMeilisearchRedisAWS

Across the site

Desktop & mobile
MAC Cosmetics page 1
MAC Cosmetics page 2
MAC Cosmetics on mobile 1

More projects

See all