Case study · 2025

Formial Labs

A clearer path from signup to the first useful moment.

We redesigned and developed Formial Labs' multi-step onboarding experience, creating a guided journey from account creation through setup and into the product.

Formial Labs onboarding welcome screen with a Get Started action beside a live feed of before-and-after results
The first product screen greets the user by name and shows real outcomes before asking them to configure anything.
01

The context

Formial Labs already had a capable product. The challenge was the path users had to take before they could experience its value.

New users needed to move from account creation through multiple setup decisions before reaching the active dashboard. The product worked — but the first-run experience did not make that clear quickly enough.

02

The problem

Onboarding was fragmented. Users had to understand too much before they had enough product context. That created uncertainty before activation.

The problem was not simply visual polish. It was sequencing: what information users saw, what action they were expected to take, and when complexity was introduced.

Formial Labs marketing homepage with the headline Skincare that's made for you and a consult call to action
The consumer site already promised a personalised path. The product had to deliver that promise from the first signed-in screen.
03

What we needed to solve

Instead of treating onboarding as a collection of forms, we treated it as one guided product journey.

01

Make the next action obvious.

02

Keep progress visible.

03

Get users to meaningful product value quickly.

04

The approach

Each screen should ask the user to understand or complete one thing. We reduced cognitive load by ordering the flow around decisions that build on each other, rather than asking users to plan the entire setup upfront.

Continuity mattered as much as clarity. Validation, progression and feedback needed to feel consistent from the first screen through to the active product state.

Formial onboarding step with a three-stage progress rail and a verify-your-details form
A persistent progress rail keeps the journey visible: verify details, upload pictures, then arrive in the product.
05

Designing the flow

Account creation

The first screen needed to establish trust and set expectations without front-loading configuration. Users should understand what they were signing up for and what would happen next.

Formial welcome state with Get Started and a scrolling results feed
Arrival is a welcome, not a form. Proof sits beside the first action.

Progress and setup

Visible progress matters when a journey spans multiple pages. Users should always understand where they are, what remains, and why the current step exists.

Verify details step with editable name and WhatsApp fields, OTP entry, and Verify and Continue
One decision per screen — confirm identity, then continue — with the remaining steps still in view.

First useful action

The final transition needed to feel like arrival, not completion of paperwork. The journey should land users in a state where the product's value is immediately within reach.

Formial marketing section showing three steps from consultation to ongoing customisation
The same three-step logic appears on the public site, so the product journey matches the promise made before signup.
06

Engineering the experience

The work extended beyond visual design. We implemented the complete frontend journey, connected the individual onboarding states and ensured that validation, progression and feedback remained consistent between screens.

That meant building a multi-page onboarding flow end to end — UX, UI and front-end development — with each step doing one job in plain language and no dead ends between signup and activation.

07

The outcome

The final experience gives users a much clearer path from account creation to an active product state. Complexity is introduced progressively and each screen makes the next action clear.

Completed onboarding interface with progress, review fields, and a primary Verify and Continue action
The finished flow moves users from a named welcome through guided setup into a product state that feels ready to use.

Before

  • Fragmented setup
  • Unclear progression
  • Product value delayed

After

  • Signup
  • Guided setup
  • First useful action
08

What changed

The onboarding work changed how Formial Labs presents itself to new users — not through a single metric, but through a first run that finally matches the quality of the product underneath.

Clearer onboarding

Users always understand what comes next.

Reduced first-run friction

Complexity is introduced progressively instead of all at once.

Stronger first impression

The product feels considered from the first interaction.

Let's build something

Start a project.

Tell us what you're building. We'll tell you how we'd approach it — no commitment required.