MVP Design System
Wellington City Council
The Challenge
Client
University design challenge
Time frame
3 weeks
My role
-
Background Research
-
Design Precedents
-
Prototyping UI/components
My tools kit
The design outcome
The result was an interactive MVP design system
for WCC detailing guiding design principles, visual language and example UI components.
With just a 3-week timeframe, I tackled the following areas: colour, typography, illustration style, pattern, buttons, icons, menus and also some suggestions to improve the design.
Design details were extracted from the WCC website to re-create icons and document an interactive prototype.
What I learnt...
The importance of colour
I wanted to keep the colours and the tone of the Website, considering how recognisable the Wellington City Council (WCC) colours are. This was a helpful reminder of the importance of a good colour scheme within an entity’s brand guidelines.
New vocabulary
The hardest part was to write in design language when I do not even know how to say it in my own language. Reading material.io helped me a lot and also asking some of my classmates. Throughout the process, I learned a lot of new phrases and vocabulary and I feel much more confident in my ability to discuss, observe and analyse design systems.
Keep it simple
Initially I thought it was a very simple website, but when I started to write the guiding principles I understood why it is like this. For a website that is used by the whole city, people with different situations and impediments, it is really important to keep it simple and easy to use.