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 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 digital annex to the Registry platform is to highlight the potential of the green projects supported by Riverse and convince investors to back them.

This project is a redesign of the previous support with the essential addition of a template to detail the Riverse 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 Riverse during the development of the Registry. After thorough User Research, I identified two main Persona profiles.
The first, and primary, is the Riverse 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 Riverse, who seeks different types of information, such as:

Requirements to join Riverse’s green projects
Details about Riverse methodologies
Evidence of Riverse’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 Riverse products.  The prototype in question uses:

Riverse’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)

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.