Skip to content

Exponenciel

Turning a crucial assessment into a fun on-boarding experience

Exponenciel detail 1

Overview

Exponenciel is an innovative educational platform, created by enthusiasts of education and new technologies to satisfy the growing needs for flexible, personalized and modern education. I designed their new on-boarding journey that aims to determine each client's level and encourage them to join their courses.

Company

Exponenciel

Role

UI/UX Designer

Timeline

1 Month

Exponenciel detail 2
Exponenciel detail 3
Exponenciel detail 4

The Problem

Exponenciel had an on-boarding experience that consisted of a dry list of multiple-choice questions, it fell short on accurately determining clients level and convert them into long time students.

The Goal

Turn the boring dry assessment into a fun and frictionless language assessment experience that's narrative driven, engaging and effective. Clients would get immediate results and recommendations to upgrade their current level through custom 1:1 or group lessons.

Exponenciel detail 5

Journey Strategy

The test had to include 20 mixed format questions so structuring the test around bite-sized cutscenes was the ideal approach. This would divide the narrative into small, engaging chunks that hold the user's focus.

Since we are in the era where short-form content is king, It made sense to make each cutscene run for 15~30 seconds (the sweet spot for short-form video platforms), keeping the full experience under 10 minutes to prevent burnout and time waste.

This approach ensures smooth flow between questions and leverages modern viewing habits for better retention.

One-Shot the Assessment?

One of the key requirements was completing the 20-question assessment in one uninterrupted session, this raised challenges like handling external disruptions beyond our control.

Even the most engaging journey can't guarantee against interruptions from hardware failures, software glitches, or life events. Those are factors that's entirely out of our hands.

My proposal to auto-save progress to the cloud from the start made sense, so I proceeded to add reconnect options for disconnects and made sure to at least capture essential user info like email for resumption reminders in case the user decides to postpone the assessment.

Exponenciel detail 7

Gamifying the scoring system

The original brief called for showing levels using CEFR levels (like A1 or A2), but I advocated to add a 100-point score alongside it for greater user motivation.

This encourages users to self-challenge and peer competition, pushing users to invest effort, enroll in classes, and track real progress. It visualizes growth from start to mastery, turning assessment into an inspiring journey.

Exponenciel detail 8

Lead capture opportunity

After refining the core experience, the final push was convincing clients to enroll in online lessons.

I designed clear plans screens with essential elements: illustrations highlighting offerings, paired with real client reviews and FAQ section dedicated to answer client's questions. This makes the value clear and trustworthy to potential clients.

Exponenciel detail 10

Delightful animations

I always prioritize care in my designs, so I wove micro-animations across multiple screens to bring the app to life with a unique, polished touch.

These subtle motions reduce user uncertainty by providing clear feedback, guide attention to important elements, and infuse the product with a warm, human feel.

Success State

For the final screen before having access to the platform, I thought it would be better to illustrate a student card instead of having a simple "welcome screen". This gives the feeling that the user is part of a real learning platform by giving them a unique number and the option to add their own picture if they want to.

Exponenciel detail 14

Final thoughts & reflections

I absolutely loved working on this project, the entire journey formed instantly after I read the brief and with each iteration I designed, more and more ideas kept pouring in to push it even further. Of course there were more things I wanted to add but that would be left for later versions.

Always keep technical limitations in mind

While some ideas are great, it's important to keep time and technical limitations in mind, especially with a small team, leaving the some features for later shouldn't be considered a negative.

Animate at the right time

While some might think animating everything is good, choosing the right time when and when not to animate a component is one of the key differentiators between good and great products.

“We were lucky to work with Abdellah on a UI/UX design for a new onboarding process. Abdellah quickly understood the customer pain we were trying to solve, came up with solutions, and filled in the blanks. He delivered a complete Figma design, with clear flows and a comprehensive design system. But most importantly, Abdellah works with minimal guidance and check-ins, which makes him a strong candidate and an A player.”

Ahmed A.

Co-founder @Exponenciel

Let's Connect