top of page
heroimage_spark.png
partA_bg.jpg

Part A
Project Overview

ROLE

Product + UI/UX Designer

TIMELINE

1 month

TEAM

PM + Developer + Merchant

PLATFORM

Admin Web + Customer App

MY ROLE & SCOPE

Product & UI/UX Designer

As the Product Manager and sole UI/UX Designer on this project, I was responsible for identifying the root causes of the reservation issues and redesigning the end-to-end reservation experience.

Reservation Logic

Booking Workflows

Operational Dashboards

Customer-facing Experiences

Settings

Email Settings

PROJECT BACKGROUND

SparkEPOS Reservation Redesign

In early 2026, SparkEPOS faced increasing complaints from restaurant merchants regarding the reservation system. Several long-standing issues, including rigid booking rules, inefficient reservation workflows, and limited operational visibility, were impacting merchants' daily operations and customer experience. Following the loss of two key merchants, redesigning the reservation experience became a business priority.

Early 2026 · Business Priority Initiative

Outcome Direction

THE REDESIGN FOCUSED ON THREE KEY OUTCOMES
  • Increasing reservation flexibility and reducing rejected bookings
  • Improving operational efficiency for restaurant staff
  • Creating a consistent reservation experience across admin, customer, and communication channels

01

Flexibility

Support different restaurant operating styles and booking behaviours.

02

Operational Efficiency

Improve reservation management and table utilisation.

03

Consistency

Create a unified reservation experience across all touchpoints.
partb_bg.jpg

Part B
Understanding the Problem

Based on merchant surveys across restaurant operators using SparkEPOS.

Booking Rejection

90%

of merchants reported that valid bookings were rejected due to rigid reservation rules.

Booking Confusion

70%

found booking flow and timeline management confusing during busy periods.

Flexibility Gap

40%

wanted greater flexibility in reservation management and customer communications.

USER RESEARCH FINDINGS

Key Insight

Restaurant operations require flexibility. Reservation systems should support business decisions rather than enforce overly restrictive booking rules.

User Personas

RESTAURANT RESERVATION PLATFORM · 2 PERSONAS
PersonaCard1.png
PersonaCard2.png
partc_bg.jpg

Part C
Design Solution

Design Solution A

Introduced Flexible and Standard Reservation Modes

Problem

The existing reservation logic strictly linked dining duration to party size. This caused valid reservations to be rejected and reduced table utilisation.

Solution

To balance operational control and flexibility, I introduced two reservation modes:
Standard Mode — follows predefined booking rules, where dining duration is automatically determined by party size.
Flexible Mode — removes the dependency between party size and dining duration, giving merchants full control over reservation times.

Key Features

  • Standard Mode requires only a start time.

  • Flexible Mode requires both start and end times.

  • Reservation modes cannot be switched when active bookings exist.

  • Session time configuration is hidden when Standard Mode is enabled.

Outcome

  • Reduced unnecessary reservation rejections

  • Improved table utilisation

  • Supported different restaurant operating styles

sesstion settings.jpg

Design Solution B

Redesigned the Table and Time Selection Experience

Problem

Table selection and time selection were treated as separate steps, despite being highly dependent on each other, resulting in inefficient booking workflows.

Solution

I combined table and time selection into a single step and introduced two booking approaches to support different reservation behaviours.

Key Features

  • Time View: Select time first, then choose an available table.

  • Table View: Select table first, then choose an available time.

  • Added support for table combinations for larger parties.

  • Provided real-time availability validation.

Outcome

  • Reduced booking errors

  • Improved reservation efficiency

  • Supported real restaurant booking behaviours

  • Increased flexibility for staff

workshop.png
HQ_Create a reservation2.jpg
HQ_Create a reservation2.jpg

Before

B_before.jpg
B_after.png

After

Design Solution C

Redesigned the Reservation Management Experience

Problem

The reservation management pages lacked operational context, making it difficult for staff to monitor reservations and manage bookings efficiently.

Solution

I redesigned the All Reservations dashboard and Timeline View to better support operational workflows.

Key Features

  • Introduced operational summary cards.

  • Organised reservations by status and lifecycle.

  • Redesigned timeline visual hierarchy.

  • Added flexible booking indicators and conflict warnings.

  • Improved table status visibility.

Outcome

  • Improved reservation monitoring

  • Increased operational efficiency

  • Enhanced table utilisation

  • Reduced manual management effort

image 61.jpg
image 62.jpg

Before

C_Before.png

After

C_after.png

Additional Design Improvements

Email Template Management

Challenge

Reservation emails lacked consistency and were difficult for merchants to customise.

Improvments

  • Redesigned the email template editor

  • Added support for multiple reservation statuses

  • Introduced brand customisation options

  • Protected system-generated fields from accidental deletion

  • Added email preview functionality

Reservation Settings Redesign

Challenge

Reservation emails lacked consistency and were difficult for merchants to customise.

Improvments

  • Redesigned the email template editor

  • Added support for multiple reservation statuses

  • Introduced brand customisation options

  • Protected system-generated fields from accidental deletion

  • Added email preview functionality

image 65.jpg
image 66.jpg

Customer Reservation App Redesign

Challenge

The customer booking experience lacked clarity and did not provide enough feedback during the reservation process.

Improvments

  • Redesigned the booking flow

  • Improved table and time selection experience

  • Added reservation confirmation states

  • Improved payment and deposit experience

  • Enhanced mobile usability and accessibility

app design_a.png
app design_b.png
app design_c.png
keylearnings_bg.jpg

Key Learnings

key learnings_content.png
bottom of page