DESIGN SYSTEM

company

tint.ai

launched in

2 months

lead product designer

+ manager to 2 designers

company

tint.ai

launched in

2 months

lead product designer

+ manager to 2 designers

01

//Approach

Three Phases

//Approach

Three Phases

launched in under 2 months. phew

launched in under 2 months. phew

launched in under 2 months. phew

When I arrived, we were halfway through a marketing-led rebrand at Tint, but our product still felt scrappy and dated.

01

Discover and Analysis

I had the opportunity to lead this change in the product and design side, using accessibility principles and best-in-class examples as guidelines. I collaborated closely with a team assigned to this: 2 developers, 1 engineering manager and a designer I was managing.

Discover and Analysis

I had the opportunity to lead this change in the product and design side, using accessibility principles and best-in-class examples as guidelines. I collaborated closely with a team assigned to this: 2 developers, 1 engineering manager and a designer I was managing.

01

Discover and Analysis

I had the opportunity to lead this change in the product and design side, using accessibility principles and best-in-class examples as guidelines. I collaborated closely with a team assigned to this: 2 developers, 1 engineering manager and a designer I was managing.

02

Design and Implement

This work of translating the new logo and brand into a new product was super fast: 1 month from joining, we were shipping our first incremental change and officially launching the rebrand. It was an intense collaboration with both the marketing team and the UI pod with full-stack engineers dedicated to the project. We used Storybook to document component usage, to bridge the gap between Figma and development further.

Design and Implement

This work of translating the new logo and brand into a new product was super fast: 1 month from joining, we were shipping our first incremental change and officially launching the rebrand. It was an intense collaboration with both the marketing team and the UI pod with full-stack engineers dedicated to the project. We used Storybook to document component usage, to bridge the gap between Figma and development further.

02

Design and Implement

This work of translating the new logo and brand into a new product was super fast: 1 month from joining, we were shipping our first incremental change and officially launching the rebrand. It was an intense collaboration with both the marketing team and the UI pod with full-stack engineers dedicated to the project. We used Storybook to document component usage, to bridge the gap between Figma and development further.

03

Deliver and Monitor

A focus point updating the navigation, and making sure it would scale to the expected growth of the platform without it becoming a place to dump all new features. We also paid close attention to accessibility principles and flexed the colour palette and typescale with that in mind. We took a holistic look at our design and updated everything - including the logo.

Deliver and Monitor

A focus point updating the navigation, and making sure it would scale to the expected growth of the platform without it becoming a place to dump all new features. We also paid close attention to accessibility principles and flexed the colour palette and typescale with that in mind. We took a holistic look at our design and updated everything - including the logo.

03

Deliver and Monitor

A focus point updating the navigation, and making sure it would scale to the expected growth of the platform without it becoming a place to dump all new features. We also paid close attention to accessibility principles and flexed the colour palette and typescale with that in mind. We took a holistic look at our design and updated everything - including the logo.

02

//GALLERY

//GALLERY

Project gallery

Project gallery

Project gallery

Principles used: reuse, reduce, revamp – both for design and engineering.

Snow Gliding
Snow Gliding
Woman And Dog
Woman And Dog
Snow Gliding
Snow Gliding

02

//Work by type

PICK YOUR BREW

WORK

by TYPE

01

Design Systems

02

Data led dashboards

03

Onboarding

04

Products

05

Websites

//Work by type

PICK YOUR BREW

WORK

by TYPE

01

Design Systems

02

Data led dashboards

03

Onboarding

04

Products

05

Websites

02

//Work by type

PICK YOUR BREW

WORK

by TYPE

01

Design Systems

02

Data led dashboards

03

Onboarding

04

Products

05

Websites

02

//Work by type

PICK YOUR BREW

WORK

by TYPE

01

Design Systems

02

Data led dashboards

03

Onboarding

04

Products

05

Websites