Situation
Task
Action
Result
Old Mutual, one of Africa's largest and longest-established financial institutions, was undertaking a major digital transformation to modernise its online presence and strengthen its connection with a younger generation of customers.
The organisation wanted to evolve its brand while preserving the trust and credibility it had built over decades. The new digital experience needed to celebrate Old Mutual's African heritage through vibrant imagery, bold colour palettes, and culturally inspired visual elements, while providing a modern, accessible, and consistent experience across a large-scale website.
The project involved redesigning a complex digital ecosystem consisting of more than 100 pages, requiring close collaboration between multiple organisations and multidisciplinary teams.
As the Lead UI Designer, I was responsible for designing and delivering the user interface across the new website while ensuring consistency, scalability, and design quality throughout the project.
Working alongside UX designers, developers, the Design System team, and an external branding agency responsible for the corporate identity, my role was to translate the new visual direction into a cohesive digital experience that could scale efficiently across the entire platform.
Collaborated with cross-functional teams across multiple organisations, including UX designers, developers, the Design System team and external brand partners, contributing to the successful delivery of a large-scale digital transformation using the SAFe Agile framework.
I led the UI design process across significant areas of the website, translating the refreshed brand identity into responsive interfaces, reusable components, page templates and design documentation.
I designed and built scalable UI components using atomic design principles, creating a flexible system that improved consistency, accelerated delivery and supported the creation of over 100 website pages.
Working closely with the Design System team, I validated and refined components before incorporating them into the shared library, ensuring long-term maintainability and effective collaboration between design and engineering teams.
01
Delivered a scalable UI framework that supported the successful launch of Old Mutual's redesigned digital experience across a large and complex website.
02
The reusable component library and page templates improved design consistency, streamlined collaboration between design and engineering teams, and established a strong foundation for future product development.
03
The project successfully translated Old Mutual's refreshed brand identity into a modern digital experience that balanced heritage with innovation, helping position the organisation to better engage a new generation of customers while maintaining the trust of its existing audience.
