Best Bites app displayed on a phone against a green brand background

Client

Best Bites is an Abu Dhabi food and restaurant discovery platform connecting diners with restaurants, offers and membership benefits across web and mobile.

Problem

Best Bites had built a large, trusted social following among expats in Abu Dhabi, then expanded into Best Bites Plus restaurant discounts.

An initial platform had already been built, but the UX was fragmented and key journeys, especially discount redemption, were not working well. We were brought in to simplify the experience, rebuild the core flows and create a stronger foundation for the product.

Strategic framing

Get Abu Dhabi diners who want trusted recommendations and better value to use Best Bites to decide where to eat, so they can move from discovery to redemption with less friction, by connecting restaurant inspiration and member offers in one experience.

Solution

We rebuilt the core customer and restaurant journeys, including secure redemption in-store, online and by phone. The mobile-first headless rebuild gave the website a clearer role in discovery and SEO, while laying the foundation for a native app focused on Best Bites Plus discounts and redemption.

WEBSITE LAUNCHED JANUARY 2022

Best Bites app discovery interface shown in hand
Best Bites app home screen displayed on a phone
Best Bites logo over a food and drinks scene

Design System

Best Bites was rebuilt mobile-first, so the design system needed to support both the new website and the native app that followed.

The system brought together the core colour palette, Inter typography, iconography, buttons and reusable UI patterns across the website and native app. Shared components and responsive rules gave design and development a consistent foundation while allowing discovery, content and discount journeys to behave differently where needed.

That consistency made it easier to evolve the website as the discovery and SEO platform while carrying the same visual language into the app and redemption experience.

Best Bites responsive website and app interface examples
Best Bites design system colours and colour scales
Best Bites desktop and mobile typography specifications
Best Bites iconography reference
Best Bites desktop and mobile button and control states
Best Bites mobile article experience
Best Bites logo over a food image

Platform Strategy & UX

Best Bites already had a strong audience and a clear commercial opportunity through Best Bites Plus. The challenge was the product experience underneath it. The first platform had become fragmented, redemption journeys were difficult to manage, and the architecture was not giving the team a strong base for what came next.

We rebuilt the experience around the real customer and restaurant journeys, with particular focus on how discounts were redeemed in-store, online and by phone. Each path needed to be simple to use while preventing reuse, so all three ended with the same temporary 90-second validation code.

The platform was redesigned mobile-first and rebuilt in a headless environment, creating a cleaner website experience and a foundation for phase two: a native app focused on Best Bites Plus discounts and redemption.

Best Bites design process
Best Bites existing experience audit
Best Bites competitor analysis
Best Bites research and product inputs
Best Bites key users and operating roles
Best Bites redemption journey map
Best Bites problem prioritisation
Best Bites How Might We questions
Best Bites ideation principles and service concepts
Best Bites information architecture and recommended platform structure
Best Bites discovery and redemption user flows
Best Bites usability testing plan and findings
Best Bites restaurant discovery experience displayed on a laptop
Best Bites responsive website layouts