06 Platform Redesign·2026·UX/UI

Not a
Form

Heritage journeys, youth camps across 36 countries, talent programmes. The portal that took the applications read like paperwork — so the redesign makes it read like the start of the trip.

Role
UX/UI design · sole designer
Domain
Community platform · applications
Built with
Figma
Type
Platform redesign
01The whole idea

One screen, one question.

THE OLD FORM 01 02 03 04 05 06 07 08 All eight on screen before a single field is filled. No progress, no orientation. THE REDESIGN 01 LOGIN Where am I going? 02 DASHBOARD Which programme? 03 SELECTION Which one exactly? 04 APPLICANT Who is this for? 05 STEP ONE What's on offer? 06 STEP TWO What do you prefer? Each screen asks one thing, and the progress bar is there before the first field THE OLD FORM 01 02 03 04 05 06 07 08 All eight on screen before a single field is filled. No progress, no orientation. THE REDESIGN 01 LOGIN Where am I going? 02 DASHBOARD Which programme? 03 SELECTION Which one exactly? 04 APPLICANT Who is this for? 05 STEP ONE What's on offer? 06 STEP TWO What do you prefer? Each screen asks one thing, and the progress bar is there before the first field
02The problem

Nothing told you where you were going.

No photography, no progression, no hierarchy — and all four programmes looked identical. Every fault produced the same feeling: an administrative task.

It should feel like the beginning of a journey. Not like filing a form.

Every decision that follows comes out of that one line
Legacy programme information step: eight tabs across the top, a teal section header and rows of grey form fields
Legacy form, step three · eight tabs, teal chrome, grey fields
03Before

A faded map and five identical cards.

Logging in took two screens over a washed-out world map. The dashboard gave five teal cards the same weight, with a half-finished application buried somewhere behind them.

Legacy login step one, showing only email and country fields over a faded world map Legacy dashboard with five equal-weight teal programme cards and no visual hierarchy
Legacy login, step one · legacy dashboard · five cards, no hierarchy
04The first screen

It says where you're going.

Email and password collapse onto one screen, over a full-bleed photograph of the Amber Fort. Before anyone types a character, they know what this is for.

Redesigned login with full-bleed Amber Fort photography and a single white form container centred over the image
Redesigned login · one screen · destination photography, full bleed
05The dashboard

Two cards worth dwelling on.

A personal greeting, then two hero programmes carrying destination photography and an apply button. Everything secondary drops to a text link — photography means dwell, text means utility.

Redesigned dashboard with two large hero programme cards carrying destination photography and three text-link items below
Redesigned dashboard · two hero cards · three text links below
06One question

Who is this application for?

Applicants often apply for a family member, so the form asks first. Two cards, one already carrying an in-progress badge. Continue stays inactive until one is picked.

Applicant selection with two cards — an existing applicant with an application-in-progress badge, and a new application — and an inactive continue button
Applicant selection · in-progress badge · continue disabled until chosen
07Inside the form

Eight tabs became one step.

Step one now opens with a welcome, every destination with its dates and price, and a progress bar that exists before the first field.

Legacy registration form showing all eight steps as simultaneous tabs before a single field is filled Redesigned step one with a progress indicator, a welcome message and a destination table with dates and prices
Legacy form, all eight steps at once · redesigned step one, with progress
08The visual language

Six decisions, carried everywhere.

01
Cabinet Grotesk
Geometric, with warmth. Replaces a generic extra-light sans.
02
Sub-brand colour
Each programme keeps its own accent. Teal is reserved for anything interactive.
03
Photography as context
Used where dwelling is right, withheld where speed is.
04
No rounded corners
Sharp edges. Editorial rather than generic SaaS.
05
Cream, not white
#F8F7F5 for the page; white is kept for containers and cards.
06
One decision per screen
Progressive disclosure instead of everything at once.
Set in milestone one and carried unchanged through the rest of the platform