Vodafone IOT Design System
Role: UI design lead Agency: The BIO Agency Team: CX: Jules Spanou & Max Crichton | Strategy: Gemma Pearce & Tom Kluge Year: 2018-2019 Our team at BIO set out to redesign Vodafone’s B2B platform for SIM management, turning it into a best-in-class experience. We turned customer research into innovation ideas and useful features, developed a new look & feel for the platform, delivering our work as a flexible design system for Vodafone to implement.
My role on the project was to lead visual design and innovation, as both a hands-on designer and providing oversight for other designers, collaborating closely with BIO’s CX team. Working alongside our clients, we used insights gathered in workshop to develop ideas for features that would best serve our customers. This saw the introduction of an IoT marketing page, shown to users before login, welcoming them with useful, personalised tips and highlighting new features on the platform.
Whilst the look & feel I developed is based on Vodafone’s brand guidelines, I’ve used subtle touches like rounded corners and iconography to give the experience a contemporary edge. This new design direction introduced photography to make the experience human, paired with plenty of white space and delicate blocked colour to visually lighten the data shown. To enable simple whitelabeling of the platform, Vodafone’s secondary colour palette is used after login, rather than the brand’s signature red.
Wrapping the digital transformation in a bow, we delivered our work as design system that can be rolled out for future iterations of the platform. Based on atomic design principles and designed to be flexible, this design system uses nested components for efficiency and consistency.