Ink Design System

Stepping up from an IC, I found the biggest impact I could have on Design Ops and the maturity of the design organisation was by applying my skills in design systems to lift the company’s quality bar
2022
Design system
Figma

My journey from an individual contributor to Design Manager at GoodNotes was marked by significant growth and transformation. One of the key aspects I contributed to was the orchestration of Ink Design System. This wasn't just an assembly of design guidelines, but a complete evolution of how the design team at this company operated.

The base color palette—minus the greys.

Upon joining GN, I immediately noticed that legacy design files that were hindering our workflow. This is a natural occurence, around the same time many companies had moved from Sketch towards Figma, and some had used external tools like Abstract to try align. I spotted an opportunity to create a robust and cohesive design system that would streamline our workflows across different platforms. And save the designers a bunch of time and headache.

The Ink Design System was born out of this need, and I poured a lot of effort into making it platform-agnostic, ensuring it would honour the unique conventions of iOS, Android, Windows, and the web.

A look behind the scenes at the meticulous set up.

The creation of this system required careful attention to detail, from defining the base colour palette that powered both light and dark themes to the meticulous crafting of the UI Kit. Every element was named with precision, allowing easy toggling between modes in Figma, and was supported by code snippets in Storybook.

Ink technical diagram.

What we achieved with the Ink Design System wasn't merely about aesthetics or individual components; it was about laying down a scalable, sustainable design philosophy that would resonate across various platforms. It symbolised a shift in our design approach and allowed the product designers to work more cohesively and efficiently.

A selection of the components created for Ink.
Alerts — working out of the box for the first time.

This design system laid the foundation for the company's expansion to other platforms beyond Apple's ecosystem, reflecting my belief in the importance of coherent design systems in today's digital world. The team at GoodNotes have built upon and greatly improved some of this groundwork and recently shipped a momentous update to more platforms than ever.

An Award-Winning Design Team

I transformed GoodNotes' design team into an engaged, connected, high-performing remote team of 11 world-class designers from 8 countries across 5 time zones.

Theft Insurance Flow Redesign

During some recent free time, I explored how the rental or hire industry could increase the sign-ups for theft or other insurance during checkout flows. Here's some of my thinking from a couple of hours.

Honey Design System

Honey is a robust design system crafted for Hive Home, a prominent smart home technology firm located in the UK. As the forerunner in the conception and realisation of Hive's inaugural design system, I envisaged and brought to life an interface that was not just aesthetically appealing but ensured fluid and cohesive user journeys.