Canvi Website and Design System

Canvi needed to elevate the brand’s perceived value, but its design did not yet reflect the desired positioning. In addition, the company did not have senior designers to lead this transformation and maintain consistency over the long term.

Video of the newly launched live website.

‍

Delivery

We started with the website, following this timeline:

Moodboard
Wireframes
Design
Implementation

After a few iterations with the team, we delivered the responsive website.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Given the absence of senior designers at the company at the time, and the need to maintain the visual consistency created for the website, we also worked with Canvi’s technology team to deliver a design system.

262 primitives
125 semantic tokens
Light mode / Dark mode / Environment for operating systems such as card payment terminals

The design system also includes more than 30 components and interface patterns, which together create thousands of possibilities without creating visual clutter or compromising visual consistency.

Douglas

Founder & Principal Designer