Blueprint App & Website Design - Code Included

Website & App Design

Tools: Adobe XD, InVision, Figma, Adobe Photoshop, Adobe illustration, Miro, Trello

My Role: UX/UI Designer

Project Type: This is a group project and has been created during the Bootcamp period.

Project Introduction

WeChat-Screenshot_20210624125937

Millennials are the generation who have faced the worst economic odds. Research has shown that millennial professionals tend to be financially responsible and ambitious, yet they struggle to set and achieve goals because they don’t know where to start or what steps they need to take. We believe it’s important for millennial professionals to have a clearer understanding of the steps they need to take in order to gain financial freedom.

Project Statement

2

Millennial professionals need a straightforward plan to achieve financial goals and start building a more secure future.

User Hypothesis & Solution

WeChat-Screenshot_20210624131059

How might we provide individualized help for young professionals to pay off their debt & build financial goals for the future?

By providing a solution that walks them through every step of the way and monitors their expenses and goals, millennial professionals will obtain a clearer path to achieving their financial goals. 

Research And Surveys

WeChat-Screenshot_20210624131652

Key Insights

1. Interviewees have long-term financial goals and aspirations. 
2. They tend to be responsible for their credit scores and savings. 
3. Groups ranging from 20-35 years old have access to higher salaries compared to other generations, yet they don’t know much about financial planning or investing, and are buried in debt...

Interview Transcript

There are some thoughts that interviewees said about the original design of the ALSF website

undraw_female_avatar_w3jk-1

““I’m not living from paycheck to paycheck, I have an emergency fund..”

Amy, 27

undraw_male_avatar_323b-1

" I need to be better about actually budgeting and keeping track of what I'm spending my money on. Putting aside a set amount every month ."

Jacky, 29

User Persona

A user persona is an extremely useful tool that can help businesses develop. Samantha Martin is a 24-year-old female who works as an urban architect. She has several economic goals and needs, but also living with different pain points. 

WeChat-Screenshot_20210624132034

Competitor Analysis

We have compared existing financial apps to discover their advantages and pain points.

WeChat-Screenshot_20210624132700

Feature Priorization

WeChat-Screenshot_20210624132845-1

Storyboard

WeChat-Screenshot_20210624133316

User Flow

WeChat-Screenshot_20210624133621

Low-Fi Wireframes

WeChat-Screenshot_20210624152653

UI Style Tile

WeChat-Screenshot_20210624152856-1

Mid-Fi Prototype

mid
mid2
mid3

User Test Feedback

WeChat-Screenshot_20210624154906

Iterations

WeChat-Screenshot_20210624155634
WeChat-Screenshot_20210624160129
WeChat-Screenshot_20210624162551
WeChat-Screenshot_20210624162715

Homepage HTML

WeChat-Screenshot_20210624163048
WeChat-Screenshot_20210624163325

Hi-Fi Prototype

WeChat-Screenshot_20210624163509
final_60ac4218d7407e007cd79df1_585974

Selected Works

Weight Watchers RebrandingGraphic Design - Branding

PappaRich BrandingGraphic Design - Social Media Branding

Scary Hitchcock PosterGraphic Design - Poster/C4D

Katsumi Asaba Studio Business CardGraphic Design - Business Card Design

Easy Trip AppUX/UI Design

Futurism Style PostersGraphic Design - Posters

Alice In Wonderland Theme PostersGraphic Design - Posters