Fyrefinch · Product design case study

One back office for every outlet

Designing Fyrefinch, a restaurant operations platform that brings menus, outlets, staff, rotas, reservations, reviews and food-safety compliance into one place for multi-site owners.

Role
Senior UX/UI Designer
Scope
8 modules, end to end
Year
2025
Platform
Web app · desktop, tablet, mobile
Status
Live · UK client, name changed
Fyrefinch analytical dashboard showing net sales of £6,240, 10 of 12 active outlets, labour percentage and compliance score, with a net sales chart split by cash, POS and tap card.
01The problem

Running a restaurant group meant running six tools

Owners with more than one site were stitching the business together by hand. Each job lived somewhere different, and none of them talked to each other.

Menus typed twice

The same menu already lived on Uber Eats, Deliveroo or Just Eat, but had to be rebuilt item by item in every new system.

No view across outlets

Sales, staffing and bookings were checked site by site, so problems at one outlet surfaced late.

Compliance on paper

Temperature logs, training certificates and hygiene checks were scattered, and owners only found gaps when an inspector did.

Reviews everywhere

Google, TripAdvisor and Booking.com each held part of the customer story, with no single response queue.

How might we give a multi-site owner one place to set up, run and improve every outlet?Design challenge

02Approach

Four principles that shaped every screen

Eight modules had to feel like one product. These rules kept decisions consistent across all of them.

Empty → useful

Every empty state is a next step

A new account never shows a blank page. Each empty screen explains what will appear and the one action that fills it.

All outlets

One view, filtered down

Every module opens across all outlets, with the same outlet, date and sort controls in the same place to narrow it down.

Exceptions first

Surface what needs attention

Capacity alerts, expired certificates and no-shows are shown in colour and words, so a scan finds the problem.

Stay in context

Edit without leaving the page

Creating and editing happen in side drawers, so owners keep their place in a list or dashboard.

The product covers eight modules. Jump to any of them:

03Onboarding

A dashboard that sets itself up

A new owner lands on a dashboard with nothing in it. Instead of a separate wizard, setup lives on the dashboard as a progress card.

Decision

Progress stays visible. A "2/4 Set up Outlet" card with a progress ring sits above the analytics, so owners always know what is left.

Decision

Four clear steps. Brand profile, manager & staff, menu, then reservations. Each step opens the real module, not a throwaway form.

Analytical dashboard in its empty state with a 2 of 4 Set up Outlet progress card and a Complete Setup button.
Setup progress sits on top of an empty dashboard.
Complete Setup screen, step 1 of 4: outlet details form with brand profile, manager, menu and reservations steps.
Step 1 of 4: outlet details, opening hours and branding.
05Outlets

Every site on one map, each with its own rules

Owners think about their business geographically. Outlets can be browsed as a list, cards or a map, then opened for detail.

Decision

Map view. Pins open a summary card with status and address, so owners can find a site the way they picture it.

Decision

Price overrides per outlet. One shared menu, with time-boxed price changes per item. Owners set a percentage within a safe range and see the new price instantly.

Outlet management map view with pins for each outlet and an open summary card.
Map view of all outlets.
Outlet details page with a hero image, address, and the outlet's current menu structure.
Outlet details and its menu.
Menu Price Overrides screen with items, override percentages, a slider limited between minus 10 and plus 15 percent, and start and end dates.
Seasonal price overrides with guard rails.
06Compliance

Rehearse the inspection before the inspector arrives

The standout feature. Fyrefinch reads hygiene logs, training records, temperature checks and documents, then simulates an FSA-style inspection score.

Simulate Your FSA Inspection: overall compliance score of 75 percent, with Hygiene as the strongest area, Training as the weakest with 3 certificates expired, and a detailed results table by category.
Simulated inspection: a 75% score, with the weakest area named and the reason given (3 expired certificates).
Decision

Name the weakest area. A score alone causes worry. Pairing it with "Strongest area" and "Weakest area" tells owners where to act first.

Decision

Status in words and colour. Excellent, Healthy, Minor issues, Critical. The label carries the meaning so it never depends on colour alone.

Decision

Tasks close the loop. Any gap can become a compliance task with an owner, frequency and checklist.

