Green Project showcase

Overview

I worked on this project just before receiving my UI/UX Design Master’s degree, and it was one of the last projects I worked on at Rainbow (formerly Riverse). At this point in my training, the project manager entrusted me with the responsibility for the project, which I managed from start to finish.

The goal of this Green Project page, part of the Registry platform, is to clearly showcase the value and impact of the projects supported by Rainbow, providing investors with the clarity and confidence they need to fund them.

This project is a redesign of the previous support with the essential addition of a template to detail the Rainbow methodologies supporting green projects.

My contribution

Product strategy
User research
Product Design

The team

1x product designer
1x product manager
3x engineers

Year

2024

Process

Organization

Team involvement was a key aspect of the project to ensure the product aligned as closely as possible with the team’s expectations. Working closely with the Project Manager, we iterated with the marketing team to define business objectives. At the same time, I continued working on User Research and studying the project.

Despite the pressing business goals, I opted for a User First approach, advocating for thorough and well-structured research.

User Research

I started by using the user Persona profiles I had created for Rainbow during the development of the Registry. After thorough User Research, I identified two main Persona profiles.
The first, and primary, is the Rainbow carbon credit buyer, who looks for specific characteristics in the green projects that generate them, including:

Local geographic location
Industry sector
Available credit quantity
Project photos, proof of validation from third-party organizations, additional assurances on carbon credit quality.

The second profile is the Green project developer not yet affiliated with Rainbow, who seeks different types of information, such as:

Requirements to join Rainbow’s green projects
Details about Riverse methodologies
Evidence of Rainbow’s system reliability

Benchmark

Below is the benchmark of competitors’ solutions (y column), divided by widgets (x column).

Initial study and low-res wireframe

By studying the previous project page, I identified the main issues and created the initial low-resolution versions of the wireframe. Through iterations with the Project Manager, I developed the first high-resolution version of the wireframes.

Team presentation

I presented the team with the results of the user research, the study of the previous version, and the outcomes of the iterations with the PM in the form of wireframes for the project page and the methodology. At this point, I asked the team for feedback on the wireframes and other aspects of the research.

High resolution wireframes development

Through feedback from the team (marketing team, developers, PM, and science team) we created a tight loop of iterations until the final wireframe was created.

Prototype

I developed the prototype in Figma, like all the other Rainbow products.  The prototype in question uses:

Rainbow ‘s Figma Design System (updated with new components using the Atomic Design principle)
Responsive design thanks to auto layout, constraints, and grids
The prototype can be tested with Figma preview (all animations and hover effects are fully functional)

Hero section

The hero section highlights all the key information at a glance: the amount of CO₂eq avoided, the underlying reduction or removal mechanism, the independent entity validating the data, and the project’s location. The primary CTA (Buy from this project) remains constantly visible as it scrolls with the view, while the navigation bar becomes sticky to ensure persistent access to key actions. The link to the methodology page is also clearly surfaced, making it easy for users to explore the project’s technical foundations. This structure helps users quickly understand the impact, reliability, and context of the project, enabling fast and informed evaluation.

Outcome

The Green Project showcase is proof that a well-coordinated team effort can lead to a lasting product that meets all requirements, but most importantly, is focused on the end user who will need to use it.