Numberz

Manage your day-to-day cash flow

Overview

Numberz is a invoice and expense management web application for small businesses. A web app that manages 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 fintech 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 work flows of the existing product. This would involve understanding all functions and test out solutions with users.

Visual Langugage

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

Experience

Ease of switching from one function to the other should be very intutive.

Our Approach

Gaia Digital Design, Process, Define

Find

Initially we conducted workshops with product managers and continuously got inspired from our own business 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. Three main challenges were identified. They were onboarding new users, creating UI framework to make the user understand the product semantic and define the most adaptive interactions for the 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 was made and iterated multiple times before finalizing the UI framework. Based on the UI framework, detailed visual design was done with 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 visble , Sirion could look forward to multiple products bieng 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

Tata CliQ

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