Citi Bank
Start Saving Portal

A program and Children's Financial site brought by Citi that educates and incentivizes students to save money. In order to support the five user groups: Bank, Students & Families, Customer Service, Program Managers & School Districts.


Client: Citi Bank
Role: Lead Designer
Responsibilities: UI Design, Prototypes and Design System
Tool: Sketch
Duration: 4 Months


The Assignment

Redesign the student portal responsive website. We provided copywriting and experience design services to guide creative direction of the mobile, tablet, and desktop experiences.

The Objective

Increase awareness and user base of the Youth Savings Account Program. Educate and empower student users to reach their future goals.

The Solution

The primary design recommendations began with improving search, restructuring primary navigation, streamlining notification and reminder handling, streamlining error handling, and improving and simplifying the overall flow to increase conversion and usability.

Primary Colors

 

Secondary Colors

 

Iconography

 

Landing Page

Click to see full size

 

Student Portal - Mobile

Click to see full size

Administrative Dashboard - Redesign

Click to see full size

 

Dashboard Before Redesign