University UI Redesign
UI express redesign for an online university institute
Redesign the UI in two weeks within a squad of 4 developers, CSS only — no layout or interaction modifications.
Bounce rate reduced by 5% immediately after go-live. Engagement up 20% year-on-year.
Context
The brand image was evolving and the website no longer matched the new graphic design. The UI needed to be aligned with the graphic charter while improving accessibility. The whole project had to be done in two weeks, design and development included. I decided then to go with a constraint of SCSS-only changes to limit risk.
UniDistance Suisse: Two weeks UI Redesign
Methodology
-
Atomic Design approach to meet extreme deadlines.
-
Scope limited to SCSS to maximize value and reduce risk.
-
No layout or interaction modifications.
Process
Conducted a full audit of SCSS class architecture, cross-referencing UI components to surface patterns and inconsistencies. Refactored the codebase accordingly, then formalized the design language into a Figma component library aligned with existing SCSS nomenclature to reduce friction in developer hand-off. Deliverable spanned the full atomic design spectrum, from foundational atoms through assembled molecules.
UniDistance Suisse: Work flow
Results
The site places greater emphasis on content, while also highlighting the need to improve it. Retention has increased, as has the number of pages viewed, indicating that users find it easier to read and search for information.
UniDistance Suisse: New UI
Main learning
Working on technical debt, refactoring and improving code scalability is never a waste of time. Advocating invisible work is just as important as showcasing visible successes.