Oopsie for Users

Your favourite food, one click away!

Back to showcase

Oopsie is an online takeaway ordering platform that connects you with neighbouring restaurants, in Hong Kong. You order and pay for takeaway with a few simple steps, tracking in real time the status of your order. Simply grab & go when your food is ready!

Client

Catech Labs

Services

  • Business Analysis
  • Product Management
  • Consultancy
  • UI/UX
  • Branding
  • Development
  • Illustration
  • Video

Deliverables

  • Backend
  • iOS User App
  • iOS Restaurant App
  • Android User App
  • Web Backoffice
  • Website
  • Brand Guidelines
  • Marketing Assets
  • Business Reports
  • Videos

Creating an MVP

2017

Market Research

We travelled halfway across the world to Hong Kong, to better understand their ways. The city is packed, traffic is jamming everywhere, restaurants are crowded with people, enormous queues exiting the main door. Very often people just quickly grab something, go back to the office, have lunch at their own desk and swiftly get back to work. A unique lifestyle that had a drastic impact on the core features of the Oopsie App.

We visited many local restaurants, got into their kitchens, and interviewed their staff and managers. We understood from inside out how they operate and how they deal with take aways. A true privilege that gave us an opportunity to do something different for the industry. We would reduce queues on restaurant doors while keeping their revenue stream and allowing their customers to skip those endless queues.

Uncle is explaining how the kitchen operates.
2017

Core Product Decisions

With wireframes (low-fi simplified designs that allow you to get a full scope of the entire app), we tackled app specific flows and went deep into interactions without compromising core product decisions from the get go.

This allowed us to separate the nice-to-have from the must-have, getting closer and closer to creating an MVP — a Minimum Viable Product. For Oopsie, this meant excluding delivery and focusing exclusively on users picking up their food directly from restaurants.

Separating the nice-to-have from the must-have.

Even though an MVP means compromising and leave potentially great features out of the product, it also increases the time to market and leaves room to later improve the product based on real customer feedback.

The evolution of the Oopsie app (previously named Ketchup)
Jan 2018

Oopsie 1.0

For Oopsie 1.0 we designed a native app available for both iOS and Android that allows users to focus entirely on food. Where to get it, when to get it, and most importantly, what to get. With only a few clicks, users are able to find their favourite restaurants and order their favourite food.

Jan 2018

App Authentication

The front door of the Oopsie app. A simple, seamless yet optional onboarding followed by a standard login-register process. Users can enter the app with their email address or save time by using their favourite social platforms.

Jan 2018

Home

With Oopsie, users can start browsing restaurants immediately. As the most likely of scenarios, it made sense to preset the pickup time for “now” and the location for “nearby” as restaurants will appear based on proximity. With a few clicks and without losing context, the user can quickly change this by accessing the pickup menu. Here the user can type an address or use the map to pinpoint a specific location. A birds-eye-view that, at a glance, due to a clever choice of color, allows users to immediately understand which restaurants are open nearby or on the way to their destination.

Jan 2018

Restaurants

Even in this first version of the app, it was essential to allow restaurants to stand out from the competition with some real appetising photographs. Once the user is in, it's all about making it easy to find their favourite dishes, organised and filtered by category.

I was surprised by the amount of meat and cheese that you eat everyday.

Thomas Hung — Founder & CEO of Oopsie

Jan 2018

Dishes

In the asian cuisine not every dish is alike and there are hundreds of different possible variables to choose from. This complexity meant there needed to be a simple way to customise dishes with extras, options and side dishes.

Jan 2018

Add to Cart

Always within reach, users can review and edit their cart, see how much they are going to pay, and quickly proceed to checkout. An extra opportunity to add some extra Cart Noodles!

Jan 2018

Checkout

Here it's all about reviewing your order and effortlessly checkout with your preferred payment method. Even though we planned for all sorts of payment methods, due to the short time it takes to implement, Oopsie launched exclusively with Apple and Android pay. Quicker to implement? Less development costs!

Jan 2018

Order Accepted!

The reverse side of the Oopsie coin. When the user places an order, restaurants receive it and can accept it immediately on their own iOS Restaurant app for iPad. A seamless integration that is the core of the Oopsie ecosystem.

Jan 2018

Track Order

Communicated by restaurants, the status of your order can be tracked in real time. When it’s ready for pickup, upon reaching the restaurant, users can pop open their order number and the pickup code to accelerate the handover process.

Jan 2018

Settings & Order History

The go-to place for all your Oopsie settings. Change your payment options and set your present addresses. For some nostalgic overdose, users can check back on their order history with quick access to all their receipts.

Post MVP

October 2018

My Orders

With the recently added bottom bar, we now have an easy to reach dedicated space for the user's orders, both active and past. A very convenient location as users who arrive at the restaurant can swiftly access the order's pickup PIN.

October 2018

Coupons

Oh did I mention you can now add coupons for an extra discount? Coupons can be offered by restaurants, or earned by signing up to Oopsie and referring it to friends.

November 2018

Phone Number Login

The Oopsie app and the service it provides relies heavily on direct contact between restaurants and users. That is why, after some important real world feedback, we opted for a mandatory signup with a phone number. Not only is it an immediate way to validate an account, it’s also a very convenient way for restaurants to contact users directly with urgent order updates.

November 2018

Search & Activity

Placed directly on the new bottom bar, the search tab allows users to search for restaurants by name or cuisine type. Think of the activities as the notification board for Oopsie. Users get notified when an order status changes or on any announcement from the Oopsie team.

December 2018

Reorganising Home

Over time, analytics told us that users like to order frequently from the same restaurants. For convenience sake, we highlighted the users’ last orders and their favourite restaurants directly on the home tab.

December 2018

Order Ahead

Over time, analytics told us that users like to order frequently from the same restaurants. For convenience sake, we highlighted the users’ last orders and their favourite restaurants directly on the home tab.

January 2019

Polishing Restaurants

As we added schedule-sensitive menus to the app, the restaurant page needed an overhaul. This meant replacing the native placement of the restaurant name on the header with the order pickup time as it affects all the content below. Because of the dual-language characteristics of the Hong Kong region, it was also essential to allow the user to quickly change the language right there on the menus.

January 2019

Revamp Dishes

Craving some cart noodles? Different soup flavours, various sorts of noodles and endless possibilities for toppings are only a few of the possible customisations you can normally do to your dishes in Hong Kong. To allow users to fully customise dishes with this level of complexity, we had to rethink the entire functionality and created a clever & intuitive counter flow! Just tap to add!

Opennode.co

Bitcoin, for everyday.

View project