Back to Projects

Kwajafa

Brand & e‑commerce for Afrocentric art and one-of-one fashion

A brand and e‑commerce site for Kidamari Kwajafa that presents his Afrocentric art and one-of-one fashion (Sahel / Northern Nigeria) and lets visitors browse, shop, and follow his journey. Built from scratch: full-screen hero, vision and lineage narrative, 'Recent Invocations' work gallery, product catalog with cart and demo checkout. Expanding into a gallery for his art; the only logic-heavy piece is cart and selling—no backend, content in code.

Duration

Year

2025

Client

Kidamari Kwajafa

Service

Web Design, E‑commerce

Project Overview

The artist needed one place that could act as both a brand home and a shop for one-of-one clothing, bags, calabashes, and related pieces. We built a custom site: homepage as a scrolling narrative (vision → lineage → work gallery → follow → philosophy), sticky header and full catalog on other routes, client-side cart and demo checkout. No CMS or backend—products and gallery data live in TypeScript modules; the site is expanding as an art gallery with cart/selling as the only heavy logic.

Problem

The artist needed a single place that could act as both a brand home (vision, story, philosophy) and a shop for one-of-one clothing, bags, calabashes, and related pieces. The site had to feel distinct and culturally grounded—not a generic store—while supporting clear navigation, product discovery, and checkout.

Goal

Build a custom site from scratch that: (1) establishes Kidamari Kwajafa's identity and 'Reimagining Heritage Through Modern Eyes' narrative, (2) showcases work in a gallery-style 'Recent Invocations' section, (3) drives sales via a full product catalog and cart/checkout, and (4) connects visitors to Instagram and the artist's world with clear CTAs.

Solution

Home: single-page narrative—hero (full-screen logo, 'Artist • Illustrator • Storyteller'), Vision, Lineage/Vessel story, Work Gallery ('Recent Invocations'), CTA Follow (Instagram), Philosophy ('This Is Not Art. This Is Medicine.'). Products: catalog with category filter (Clothing, Bags, Calabashes, Hats, etc.), product cards with '1 of 1' where applicable. Product detail: image, description, Add to Cart, related products. Cart and demo checkout (client-side; no real payment). No header on homepage for full hero; sticky header and cart on all other routes. No CMS or backend; data in lib modules. Deployed on Vercel.

Outcome

Launched and in use. The site acts as brand home and shop; expanding to serve as a gallery for his art. Add metrics or client quote when available.

Key features & deliverables

Brand narrative

Homepage as scrolling experience: hero, Vision, Lineage, Recent Invocations gallery, Follow CTA, Philosophy/Manifesto.

Product catalog

Shop with category filter (Clothing, Bags, Calabashes, Hats, etc.); product detail with Add to Cart and related products.

Cart & checkout

Client-side cart (React context), quantity and remove; demo checkout flow. Free shipping rule (e.g. over $300).

Conditional layout

No header on homepage for full-screen hero; sticky header and cart on all other routes for clear shop navigation.

Content in code

No CMS; products and gallery data in TypeScript modules. Site expanding as art gallery; cart/selling is the only logic-heavy piece.

How we did it

Brand-first layout: Home as a scrolling narrative (vision → lineage → work → follow → philosophy) so the site feels like an experience, not only a store.

Conditional header: No header on the homepage to keep the hero full-screen; header and cart on all other routes for clear shop navigation.

Single codebase, no CMS: Products and gallery data in TypeScript modules for speed and control; content updates via code.

Cart and checkout in the frontend: Cart context and demo checkout keep scope manageable while showcasing a full e‑commerce flow.

Project gallery

Technologies & scope

Next.js 16 (App Router)React 19TypeScriptTailwind CSS 4Radix UIFramer MotionVercel