Problem
We were asked by multiple clients for a guide to help their teams understand the "why" behind the designs we've delivered. Before the guide was created we got a lot of basic questions from developers about the intent of our designs.
Goal
Our goal was to help our clients' teams make more informed, independent design and development decisions by providing an easy to use design guide.
Impact
-Reduced information requests from developers
-More informed and independent developers
-Reduced development times
-More consistency in the user experience of our clients' products
The Process
1. Define elements & patterns we use
From existing designs we listed and defined the 30 most used components and patterns.
2. Design example app in Figma
I designed an app in Figma, for a fictitious company to provide reference images for our guide.
3. Create custom site for each client
We created a custom website for each of our clients with images tailored to their respective field.
Earlier mockup for website
Final outcome
Our clients were very happy with the delivered product and they expect it to save hours and money because of more informed designers and developers.
