Back to project

Wezone — Plan Recommender

Answer a few questions and get a recommended plan by email

The Challenge

Wezone wanted a short web flow where members answer a few questions (centre, goals, preferences) and receive a recommended plan — with an optional form to get the result by email.

My Role

I built the frontend: multi-step form (centre selection, questions), result view, contact form and integration with the recommendation API.

Key Features

  • Centre selection and step-by-step questions
  • Plan recommendation result and CTA
  • Contact form to receive the plan by email
  • i18n and responsive layout

The Outcome

  • Members get a clear recommendation without visiting the centre
  • Lead capture and follow-up for the sales team

How It Works

  1. 01

    Member selects their Wezone centre in the first step of the flow.

  2. 02

    They answer a short set of questions (goals, preferences) in a multi-step form.

  3. 03

    The app calls the recommendation API and displays the suggested plan and a CTA.

  4. 04

    Optionally they fill in a contact form to receive the plan by email; the sales team can follow up.

Stack

ReactViteTanStack QueryTanStack RouterZustandFormik

Gallery

Welcome screen — desktop
01 / 10

Welcome screen — desktop