Billy Data-driven platform

Project Overview Billy is a web platform that makes invoicing and business finance management simple and easy for freelancers and small business owners. My Role As a UX/UI designer in the team, I collaborated with three designers and four developers. We have a duration of 12 weeks to complete the project. I was involved in […]

Project Overview

Billy is a web platform that makes invoicing and business finance management simple and easy for freelancers and small business owners.

My Role

As a UX/UI designer in the team, I collaborated with three designers and four developers. We have a duration of 12 weeks to complete the project. I was involved in usability testing, target user research, user flow, wireframe, UI kit, high fidelity wireframe, and proposal editing.

Problem

As a freelancer and small business owner with a limited invoice managing tool, billing and invoicing are not easy tasks. Creating and managing invoices has been a concern for them, dealing with generating the process of professional invoices, knowing whether a client received the invoice, and managing the invoice payment.

Solution

A web platform where freelancers and small business owners can generate professional invoices in a fast and intuitive way while having control of the finances related to their business by tracking invoices and payments in a project.

Feature

Competitive Analysis

Persona

User Flow

Wireframe

Branding

The icon is the combination of the letter ‘b’ and the checked mark representing Billy helps things get done.

A sans-serif font; Radjani Bold used to show modernity. The corner rounded of the font and the icon convey that payment and invoice are usually structured but could be less rigid with Billy’s help.

A minimum clear space must always surround the logo. The entire logo and icon logo is equal to the half-width of the square width in the icon.

Typography & Color

Iris is the main color with an extension of blue and a hint of purple, to represent reliability, trust, creativity, and wealth. The secondary color, turquoise symbolized friendliness and cheerfulness. It’s radiating the tranquility of blue, the growth of green, and the vitality of yellow.

UI Kit

Marketing Materials

Tags: