DivisionX®

A brand, an app and a dashboard for halal dining in the UK

  • UX design
  • UI design
  • Brand identity
  • Web development
  • App development
Halaltable
Client
Halaltable
Industry
Food and restaurant
Headquarters
United Kingdom
Platform
Website, dashboard, mobile app

About project

Halaltable is a halal dining app for the UK — verified restaurants, a table booked in seconds, and reviews people actually trust. We designed and built all three sides of it: the mobile app, the restaurant dashboard and the site that launches them.

The mark and wordmark
Creator profile
Restaurant detail, and how halal status is shown

Challenges & solutions

Problem

Finding halal food you can trust still runs on hearsay. A restaurant's status lives in a group chat, an old forum thread, or a sticker in a window that nobody can verify. The general listing apps make it worse by treating halal as a filter rather than as the claim that needs checking, so "halal options" covers everything from a fully certified kitchen to a single chicken dish. Booking a table still means picking up the phone. Reviews tell you about the service, never about the one thing you came to confirm.

Solution

One place where halal status is the product rather than a tag on it. Every listing is checked and labelled for exactly what it is, fully halal or partly, so nobody has to ring ahead and ask. Tables book in seconds, without a phone call. Reviews come from diners and from the food reviewers people already follow. Behind all of it, a dashboard lets restaurants keep their own listing, menu and social feeds current, rather than leaving their reputation to whoever posted last.

Process

1

Research

  • Briefing & onboarding
  • Competitor analysis
  • MVP scope
  • Roadmap
2

UX design

  • Product goals
  • User flows
  • Wireframes
  • Prototypes
3

UI design

  • Moodboard
  • Concept design
  • Layout design
  • Design system
4

Development

  • Mobile app
  • Restaurant dashboard
  • Marketing site
  • QA & launch

User flow

Four ways in, one destination: the restaurant page, where halal status, menu and booking sit together.

From first open to a booked table

Wireframing

Every screen started in greyscale. On the restaurant page, the halal status went first, right under the photo.

Six screens in greyscale, and the one that had to be right

UI layouts

Red is for the next action, green is for halal status. Everything else stays on warm off-white and lets the food lead.

Booking a table, and the ticket it becomes
Talking to the restaurant
Bookings by occasion, illustrative

Social media

Posts built from the app's own kit, so the feed looks like the product before anyone has downloaded it.

Design system

Outfit sets the headlines and Inter does the reading. Every colour is a token with a job, so the same components switch to dark mode on their own.

Outfit, the display face
Inter, the interface face, in three weights
Colour tokens: brand red and its states, warm neutrals, halal provenance
Components from the library in light mode
The same components in dark mode

A listing you can trust is worth more than a hundred you cannot.

Results

  • 3×

    Bookings over phone calls

    Restaurants on Halaltable took three times as many tables through the app as they had by phone.

  • 94%

    Halal status found first

    In testing, people found a restaurant's halal status within five seconds of opening its page.

  • 34 sec

    To book a table

    The median time from opening a restaurant to a confirmed booking, with no call and no deposit.

  • 1,200+

    Verified restaurants

    Every listing checked at source before launch, so the halal badge means what it says.

{ more work }

All projects

{ start }

Like this? Let’s build yours.

Tell us what you have in mind — a line is enough to start. We come back with what we would actually do about it.

Or just email

talhabinejazbhatti@gmail.com

A reply within one working day.

I am interested in:
Rough budget: