Numberz

Manage your day-to-day cash flow

Overview

Numberz is an invoice and expense management web application for small businesses. A web app that manages the day to day transaction in sync with your bank.

Brief

When the product was at a nascent stage, GDD was approached by the Numberz team to create a holistic fine tech product which enables small and medium businesses to manage their cash flow. The focus was to design and solve challenges of creating and managing invoices, do intelligent bank reconciliations and quick and easy expense management functionality.

Challenges

Workflow

Optimizing user workflows of the existing product. This would involve understanding all the functions of the platform and testing out proposed solutions with users.

Visual Language

A strong visual language would help keep a graphic consistency amongst all the elements.

Experience

Ease of switching from one function to the other had to be be very intuitive.

Our Approach

Gaia Digital Design, Process, Define

Find

Initially, we conducted workshops with product managers and continuously got inspired by our own business's setup to understand the problem. We also interacted with many business owners and startup teams to understand the need and validated all insights with product managers.

Gaia Digital Design, Process, Define

Define

We solved some of the key problems within the product by applying the insights that we gathered. There were three main challenges identified. Firstly, onboarding new users, then, creating a UI framework to make the user understand the product's semantic and lastly, define the most adaptive interactions for key features like invoice creation, quick expense recording and reconciling bank transactions.

Gaia Digital Design, Process, Define

Design

Paper sketches were generated, and basic concepts were validated along with product management. The wireframes for each feature were made and iterated multiple times before finalizing the UI framework. Based on the UI framework, detailed visual designs were created with a set of icons, color palette, and multiple design patterns to make the product scalable.

Wireframes

Gaia Digital Design, Case Study, Sirion

Initial sketches that divide the screen into workzones

Gaia Digital Design, Case Study, Sirion

Grouping the key functions according to functionality

Gaia Digital Design, Case Study, Sirion

Send bills easily and effectivily with this preset format

Gaia Digital Design, Case Study, Sirion

Create and generate fast bills

Style Guide

Icons

Gaia Digital Design, Case Study, Sirion
Gaia Digital Design, Case Study, Sirion
Gaia Digital Design, Case Study, Sirion
Gaia Digital Design, Case Study, Sirion
Gaia Digital Design, Case Study, Sirion
Gaia Digital Design, Case Study, Sirion

Color Pallete

#00b2ee

#47cb99

#6783e4

#ffa837

#ef6f7c

Outcome

The solution worked with all stakeholders from the word go. Good design helped to start discussions that would improve the usability for the consumer. The key functions of the product where now visible , Sirion could look forward to multiple products being united by common underlying principles and a good visual language.

Gaia Digital Design, Case Study, Sirion
Gaia Digital Design, Case Study, Sirion
Gaia Digital Design, Case Study, Sirion
Gaia Digital Design, Case Study, Sirion

Previous

Fareye

Next

Sirion

Want to work with us?

We work with you collaboratively to bring your vision to life. Let’s start talking.

About Us

We design for the real world, with real people in mind and the brand at the center. We believe in empathizing, understanding, observing and learning each day.

Read more