Project Overview
I worked at VisitScotland, the National Tourism Organisation of Scotland, for the past 6 years. This project filled 70% of my workload.
We were tasked to prioritise a new Brand Alignment initiative, aimed at unifying consumer and corporate styles under the VisitScotland global brand guidelines.
Skills:
- User-centered Design
- Accessibility
- Component Libraries
- Design Systems
- Responsive design
- Agile methodologies
- Figma
First Steps
Conducted a design audit of the consumer website to identify inconsistencies in font styles, colours, and illustrations.
Evaluated components against existing design guidelines, user experience principles and user testing results.
Improvements
Unify the component style library of the consumer and corporate websites.
Implement a more functional version of our components and update styles to the new WACG 2.2 accessibility standards.
Illustration Style
Develop one illustration style for all the different faces of the company with a detailed set of guidelines explaining the illustration applications to ensure consistency across platforms.
Component Library
We built a robust component library and design system that fed both websites with the help of the developers.
The elements, components and patterns are maintained by designers and UX analysts in Figma, which then informs the developers’ team how to build them in the Storybook component library.
Outcome
We delivered a cohesive and accessible design system that improved efficiency, consistency, and collaboration across teams while enhancing the user experience.
Creating an agile workspace helped us use the same terminology for components, variables, and tokens, improving communication between teams. This resulted in faster outcomes, and less challenging meetings allowing us to implement the design system effectively.