Turbine

VISUAL IDENTITY

WEB DESIGN

CLIENT

Viva Climate

Industry

Sustainability

Background

Viva Climate is a dedicated to sustainability tool for businesses wanting to become more sustinable in the eyes of their customer through action. They work on projects related to reforestation, wildlife protection, and promoting eco-friendly habits through a community. As they begin to scale the organization from a new round of fundraising, expanding project networks, implementing new features, and distinguishing themselves with a distinctive value proposition in the market, they need to be able to reach these goals within a short period of time--3-4 months.

The Problem

Viva has a design system...barely. There was one in place but it was unable to scale or be utilized to pursue new initiatives. There was also no collaboration or input from engineering making both Design and Engineering siloed in their respective corners of the organization.

With new product initiatives on the horizon, and a newly assembled EPD (engineering, product, and design) team, the pressure was on to depend on a system to allow all of us, especially designers, to create efficiently.

Title

Title

Title

Goals

  • Build a design system to scale: establish a workflow and language that the designer could use to build quickly and efficiently for our newly assembled EPD team.

  • Build a design system for collaboration: designers would use this but would also be a reference for engineers to read for handoff. This needed to be clear to them also to ensure a smooth handoff.

  • Build a design innovate: Viva was scaling and scaling quick and with that came the demand to not only increase revenue, but provide more value as a service. To do this, we needed to build faster, improve our current product offerings, and create new ones as well.

Title

Title

Title

The Process

With a new Director of Product Design on board and leading this overhaul. I was able to work side-by-side with him as a point of reference and co-contributor.

Highlights:

  • audit the current system: colors, typography, components, etc

  • expanded upon what already existed—didn’t reinvent the wheel, just made it better.

  • broke it down atomically and created a tokenized system to adhere to

  • worked up to more complex components
    left room for iteration—we always had input from the engineering team

Title

Title

Title

The Solution

With a new Director of Product Design on board and leading this overhaul. I was able to work side-by-side with him as a point of reference and co-contributor.

Highlights:

  • audit the current system: colors, typography, components, etc

  • expanded upon what already existed—didn’t reinvent the wheel, just made it better.

  • broke it down atomically and created a tokenized system to adhere to

  • worked up to more complex components

  • left room for iteration—we always had input from the engineering team

Title

Title

Title

The Outcome

With a new Director of Product Design on board and leading this overhaul. I was able to work side-by-side with him as a point of reference and co-contributor.

Highlights:

  • audit the current system: colors, typography, components, etc

  • expanded upon what already existed—didn’t reinvent the wheel, just made it better.

  • broke it down atomically and created a tokenized system to adhere to

  • worked up to more complex components

  • left room for iteration—we always had input from the engineering team

Learnings

dfd

eep

sum