Product Design UX / UI Design System Enterprise EdTech

Merito SOTS

University Management System · End-to-end product design

Client

Merito Groupformerly TEB Akademia / WSB

Timeline

2020 – 20266 years · 2-week sprints

My role

Lead UX/UI Designersole designer across 6 teams

Team size

~70 people6 cross-functional squads

All work

Efficiency gain

32%

task completion speed

Campuses

7

across Poland

Modules

6

system domains

Duration

6yr

shipped to production

01. Overview

One system to replace many, scattered tools

Merito Group operates a network of private universities across seven Polish cities. Every campus ran its own legacy system - some using DOS-era Experia desktop software, others relying on Word documents and spreadsheets. A single administrative task could require switching between four separate applications.

In 2020, Merito launched SOTS (System Obsługi Toku Studiów - Study Process Management System) - a unified web platform to replace all of it, connecting every campus under one consistent interface for the first time.

SOTS - system overview

02. The challenge

Integrate everything into one

The core challenge was not purely technical - it was organisational and human. University staff had spent years developing workarounds, informal processes, and habits around broken tools. Any new system that didn't map precisely onto how people actually worked would be rejected.

Core problem

"Seven campuses, seven different systems, no shared data, no common interface, no way to perform routine tasks without switching between four applications. Administrative staff were spending more time fighting the tools than serving students."

The scope was enormous: six distinct functional areas, each with its own stakeholders, its own set of edge cases, and its own deeply embedded workflows. Curriculum management, student administration, internships, finance, scheduling, and lecturer settlement — all had to be redesigned from scratch, unified under a single design language, and shipped to few 10-person teams working in parallel.

As the only designer on a project of this scale, the challenge was also logistical: how do you maintain design consistency across six teams working simultaneously on six independent modules?

Before - legacy Experia system
Legacy Experia system
Legacy Experia system
Legacy system - second view
Legacy system - third view
After - SOTS new interface
SOTS - new interface

03. My role

Cross-team UX/UI designer and researcher

I was the sole UX/UI designer on the project, working across all six product teams simultaneously. Unlike typical single-squad embedded designers, my position required constant context-switching - participating in multiple refinement cycles per week, each covering a different domain of the application.

UX Research & Facilitation User Flow & Wireframing Hi-Fi Prototyping Design System Architecture Usability Testing Developer Handoff & QA

Being cross-team meant I had to develop strong facilitation skills - running brainstorming sessions, mediating between business expectations and technical constraints, and translating abstract process descriptions into concrete interface decisions. I also became an informal bridge between teams, ensuring design patterns remained consistent even as different squads worked independently.

04. Design process

A repeatable loop across six areas

Working across six parallel workstreams required a structured, repeatable process that could scale. We settled on an Agile/Scrum methodology with 2-week sprints, and I developed a design loop that consistently moved from business need to shipped feature.

01
Business discovery
In-depth interviews with Area Product Owners (APOs) during Refinement 1 sessions. Understanding the current process, pain points, and non-negotiable business rules.
02
User story mapping
Business analysts wrote user stories and built the backlog. I built user flow diagrams in Miro, mapping every decision point and system action in the process.
03
Brainstorm (Refinement 2)
3-hour facilitated sessions with developers, APOs, and business analysts. Decomposing the process into system actions and user actions, identifying edge cases early.
04
Lo-Fi wireframes
Wireframe prototypes showing the full user path through the feature - buttons, forms, tables, navigation. Validated face-to-face and remotely via Maze with business users.
05
Hi-Fi prototyping
High-fidelity mockups built from design system components in Figma. Tested again with business users via Maze and quarterly on-site moderated usability sessions.
06
Handoff & QA
Developer handoff via Figma. Post-implementation QA checking visual and interaction fidelity against the design system. Sprint review demos with full cross-functional team.
Process diagram - from business need to shipped feature

05. Research & discovery

The business was the user

One of the most valuable aspects of this project was direct access to end users. The business stakeholders - the APOs and their teams - were themselves the primary users of the system being built. This created an unusually rich feedback loop: every design decision could be validated against someone who would literally use the feature themselves.

Research was conducted continuously throughout the project, not as a front-loaded phase. Each domain area required learning an entirely new process vocabulary - from curriculum credit structures and ECTS point allocation, to lecturer contract settlement and room booking conflict resolution.

Key insight

University staff had developed dozens of invisible workarounds - things they "just knew" weren't captured anywhere. Surfacing and documenting these informal processes was as important as designing the formal ones.

User flow diagram
Refinement session artifacts
Miro user flow mapping

06. Wireframes & flows

From diagram to interaction

After each discovery cycle, I translated the user flow diagrams into low-fidelity wireframe prototypes. The goal at this stage was not visual refinement - it was logic validation: does the proposed interface support every step of the process, including the edge cases surfaced in research?