Compliance report with category scores, saved documents, outstanding actions and recent activity.
Compliance report across outlets.
Create compliance task form, step 1 of 3, with task category, priority, frequency and reference documents.
Create a recurring compliance task.
07Reservations

The system warns you before the dining room fills up

Bookings are grouped into time slots with seats booked against capacity, so the busy windows are obvious.

Decision

Capacity alert with a suggestion. "Fully booked from 9PM–11PM. Consider closing online reservations for this window." The alert says what to do, not just what happened.

Decision

Special requests up front. Allergies and accessibility needs show on the booking card, not hidden in a detail view.

Reservations grid view with a capacity alert banner, a 9AM to 11AM slot showing 10 of 35 seats booked, and booking cards with gluten allergy and wheelchair access notes.
Slot capacity, a proactive alert, and dietary needs on every card.
08Staff & Rota

See who's in, who's out, and who's on shift

Team, timesheets, absences and shifts share one structure, so moving between them feels like changing a tab, not an app.

Staff team absence timeline showing holiday and absent no-show bars across the working day.
Team absence as a timeline: holidays and no-shows at a glance.
Shift management calendar showing a week of shifts like kitchen safety, restaurant opening and fridge temperature log sheets, tagged FOH and BOH.
Weekly rota, tagged front of house and back of house.
Staff team list with role, department, status and contact details.
Team directory with roles and status.
Team member profile showing punctuality, shifts completed, rating and attendance history.
Member profile with punctuality and attendance history.

Compliance tasks such as fridge temperature checks appear as shifts in the rota, so they're assigned to a person rather than left on a checklist.

09Customer Experience

Every review, from every platform, in one queue

Google, TripAdvisor and Booking.com sync into a single dashboard with an overall rating, review volume and response rate.

Decision

Response rate as a headline number. Putting it next to the rating nudges owners to reply, not just read.

Decision

Compare outlets side by side. Each outlet card shows rating, trend and response rate in the same layout.

Customer Experience dashboard with overall rating 4.5, 1,247 reviews, 3 connected platforms, 58 percent response rate, and outlet review cards.
Connected platforms and outlet comparison.
10The payoff

From an empty page to a live business

Once the outlets, menu and team are in place, the same screens fill with real numbers. The empty state and the live state share one layout, so nothing moves when the data arrives.

Menu and Services analytics empty state with zero categories, items and revenue.
Day 1Empty, with a clear first action.
Menu and Services analytics live state with 12 categories, 248 items, £6,240 monthly revenue, order trend, peak ordering times and popular items.
LiveOrders, peak times and popular items.
11Design system

A small set of parts, used everywhere

Eight modules, built from the same few components. Every screen was designed at desktop, tablet and mobile widths.

Stat tiles

Net sales£6,240+10%

Every module opens with the same row of headline numbers and trends.

Status pills

HealthyMinor issuesCritical

One status language across compliance, staff, bookings and outlets.

Side drawers

Create and edit flows open from the right with a fixed header and footer, so the main action is always in the same place.

Shared toolbar

Search, outlet picker, date range, sort and export sit in the same order on every list.

The Menu and Services screen shown at desktop, tablet and mobile widths side by side.
One screen at 1440, 744 and 375 pixels wide.
12Outcome

Live, and running real restaurants

Fyrefinch launched and is in daily use, with owners setting up outlets, importing menus, running rotas and tracking compliance on it every day. The product name has been changed to respect the client's confidentiality.

Live

Shipped and in daily use by restaurant owners in the UK.

8

Modules designed end to end, from empty state to live data.

3

Delivery platforms a menu can be imported from: Uber Eats, Deliveroo and Just Eat.

1

Back office replacing six separate tools.

What I learned

  • Empty states are the real onboarding

    Designing the "nothing yet" version of each screen first made setup feel guided without needing a separate wizard.

  • Alerts should suggest an action

    The capacity alert and the inspection simulator work because they tell owners what to do next, not only what went wrong.

  • Consistency scales

    Fixing the toolbar, drawers and status pills early let eight modules ship without each one inventing its own patterns.

  • Design for the day after launch

    Because the product went live and stayed in daily use, every flow had to hold up with real menus, real staff and real inspections, not just demo data.

Want to work together?

Open to projects, collaborations and full-time roles.

← More case studies Get in touch