studio hyra

NexEd Education Platform design

Together with NexEd we reimagined how online learning can feel. Transforming a complex educational platform into an experience that’s fun, engaging, and designed to keep students at the top of their game.


Nexed 01 - Student Dashboard
Nexed 03 - Pixelated Character

Make it feel like a game

NexEd set out to prove that education for young students could be just as engaging as their favorite games. We took cues from retro games like Mario, Minecraft, and Battlestar to create a design language full of playful cues, bold colors, and gamified progress, all wrapped in a clean interface that keeps the focus where it matters.

We wanted to make progression feel tangible. The solution was a game-inspired map where every module is a destination, every path a step forward. Clear goals, visual rewards, and small moments of discovery keep students motivated to see what’s next.

Nexed 04 - Education Universe
Nexed 05 - Exercise entrance
Nexed 06 Universe Island

Adding fun, without losing focus

NexEd already had gamification built into their eductional system, we needed to elevate it to the next level.

We struck a balance between playful visuals and functional layouts. Pixel icons, gem counters, and streak trackers add personality, while clean typography and structured layouts keep the content easy to follow. The result? Students stay engaged without getting lost.

Nexed 09 - Levels
Nexed 10 - Streak Notification
Nexed 11 - Leaderboard

Scalable and accessible

If you ask students one feature they want: It’s dark mode! And we wanted it to. Setting up a deeply integrated token structure in the design system, allowed for two immersive modes, easily implemented. All while maintaining WCAG3.1 AA color contrast (required for the European Accesibility Act).

Nexed 12 - Dark & Light Mode
Client

NexEd

Agency

Hyra

Design

Tom Spel

Implementation

NexEd

More Cases