Mike Hakobyan
← Back to work
CASE STUDY · EDTECH LEARNING

Sololearn

Code-learning platform learning experience redesign.

Mobile-first port → web-native platform
sololearn.com/learn
Final Sololearn web learning-experience design

How it started

The redesign of the web experience represents a major milestone in the product's evolution. The previous version was essentially a mobile experience translated to desktop with minor tweaks, and didn't fully account for the unique needs of desktop browsing — users often found it difficult to navigate the site and find the information they needed.

The old platform

The previous Sololearn web platform, screen 1
The previous Sololearn web platform, screen 2
The previous Sololearn web platform, screen 3
The previous Sololearn web platform, screen 4
The previous Sololearn web platform, screen 5
The previous Sololearn web platform, screen 6
The previous Sololearn web platform, screen 7

A glimpse of the process

Redesign process exploration, screen 1
Redesign process exploration, screen 2
Redesign process exploration, screen 3
Redesign process exploration, screen 4
Redesign process exploration, screen 5
Redesign process exploration, screen 6
Redesign process exploration, screen 7
Redesign process exploration, screen 8
Redesign process exploration, screen 9
Redesign process exploration, screen 10
Redesign process exploration, screen 11
Redesign process exploration, screen 12

What changed

The team focused on a web experience optimized for desktop browsing. The visual language was updated to be more consistent with the site's overall style, creating a more cohesive, integrated experience — with special attention paid to the layout and organization of content, so it's easy to navigate and find what you're looking for.

Comparison of the updated visual language and layout

A key goal was a more web-friendly experience that takes advantage of desktop browsing's unique capabilities — the site now includes more interactive elements, like hover effects and animations, that make it feel more engaging and dynamic.

New web platform

New Sololearn web platform, screen 1
New Sololearn web platform, screen 2
New Sololearn web platform, screen 3
New Sololearn web platform, screen 4
New Sololearn web platform, screen 5
New Sololearn web platform, screen 6
New Sololearn web platform, screen 7
New Sololearn web platform, screen 8
New Sololearn web platform, screen 9
New Sololearn web platform, screen 10

Overall, the redesign was a major step forward for the product, improving usability, functionality and overall appeal. By taking a user-centered approach focused on the unique needs of desktop browsing, the team created a web experience that's intuitive, user-friendly, and built for the modern web.

← All projectsWorkNext project →AblyWork with meBook a 30-min call