← All projects

E-COMMERCE / WEB PROJECT

Mambilla Premium

A richer coffee ritual, online.

An online store for green beans, roasted beans and ground coffee, with product storytelling, pack-size choices and a complete cart-to-order journey.

PROJECT SCOPE

  • Website design
  • E-commerce development
  • Product presentation
  • Order management
Visit Mambilla (opens in a new tab)
mambilla.ng
Mambilla storefront design with coffee packaging, a dark espresso palette and product navigation
Storefront design preview. Packaging visuals are design concepts; the public store is currently in maintenance mode.

01 / THE BRIEF

A clear purpose.

Present a growing coffee collection with the care of a premium brand, while making different roasts, formats and pack sizes easy to understand and order.

02 / THE APPROACH

Design meets function.

Warm espresso tones, restrained gold accents and generous product imagery give the storefront its character. Product pages connect origin and preparation information with clear variant selection, while the commerce system handles carts, stock and order records on the server.

03 / THE EXPERIENCE

Built around real tasks.

01

A considered catalogue

Individual product pages explain the roast, format, preparation and storage, with the appropriate pack sizes for each product.

02

A connected shopping journey

Product selection, persistent carts, checkout and reference-based order tracking form one consistent journey.

03

Practical store operations

A protected management area supports prices, variant stock and order-status updates.

04 / WEB TECHNOLOGY

What makes it work.

Interface

  • React
  • TypeScript
  • Tailwind CSS

Application

  • Vinext
  • Vite
  • Cloudflare Workers

Data

  • Cloudflare D1 / SQLite
  • Drizzle ORM

05 / INTEGRATIONS

Connected where it counts.

Paystack

Prepared

Server-side payment initiation, return verification and signed webhook handling. Live payments await provider configuration and store approval.

Flutterwave

Prepared

An alternative payment flow with server-side amount, currency and reference checks. The store currently uses demo checkout.

NEXT PROJECT / COMMUNITY

Recipe.ng

LET'S MAKE SOMETHING GOOD

Your next project
starts with a hello.

hello@oyibo.com.ng