Directory for sustainable suppliers

Creating a directory for GreenHive, a company who prides itself finding the best sustainable suppliers and help entrepreneurs to find them


Client

GreenHive

Duration

January 2021 –

Tools

Figma, Adobe Creative Suit, Wordpress

Role

Interface Designer - Wordpress developer



This project was based on the experience of entrepreneurs who are committed to sustainability. When the founding members wanted to set up an eco-friendly business, they found out, it is hard to find the right, trustworthy suppliers. It took them hours of search, especially if the suppliers are from another country. That's why they sat down and established GreenHive, a one-stop-shop solution for all needs. My role was to create the visual interface for their idea.

Problem

This project was based on the experience of entrepreneurs who are committed to sustainability. When the founding members wanted to set up an eco-friendly business, they found out, it is hard to find the right, trustworthy suppliers. It took them hours of search, especially if the suppliers are from another country. That's why they sat down and established GreenHive, a one-stop-shop solution for all needs. My role was to create the visual interface for their idea. The main challenges I had to face were a responsive, mobile first approach, and a product based filtering system.

Solution

I wanted to create strong foundations for the directory. I created a style guide with typographic system, icon library, colour palette and card + shadow styles.

Methods we used

  • Competitive analysys
  • User personas

Design system

By analyzing their components, the site was lacking a strong foundation. Organizing the style guide consists of re-establishing the typographic system, icon library, colour palette and card + shadow styles.


Colors

The client chose a green and purple color palette to express eco-friendliness, elegance, leadership and revenue.


Fonts

I chose a simple font to make sure easy readability and professional look.


Illustrations


User Personas

To see the bigger picture of how the system works, I have created different user personas for all the key players.


User journey

One of the first steps we worked on was how this interaction should work between the contractors and the building security officer.



Final outcome

Filterable company gallery



Reflection

As the project is not yet finished, we don’t have the full outcome, but at the moment several companies signed up to be part of this new system.