Future Life Hero Image

Dartboard

Paying student loans made easy.

-

PROMPT

Prompt Icon
Strategy, Branding & UX Design

-

Dartboard is an APP and service that helps the young US professionals to pay off their student loans. When I joined the Dartboard team as the lead designer, the founder had an APP design version without a branding or user research process. This case study will share our research, branding design, and the APP redesign process.

SEEN ON

Parsons
Forbes
NYC Media Lab
App Mockup
Lastest round of APP design mock up.

PROCESS TO BUILD A BRAND STRATEGY

Prompt Icon

My first step is to start with a questionnaire to understand the founders' vision of their brand.


I created questions such as: "Could you describe what is DartBoard in one sentence?" And "If DartBoard was a person, how would you describe his/her personality?" To find out why did the founder created Dartboard and who are Dartboard's potential customers.

Postion
User Persona
Art Direction

BRANDING PROCESS

Dart sketches
Dart sketches
LOGO ICON Brand Color Style Guide

BRAND ATTRIBUTES

BRAND ATTRIBUTES
Character Design to help make the user experience more fun and approachable. Illustration by Leecy Li, art direction by Yuchen Zhang.
Character design illustration by Leecy Li, art direction by Yuchen Zhang.
Desktop site design that introduces the brand, service, and welcome new users to sign up.
Mobile site design that introduces the brand, service, and welcome new users to sign up.
Mobile site design that introduces the brand, service, and welcome new users to sign up.

APP DESIGN PROCESS

UX Design Process
UX Design Process

APP DESIGN

App UX Design
Process of iterating the App from the client’s wireframe and design.
A warm, welcoming screen design to introduce the user to the App features.
A warm, welcoming screen design to introduce the user to the App features.
A warm, welcoming screen design to introduce the user to the App features.
An illustrative and simple onboarding process to import the user’s bank information.
A warm, welcoming screen design to introduce the user to the App features.
UI design for Set Your Goal (left 1), Transaction history overview (left 2), Daily Transaction History overview (middle), Social comparison within the network (right 2), and earning badge view (right 1).

APP UI UX TESTING & ITERATION PROCESS

App UX Design
App UX Design
User flow
App UX Design
New onboarding design that features Daniel more as an AI assent.
App UX Design
The new dashboard asks the user to set a goal-oriented road map (left 1 and left 2). This is a simplified timeline for the overall account balance (middle).
This latest iteration on the App dashboard design displays all of the user's financial accounts in one place.

SEE OUR PITCH

LAUNCH WEB SITE

TEAM

Gabor Tankovics Founder & CEO
Namreta Kumar Content Strategist
Leecy Li Illustrator
Yuchen Zhang Lead Design
TOP