Divvy

Designing a social app to share expenses between friends

Do you always forget the money you owe your friends? Don’t worry, you are not alone; it’s quite difficult to keep track of everything. That’s the main reason of existence of Divvy, an app that does the remembering for you. Divvy offers tools to make payments between a group of friends as easy as a button tap, and opens new doors to how to deal with shared expenses.

Client

Student project

Date

2022

Roles

Product designer

Motion graphics

Brand designer

Architecture

Divvy’s app architecture

Tone of voice & Look and feel

As Divvy was meant to be used outside the professional setting, it was decided to run away from a sturdy, clean-looking design. I wanted to play with color, and make typography have a more youthful personality than the default iOS fonts. Everything was made bigger than usual and all around the app there are little details to make you smile.

> Playful, informal, dynamic & young

Wireframes

This is how the app looked like at this stage

One of the most challenging parts of the app was also the central part of the app: how do I communicate the payment balance in friendly, happy way but that is still intuitive? Many iterations were done on the design, and I ultimately settled on a circular graph.

Iteration process of the graph

Identity

A quirky, grotesque typeface; a vibrant palette; and duotone, rounded icons.

A quirky, grotesque typeface; a vibrant palette; and duotone, rounded icons

Logo

The logo comes from the merging of two people, but it also symbolizes the movement of money. On animation, it flows quickly and directly, mimicking the ease with which money can be moved inside the app.

Divvy logo animation

Illustrations

Sporadically, the app features illustrations, which helps on the mission to make the app more friendly. These were sourced from Figma Community.

Hand illustrations by bysany

3D Illustrations by Alzea

Design result

Featured screens

The complete app