A new style had been established but everything needed to be created.
The existing team (one UI and one UX) had produced the first basic elements.
I jumped on board and started designing. As each country would present a new challenge, the UX and I would design a new solution.
A bespoke podcast component, for example.
Using Sketch, I designed and built fully functional components ranging from navigation headers, content grid cards and cookie banners to the ViiV Design System (VDS) itself.
A more comprehensive library of components was emerging, which became the VDS. It was my job to maintain the highest level of consistency. Each component was tested and ultimately approved before submission to the VDS. By using the atomic design principle, I was able to ensure an Accessibility Level of at least AA, according to WCAG.
The VDS consists of two parts. One is a fully navigable desktop experience consisting of over a hundred pages. It showcases and explains over 1200 components, text styles, colour palettes and more. The other part is the Sketch Library containing the actual components, styles, colours, etc.
Eventually, the VDS was being shared and used by other teams, so it was imperative I keep everything and everyone up to date.
In just under a year, 18 websites were designed and developed for both desktop and mobile, in languages including Dutch, Portuguese and Japanese.
Each site consisted of 30+ pages showing multiple branded medicines, videos, downloads, technical medical information and many more resources.
Below are just a few pages from the UK ViiV Healthcare website and a few pages from the ViiV Design System.
