21 Portfolios
Start a project

Abinci

A pop up food business needed a site as bold as the cuisine it was selling, not a template with the colours swapped out.

Client
Abinci Ltd
Role
Design and build
Timeframe
3 weeks
Stack
HTML, CSS, JS

Visit the live site

The brief

Abinci runs pop up events serving Hausa cuisine, Northern Nigerian dishes not widely seen on the UK street food scene. The business needed a site that could take pre orders for specific events, explain unfamiliar dishes to a new audience, and look like the food it was selling. Budget and timeline were tight. This was not a six figure brand launch, it was a small food business that needed to look serious from day one.

Starting point

The first version of this site was built with an AI site generator. It technically worked, but it did not sound or look like Abinci, or like Hausa cuisine at all.

Before
The original AI generated Abinci homepage
Generic pastel green, a default script font doing all the personality work, and nothing connecting to Hausa cuisine or Nigerian culture. It could have been any food brand.
After, live right now
The Abinci homepage
Warmer, earthier tones drawn from the food itself, real dish photography as the hero, and a hand drawn logotype that feels considered rather than generated. On a larger screen this panel is the running site, not a picture of it.
Before
A newsletter popup blocking the original homepage
A newsletter signup interrupted every new visitor immediately, before they had seen a single dish or read a word about the business.
After
The newsletter section near the foot of the Abinci homepage
No popup. The newsletter now sits as a quiet section near the footer, there for people who want it and invisible to everyone scrolling straight through to pre order.

Ordering flow

The main job of the site is getting someone from curious to pre ordered in as few steps as possible. Each pop up event is its own bookable slot with a limited number of portions, shown clearly so people understand it is genuinely limited rather than a marketing trick.

abinciofficial.uk/pre-order
The Abinci pre-order page
The live pre-order page, embedded: scroll inside it. On a phone, open it full screen. Open in a new tab

Explaining the food

Most visitors had never heard of Dambun Rice before landing on this site. Rather than assume familiarity, the site breaks down ingredients, allergens and what makes each dish distinct, in plain language, without turning it into a wall of text.

Outcome

Abinci went from an AI generated placeholder to a site that represents the business, takes real pre orders for real events, and explains the food to people trying it for the first time.

Next

All work

Got something to build?