Alva design system

Overview

Alva is a London-based health startup. They’re are on a mission to improve menopause for all women. Giving women the answers and support they need and deserve. In early stages of product development I was brought on to set up the foundations of their design system. Over 11 days I worked with Phil — co-founder and CTO to define and implement an accessibility-first design system.

My contribution

Product strategy Product design

The team

1 × co-founder 1 × product designer

Year

2020

Process

Tight timescales

I had 11 days total to play with. Day 0 I had limited knowledge of Alva and the work. By day 11 we had the foundations of a design system built and documented. With the limited time it was important to have a plan for how those days would be spent. And to track progress against.

The 11 days were across 4 weeks. I broke the work down into 4 weekly milestones.

Week 1

Gather context and a deep understanding of Alva, the product, and near term strategy. Then a first design audit across the product and marketing materials. Understanding what is currently in place.

Week 2

Get the fundamentals in place. Collate what is there into a few solid basics. Mainly looking at typography, colour usage, spacing system, grid, and buttons.

Week 3

Take the fundamentals further to other components. A deep dive into forms and inputs — which formed (pun intended) a big chunk of their consultation product.

Week 4

Apply design system learnings to Alva's consultation product. Stress test the design system and feedback learnings limitations from application to the product.

Outcome

After 11 days we documented and implemented the first version of Alva’s design system. This wasn't the end goal though — the design system was built knowing that it will need to be evolved as Alva evolves. We also released the first version of Alva's menopause consultation product. Built from our design system work.