Designing for Designers

Improving the Vodafone Design System Library • 2019

Background

Vodafone is one of the biggest network providers in New Zealand covering 94% of networks all over the country. The marketing team owns the desktop and mobile interface of the website and it is a vital part of the organization as it is a front-face of the company online. With the growing campaign, numerous page creation, and design implementation, most of the design is not updated anymore and the visual designers are dealing with a number of projects that need to be delivered from a low-fidelity mockup to high-fidelity prototypes. 

In line with this, I have been tasked to initiate the project , audit the website elements, modules, sections and other part of the website to be improve and make the design system up-to-date to help the visual designers and UX designers use the system to easily create mockups that will be presented to the stakeholder before they hand it over to the developers and content producers. 

Design Problem

Role

Visual designers are rendering too many hours in creating up-to-date mockups of the current website spending non-necessary time rather than putting oneselves into "designing" the information architecture of the page and into "thinking" about the visual design of the pages. 

As a Visual Designer and with the knowledge in dynamic templating, I proposed to update the mockups in order for us to be more productive and to think about the most important aspects of design.  This way, all visual designers can be as much as productive as I am and I can present the updated library once done.

The Solution

The Result

I spent 2 weeks updating the library and creating a dynamic template in Bohemian Sketch making the design, collected the latest design from the latest UI provided by the Vodafone Group and connected it to our improve library.

In addition to this, I have conducted a thorough research on what are the functionalities of different modules that can be used - something that previous visual designers didn't use because they never know it existed. 

As a result of the project, Visual designers increase their lead time especially in big campaigns like device launches such as Apple and Samsung. With a consolidated library and a dynamic design system, The Visual designers now spent more time on "designing" the architecture they wanted to produce and to present to the audience. The project increased the brand consistency on the digital space and the design production cut down to 50%. 

I am very happy with the result and the initiative I created on this project and I feel that my contribution is part of something big that the future designers can be used and improved too. When the business department knew about the project I created, they have also asked to grow the UI library for the business department.

ronmarlacamiento@gmail.com
021 088 50634

2021 © Ronmar Lacamiento. All rights reserved. Powered by Zyro