Mercurly

Product design

An affordable procure-to-pay solution for small/medium businesses.

The Problem

The average large organization misses out on $14 million in savings each year due to the lack of visibility into its corporate spend.Most of the procurement solutions in the market are expensive and small/medium businesses can't afford it.

My Role

Gopi (Mercurly founder) had a lot of experience working with procurement solutions in the past so he already had a lot of information collected when we started our collaboration. I was responsible for the entire design process, from user flows, wireframes, interface design, prototypes, and design components system creation.

User Stories and User Flows

We started by creating and organizing the list of requirements, backlog, and user stories for the different roles using Jira. Then we started working on the user flows, deciding the path users would take to accomplish tasks.

Wireframes

Once the user flows were tested and improved based on user feedback, we started designing the wireframes, a low-fidelity version of the product, defining the structure of the components and features.

User Stories and User Flows

We started by creating and organizing the list of requirements, backlog, and user stories for the different roles using Jira. Then we started working on the user flows, deciding the path users would take to accomplish tasks.

Interface Design

One of the most important actions user can do on Mercurly is look and purchase products from company certified suppliers. We decided to put the search and categories list front and center with the option to collapse it.

Dashboard
Dashboard
Dashboard - Requires action PO's
Dashboard - Recent activity

Product Search and Purchase Requests

One of the most important actions user can do on Mercurly is look and purchase products from company certified suppliers. We decided to put the search and categories list front and center with the option to collapse it.

Search results
Search results
Purchase requests list
Product details
Log in

Prototypes

Along the way, we tested the product with real users using clickable prototypes. This allowed us to fail fast, while the work was still in an early stage.

Design Components Library

When working with early stage startups, it is important to create a design system to minimise development time and onboarding time for future designers. I created a simple design system to make the app feel consistent and easy to navigate.

Part of Mercurly design components
Client Feedback

“His attention to detail, diligence is exactly what a designer should have and he exhibits all those qualities every day.”

"Diogo works on only one project at a time, takes time to understand the requirements, follows it through and makes sure he is delivering a quality product. His attention to detail, diligence is exactly what a designer should have and he exhibits all those qualities every day."

Gopi Sukhavasi, Founder at Lingvista

Browse More Projects