All work

UX/UI Design · Baemingo · UX/UI design of the self-service onboarding

Log in, get onboarded and start selling

As UX/UI designer, I designed the log-in and the self-service onboarding in the Baemingo web app: from creating an account to the first sale at the till. A guide on the dashboard shows every step and what is done, so a new restaurant always knows what is left before it can start selling.

My role
UX/UI designer, alongside my role as Product Development Lead
Year
2021–2022
Industry
Restaurant tech, B2B SaaS
Company
Baemingo
Platform
Web app
Tools
Figma
01

The challenge

As the company entered its scale-up phase, the manual and support-heavy onboarding became a real barrier to growth. From creating an account to starting to sell, every step needed a lot of help from internal teams. That slowed down customer activation and limited how fast the company could scale.

To unlock growth, onboarding had to move to self-service, so that new customers could on their own:

  1. Create an accountWithout waiting for someone at Baemingo.
  2. Set up paymentsConnect a payment provider and activate payouts.
  3. Add and manage productsOne at a time, or by importing them.
  4. Organise menusAnd sell them through several sales channels.

The aim was to reduce friction, shorten the time to the first sale, let potential customers explore the platform before committing, and reduce the need for sales meetings and operational support.

02

The pain points

Before self-service, a new restaurant needed help from Baemingo at every step. The research with key customers, sales, customer success and support pointed to five pain points:

  1. Cannot try the platform before committingA sales meeting was needed just to get access.
  2. Depends on internal teamsEvery step needed help from someone at Baemingo.
  3. Slow with a large rangeProducts had to be added one by one, or by asking for help.
  4. Unclear why KYC is neededAnd unclear what happens after the documents are sent.
  5. Does not know what is leftNo overview of the steps before the restaurant can start selling.

The goal for the design: a new restaurant gets from sign-up to its first sale on its own, without a sales meeting.

03

Key design decisions

One guide, every step

A guide on the dashboard lists every step from account to first sale, and shows what is done. The restaurant always knows what is left.

Work next to the list

Editors open in a side panel, so the list of articles or menus stays in view while the restaurant adds to it.

Clear errors, easy recovery

At log-in, error messages say what went wrong and what to do next, and a forgotten password can be reset right there.

Explain the why

The payout step explains why the KYC application is needed and what happens once it is approved.

Choose how to sell

The last step lets the restaurant pick its sales channels: online ordering, a self-service kiosk, at the counter or at the table.

Tested with users

Prototypes were tested with users and refined with feedback from users, sales, customer success and support.

04

The onboarding, step by step

I designed the self-service onboarding as UX/UI designer, from flows and prototypes to tested UI. A guide on the dashboard lists every step and shows what is done, so a new customer always knows what is left before they can start selling. All screens are in Swedish and English, as in the product. Click a screen to enlarge it.

Log in and create an account

Three log-in screens: log in, create an account with a password rule and terms, and the log-in with error messages
Log in, create an account, and error messages that say what went wrong and what to do next.

Tell us about your business

Three screens: step 1 of 2 with business name, country, organisation number, language and currency, step 2 of 2 to add venues, and Forgot your password
Two short steps to set up the company and its venues, which can be changed later, and a way to reset a forgotten password.

Add articles

The onboarding guide on the dashboard with Add articles as the first step, and the article editor with a Create article panel
The guide starts with adding articles, one at a time or by import. The editor opens in a side panel, so the list stays in view.

Create a menu

The guide with articles added and Create a menu as the next step, and the menu editor
The next step builds a menu from the articles already added.

Create a payment account

The guide with the payment step, and the payments page with payment account and payouts
Payment account and payouts live on one page, with the payout history below.

Activate payouts

The guide with Activate payouts selected and a Submit KYC button, and the payouts page
The guide explains why the KYC application is needed and what happens once it is approved.

Start selling

The guide with Select sale channel: public ordering, self-service kiosk, at the counter or at the table, and a venue form with sales channels to activate
The last step: choose how to sell, then activate each sales channel for a venue.