Vinsen's Portfolio

Fairatmos

2025 • IN-HOUSE •

Making climate-tech worth believing in.

Fairatmos connects carbon project developers with the global standards and investors they need to move forward. I joined as their first designer with no system and only workable visual language. The mandate came with three distinct fronts: AtmosWatch, a geospatial monitoring dashboard for carbon projects across Southeast Asia, a design system that brought consistency to a product that desperately needed it, and a visual identity that made a serious B2B company feel like it was done by humans, but credible in its workings.

The goal was to win people's trust through what they see and feel — it's never easy committing to something that costs a lot and can last for more than 30 years without said credibility.

ROLE

Product Designer, Creative Strategist, and Visual Designer

SCOPE

0 → 1 product for carbon project monitoring, climate-tech startup

TEAM

Sole designer within a hybrid product team, Agile

Duration

Shipped in 6 months with 2 years of ownership in total

VISIT WEBSITE

THE PROBLEM

Imagine owning a land more than 150,000 hectares for a carbon project, but no visibility for it whatsoever.

My job was to mitigate this, and the goal is to design both a product and a system that can unify on-the-ground data in one hub, and display them as processed insight to build trust among stakeholders.

Here's how it actually works. Tap to reveal the steps:

THE RESEARCH

Working with experts and specialists for a scoop of what's important.

Me and the team at Fairatmos then tapped into project owners, remote sensing experts, community managers, and wildlife specialists through focus groups and jump-to-solution boards. The aim is to define the requirements and shape the information architecture needed, since our app will work with a lot of data. Like, a large amount of it.

The key was in the way collected data was processed: most samples need manpower, money, and time to be converted from raw data to something real and helpful.

DEFINING THE STRUCTURE

At this stage, I was working in parallel with the previous experts and see what needs to be prioritized visually. I decided to leverage the field operator's way of "tiering" how they see data and made the flow go from the topmost layer to the deeper ones, like a tree going from the top to the bottom.

Scope

Concept & Strategy, Product Design, Brand Design, Visual Engineering

Role

THE APPROACH

Making use of Fairatmos' strength and talents to work with.

Due to having experts and connections from all over the globe, Fairatmos becomes an ideal ground for validating and testing ideas. I focused on a cycle where our potential users are gathered into a single pool, and then are actively involved within the project as much as they possibly can.

This creates an environment where my designs can be stress-tested even from the start of the process, and helps me to map the needed requirements faster.

There is a lot of iteration happening during the design process, and all of them involved the real users that act as stakeholders within their availability of scope.

Scope

Concept & Strategy, Product Design, Brand Design, Visual Engineering

Role

High-fidelity Prototyping

These are made digitally via Figma for various initial user tests. The cycle from before helps to make this available to test early, and most had been trialed or at least presented to our users for future credibility.

Sketched LOW-FIDELITY WIREFRAMING

Since I had a lot of exposure to discuss my objectives with stakeholders live, I opted for pen-and-paper wireframing as opposed to a digital one. This helps to allow cross-team collaborations and for me to immediately apply changes.

THE PRODUCT

Introducing AtmosWatch: the dashboard built for long-term carbon project scalability.

We can imagine it as a "command center" of sorts where on-the-ground data can be inputted, processed, and displayed to serve as real and live numbers that correspond to said project. These are both concurrent and transparent, yet also eliminates on-site monitoring costs for major activities over the course of a project's commitment (which in most cases can last more than 30 years at any given time).

Everything is designed in a warm and calming mood to fit in walls, while also offering a variety of choices in its subjects.

LAYERS THAT DRAW DATA

Each feature or layer offers critical information that can monitor fast-changing metrics, compare real landmarks, and even track the placement of hardware assets, all via a combination of live geospatial tracking and third party APIs.

WIDGETS FOR SCALABILITY

No two dashboards look the same, because no two carbon projects are.

AtmosWatch is built around a widget system where each data view from satellite imagery, tCO2e calculations, project timelines, and development goals, can be surfaced or hidden depending on what the project needs in its lifecycle.

Everything is designed in a warm and calming mood to fit in walls, while also offering a variety of choices in its subjects.

MOBILE COMPANION

Field operators don't always have stable connection when working. The companion app works without it — log everything from tree measurements to local grievances on-site, and sync back whenever you're back online.

KEY RESULTS

100

% increase in productivity

across AtmosWatch's on-field reporting workflows

100

% increase in productivity

across AtmosWatch's on-field reporting workflows

100

% increase in productivity

across on-field reporting workflows

Southeast Asian Carbon Projects

brought and partnered with the platform within a year after release

Southeast Asian Carbon Projects

brought and partnered with the platform within a year after release

Southeast Asian Projects

partnered and used the product within a year

IDENTITY AND BRAND

A carbon project can take decades. The design has to feel like it understands that.

Every decision across AtmosWatch and the brand identity came back to the same question: does this feel credible enough that someone would commit years of work to it? Trust is the unconditional product requirement here.

Everything is designed in a warm and calming mood to fit in walls, while also offering a variety of choices in its subjects.

Replanting the tree

The Fairatmos brand had history before I arrived. Rather than starting over, I worked with what existed by refining, extending, and giving it the consistency it never had.

Colors that splash upward

The five colors weren't chosen for the brand first — they were chosen for AtmosWatch, then carried upward. The design system and the refreshed company identity ended up speaking the same language because they started from the same place.

Contouring the design language

Fairatmos is built on geospatial expertise through the way land is read, mapped, and understood. The topographic texture running through the visual identity is a nod to that, a quiet reference to the terrain the company actually works in.

One system, everywhere it needed to be

What started as a product design system eventually found its way into blog posts, pitch decks, marketing materials, and internal culture.

Replanting the tree

The Fairatmos brand had history before I arrived. Rather than starting over, I worked with what existed by refining, extending, and giving it the consistency it never had.

Colors that splash upward

Contouring the design language

One system, everywhere it needed to be

What started as a product design system eventually found its way into blog posts, pitch decks, marketing materials, and internal culture.

Scope

Concept & Strategy, Product Design, Brand Design, Visual Engineering

Role

NEXT PROJECT

Not Lonely

NEXT PROJECT