London School of Economics and Political Science
UX design
UI design
Design systems
I lead the design for a major digital transformation project at the London School of Economics, delivering a refreshed and modernised user interface grounded in accessibility and usability best practices.
The project involved creating a robust, scalable design system that streamlined visual consistency and interaction patterns across their digital estate. By prioritising user research and iterative testing, we were able to validate key design decisions and ensure the final solution met both user needs and institutional goals. The result was a cohesive, future-ready experience that supports ongoing enhancements and cross-platform efficiency.
I carried out a comprehensive component audit across the global site, including its many schools and departments, each with their own unique requirements and legacy design patterns. This involved cataloguing and assessing a wide variety of UI elements, before consolidating them into a more coherent, flexible library. The goal was to create a unified set of components that could be reused and adapted easily, supporting both consistency and efficiency across the organisation.
Following the audit, I established a broad visual language underpinned by a robust system of design tokens. These tokens defined foundational elements such as colour, typography, and spacing, creating a scalable and maintainable structure. This system not only ensured consistency at a global brand level but was also flexible enough to accommodate the distinct identities of sub-brands, enabling seamless theming while preserving overall coherence.
Key user journeys were carefully mapped out and translated into interactive prototypes, which were tested with students using Maze to validate usability and flow. Insights from these sessions informed several rounds of iteration and refinement, helping to address friction points and improve the overall experience.
These prototypes were built using a robust design system named Campus, which provided a consistent visual language and a flexible framework for rapid prototyping and iteration. Campus enabled scalability across multiple touchpoints while maintaining alignment with accessibility standards and the overarching brand.
