Sonaturum
РУС ENG
← Back to work
Education Portal Role Model Admin Panel Online Learning

Advance Education

Company website redesign. Design-system optimization and refinement. Education portal design for students. Multifunctional dashboard design for the company administrators, managers, curators and methodologists involved in online learning

Challenge №1

Refresh the existing Advance website: make the purple brand accent stronger, improve responsiveness and keep the information structure clear

Final responsive redesign of the Advance Education website
Feedback

External perspective

Portrait of Olga, Advance Education user
Olga Marketer 42, Saint Petersburg

What would help

I want the site to feel more alive and current, but I still need to quickly understand what courses exist, who they are for and where to click next.

What does not work

When a redesign makes everything prettier but loses the logic. On an education site, meaning should not hide behind graphics.

Objectives and results

Goals and outcome

This case had to show not only the final visual but the principle behind it: an existing structure can be strengthened through color, rhythm and responsive layout without rebuilding the whole product.

Kept the information route

Courses, mission, proof and CTA stayed recognizable so the redesign would not break the familiar page logic

Strengthened the brand colors

Purple and pink became the basis of the visual rhythm, not decorative background color

Built a responsive system

The composition reshapes for mobile screens while preserving order, readability and emphasis on the next action

Key decisions

  • Keep the original block logic while making each section visually more self-contained
  • Use the brand gradient as the main carrier of character, not as a random background
  • Make desktop, tablet and mobile feel like one system, not three different sites
Challenge №2

Design a scalable education platform with role-based access for students and four operational roles: administrator, manager, curator and methodologist. Build clear user flows and unify interfaces for online-learning management and system database administration

Data is anonymized

The case uses placeholder copy, names and values. This makes it possible to show the interface logic and design decisions without exposing personal or corporate information

Advance Education learning center with course list on desktop and mobile
Advance Education learning center: course and section screens on desktop and mobile
Advance Education Platform welcome email for creating a password

Methodologist workspace Course builder

Manager: course section editor with content blocks
Feedback

Inside perspective

Portrait of Nikolay, Advance Education team representative
Nikolay Online course manager 45, Saint Petersburg

What gets in the way

When administrators, managers, curators and methodologists work in different places, learning control breaks into chats, spreadsheets and manual checks.

What is needed

A unified workspace where roles, courses, student progress, exercises and system data are connected into one clear, manageable process.

Administrator portal: student, administration and learning modules
  • Every role had its own workaround. Administrators, managers, curators and methodologists kept the process alive through spreadsheets, chats and manual checks
Curator: forms for creating a group, selecting a mentor and creating a task

Interactive trainers Schulte exercise setup

Interactive trainers: Schulte table exercise setup screen
  • Course management was hard to keep calm: the product lacked a coherent design system, a clear editor and a link between exercises, materials and system data
Learning center: exercise completion screen with section contents

Goals and Outcome

Bring the scattered parts of online learning into one clear platform: students can reach courses and progress faster, the team sees roles and ownership, and methodologists can create and update programs without so much manual friction

Implemented

  • reworked the information architecture
  • designed role-based interfaces
  • unified navigation
  • created a component library
  • optimized user flows
  • developed a responsive interface

Outcome

  • reduced the number of steps in key flows
  • accelerated access to learning materials
  • simplified and organized the work of every key role in the business process
  • reduced user errors on both the student side and the staff side
  • reduced support requests