Vision Direct
Vision Direct needed to deliver an intuitive website for their customers of all abilities to purchase products and book medical appointments therefore helping retention and upselling on further products.
Client
Service
Year
Objectives & Goals
Redesign the existing Vision Direct website using assets and styling created through a new design system.
My role
- Audit existing design system
- Adapt the existing design system to work for Vision Direct
- Create new components and styles
- Liaise with lead devs, PM’s and Stakeholders to get desired results
- Apply new components and styling to the new Vision Direct website.
Challenges
- The developers had already started to build out components without any design input using a ‘one size fits all’ design system
- Supplied design system wasn’t fit for purpose
- Convincing the team to pause production until we adopt a new adequate design system.
Reflections
Vision Direct adopted a design system from their parent company EssilorLuxottica after the two merged but early on from my point of view it wasn’t right for VD as the system was more for small boutique opticians and VD was an e-commerce brand. The devs had already start building out the new website with these new components, it was a mess.As a contractor it was a tough ask to convince everyone to stop production, fortunately I had the backing of the head FE dev. A lot of diplomacy and compromise occurred. We used their existing system as a base but built out our own, a system that was a lot more adequate and relevant for an e-commerce platform.It was a testing 8 months but I learned a lot from negotiating compromises and diplomacy with design teams and stakeholders to liaising closely with devs and deep diving into their processes and ways of working.
