Amazigh Crafts: Artisanal E-Commerce

Amazigh Crafts is not just another generic online store. My goal was to build a curated, premium space dedicated to authentic, hand-crafted Amazigh (Berber) jewelry—focusing on traditional silver work, filigree, and geometric enamel from historic hubs like Tiznit.

I designed the platform around a single philosophy: you aren’t just buying jewelry; you are preserving a piece of heritage.

The Headless Architecture

When building an artisanal brand, the website itself needs to feel premium. Nobody wants to wait for a slow page to load when they are looking at high-end craftsmanship.

To make the site feel instant, I built a completely decoupled, “headless” architecture:

1. The Storefront (Astro): I used Astro to pre-build the entire storefront into static HTML. This ensures the site loads instantaneously on mobile networks, completely avoiding heavy JavaScript bundles until you actually need to interact with the cart.
2. The Core Engine (Payload CMS & PostgreSQL): The backend runs entirely independently on a Node.js server. I extended Payload’s e-commerce template using Drizzle ORM, allowing me to build a highly customized database that perfectly fits the brand’s needs.

Artisans as the Protagonists

Usually, online stores hide their suppliers. I engineered our database to put them front and center. I built a custom schema that strictly links every single piece of jewelry to the specific artisan who created it.

Instead of just listing physical dimensions like weight and size, the backend enforces deep cultural storytelling. The database actually requires fields for the historical significance of tribal motifs and protective engravings. This ensures that every product page serves as a museum-like archive for the craft.

The “Artisanal Archive” Design

I wanted the interface to get out of the way and let the artifacts carry the emotional weight. Drawing from classic editorial layouts, I used a warm, earthy color palette (terracottas, ivories, and deep greens) paired with elegant, high-contrast typography.

The entire experience stays flat and grounded, avoiding heavy digital shadows or flashy animations to ensure the focus remains entirely on the heritage of the jewelry itself.