Education & EdTech

A learning platform with room for everyone.

An accessible learning experience for a fictional professional education provider.

FICTIONAL CASE STUDY · Concept design, client, testimonial and results are illustrative.

CLIENTLearnwell
EXPERTISEUI/UX & Product Design
TIMELINE18 weeks
ILLUSTRATIVE OUTCOME29% more courses completed

THE STORY BEHIND THE CONCEPT

Understand the work.
Improve the experience.

The next lesson is harder to find than it should be

Learnwell is an invented professional education provider. Learners in this scenario return between work and family commitments, often using a phone. Course progress exists, but the interface makes it difficult to resume at the right point. Educators receive repeated support questions about navigation instead of spending that time on learning.

Understand the moments between lessons

The concept maps enrolment, first access, a paused session and the return to a course. The proposed dashboard shows one useful next step and a clear picture of what remains. Course pages explain expected time and materials before a lesson begins. Progress labels describe completed activity without implying that completion alone demonstrates competency.

Create an accessible learning pattern

The design system supports meaningful headings, keyboard navigation, visible focus and text that can grow without breaking the layout. Media needs captions and accessible alternatives approved by the content team. Assessment feedback uses clear language. The platform separates content authoring from presentation so educators can improve material without rebuilding the interface.

Build a useful publishing workflow

The proposed implementation uses Next.js, Sanity and a small set of consistent lesson structures. Editors can preview changes and identify the version learners received. Integration with an existing enrolment source avoids maintaining competing student records. Permission and retention choices are documented before importing learner information.

Measure the right kind of progress

The illustrative 29% improvement refers to the proportion of enrolled pilot users completing the intended course sequence. A real analysis would consider course difficulty, cohort characteristics and access barriers. Interviews with people who stop midway are as useful as aggregate completion rates. This concept makes no claim of verified educational outcomes.

THE APPROACH

Prune the complexity.
Keep what matters.

We planned a staged release, building the most valuable end-to-end journey first. Weekly demonstrations kept decisions close to the work, and a shared backlog made tradeoffs visible.

A dependable foundation

The concept solution uses Next.js, Sanity, Node.js, AWS. Access controls, understandable error states and useful operational logging were designed alongside the primary experience. The release plan included realistic data migration checks and a documented rollback.

A handover that builds capability

Training sessions covered the tasks staff perform most often, while technical documentation explained configuration and deployment. Ownership of every account and repository was made explicit before launch.

THE SOLUTION

A clearer experience, all the way through.

One connected view

People can find what they need, understand the next step and recover when something goes wrong. The administrative view uses the same definitions and records as the customer experience, reducing the need to reconcile conflicting versions.

Designed for real conditions

Responsive layouts, keyboard access and clear status messages support everyday use. The design system captures reusable patterns so future features can feel consistent without repeating every design decision.

ILLUSTRATIVE RESULTS

29%

more courses completed

Scenario metric only. No real client result is claimed.
“A calm, capable team who made a complicated project feel manageable from the very first workshop.”

Fictional Learnwell project stakeholder

In a live project, we would verify this result against an agreed baseline and measurement period, then document other changes that could have influenced the outcome.

BUILT WITH

The right tools for the work.

Next.jsSanityNode.jsAWS
Next project Harbour Logistics ↗

GOOD THINGS START WITH A CONVERSATION

Let’s grow something
great together.

A new idea. A complex challenge. A better way forward.

Let’s talk about it