Wireframes were intentionally minimal - monochrome, using generic component shapes - to keep feedback focused on flows and logic rather than visual details. Testing with business users at this stage caught structural issues early, before any high-fidelity work began.

Lo-fi wireframe
Lo-fi wireframe - student administration module
Hi-fi prototype
Hi-fi prototype - same module

Same module - lo-fi vs hi-fi. Wireframes kept monochrome to focus feedback on flows, not visuals.

07. Design system

Built to scale across six teams in parallel

The most technically complex part of my work was building and maintaining a comprehensive design system in Figma - not as a side project, but in parallel with shipping features every two weeks. The need became clear early: without a shared component library, each team would gradually diverge, and the product would become visually incoherent.

I started in Adobe XD, but the limitations of static styles quickly became apparent. I migrated to Figma and rebuilt the system using auto-layout components, design tokens, variables, and thorough documentation. The frontend team translated the system into a Tailwind-based component library, meaning the design system had a direct 1:1 relationship with production code.

Design system - colour tokens
Design system - typography scale

Foundations - colour tokens and typography scale defined as Figma variables, synced with the frontend Tailwind config.

Design system - button variants
Design system - form components

Interactive components - buttons with all states and form elements built with auto-layout and Figma variants.

Design system - form components continued
Design system - data tables
Design system - icon library

Data tables, extended forms, and the icon system - the most frequently reused components across all six modules.

08. Hi-Fi & testing

Tested at every stage, iterated until consensus

High-fidelity prototypes were built in Figma using design system components - which meant updates to a component automatically propagated across all screens using it. This was essential for maintaining consistency while working at the pace of 2-week sprints.

Testing was multi-modal. Remote unmoderated tests via Maze ran on every major prototype, gathering quantitative data on task completion, error rates, and time-on-task. Quarterly on-site moderated sessions at different campuses allowed us to observe actual university staff working through tasks in their real environment - catching context-specific usability issues that remote testing missed.

SOTS - main dashboard

Main dashboard - entry point for all six modules. Designed to surface the most frequent tasks without deep navigation.

SOTS - student record / kartoteka
Hi-fi - student administration module

Student record (kartoteka) and the student administration module - the most complex view in the system, aggregating data from five sub-domains.

Hi-fi - finance module
Hi-fi - internship tracking

Finance, curriculum builder, and internship tracking modules - each domain required its own information architecture while sharing the same component language.

Hi-fi - lecturer settlement
Hi-fi - scheduling module

Lecturer settlement and scheduling - two modules with the highest data density, requiring careful table design and filtering patterns.

09. Outcomes

A working product. Shipped to all seven campuses.

After six years and hundreds of sprint cycles, SOTS was deployed across all Merito Group campuses - replacing the patchwork of legacy systems, spreadsheets, and workarounds that had held the organisation back for years.

~32% faster task completion Estimated reduction in time spent on routine administrative tasks, based on business feedback from staff who used both the old and new systems.
7 campuses, one system All Merito Group universities now operate on the same platform, enabling shared data, consistent processes, and cross-campus coordination for the first time.
Accessible from anywhere The shift from legacy desktop software to a web-based intranet application allowed staff to perform administrative work from any connected device - cited by users as the single most impactful change.
Design system adopted by frontend The Figma component library was directly translated into a Tailwind-based frontend component library, establishing a maintained, shared source of truth that outlives the initial project.
Automated key processes Several manual processes - grade calculation, ECTS allocation, lecturer hour settlement - were automated within the platform, eliminating entire categories of repetitive administrative work.
Integration with external systems SOTS introduced direct digital communication with students and lecturers for the first time, and enabled integration with external services that the legacy system had no capacity for.
SOTS - final product overview
Production screen - module view
Production screen - detail view
Production screen - data table
Production screen - form view
Production screen - scheduling

10. Learnings

What 6 years on one product teaches me

Scale demands systems thinking. Working as the sole designer across six parallel workstreams would have been impossible without the discipline of building a design system first. Every hour invested in component architecture saved dozens of hours of inconsistency-fixing downstream.

Proximity to users is a superpower. Having direct access to business stakeholders who were themselves end users compressed the feedback loop to days rather than weeks. The quality of design decisions improved dramatically when validation was continuous rather than periodic.

Facilitation is a design skill. The most impactful design work often happened not at the screen level, but in a room with developers and business owners - facilitating the conversation that turned a vague process into a clear, buildable specification. Knowing how to run that room became as important as knowing how to use Figma.

Iteration beats perfection. Shipping something testable every two weeks forced a healthy pragmatism. Not every screen was perfect, but the system improved continuously, and users could see their feedback reflected in the product within weeks - which built trust and sustained engagement across the full six-year project.

Next case study

SNP / CrystalBridge

Org. Structure

UX / UI Design System Enterprise
View case study