top of page

The Fat Envelope

UI/UX Case Study

iphone screens combo.jpg
Responsive-Screen-Mockups-full.jpg
iPhone-Mockups angled.jpg
briefcase icon.png

Project Brief

Redesigning the responsive app to add a login/signup and a member profile area so that users that login and create a profile will have access to a community page, college application calendar/checklist, and a place to organize their college choices. Also adding an Ebook library for relevant college application information, ACT/SAT test studying, and college-specific essay samples, which will be accessible for paying members.

Problem icon.png

The Problem

Website owner currently has college application information but needs personalization of The Fat Envelope Website for students, parents, and teachers. The new screens and features need to fit into the current website design and UI starting with mobile first.

The Solution

solution-icon-png-7.png

Role

UX Researcher

UI  Designer

Visual Designer

Responsibilities

User Flows

Information Architecture

Visual Design

Low-High fidelity Wireframes Final Mockups

User Testing

Tools

Adobe XD

Simpli Handoff plugin

Optimal Sort

Usability Hub

Photoshop

InDesign

Illustrator

Skype

Facetime

Zoom

Slack

Keynote

Typeform (surveys)

Vidyard

Development Phases Approach.png

The objective of the redesign is to make the website feel more personalized for each user, give them access to some really helpful features for free and encourage them to pay a small fee to have access to the Ebook library. By adding these areas the user will be encouraged
to have their parents purchase a College Admissions Consultant Package for them on the website and already feel a certain loyalty and community within The Fat Envelope. Students can also earn point rewards (time with a consultant) by finishing certain tasks.

Screen Shot 2021-04-29 at 3.53.53 PM.png

Users & Audience

 

• High School Students

• Middle School Students
• Parents of High School Students  

• Parents of Middle School Students 

• High School Teachers/Counselors
• Middle School Teachers/Counselors

      As a high school student, I want to have access to test study sources, links to scholarships, and any info to help me through the application process.

Celtic-Triple-Spiral 8B0000.png
Closed Quotes.png
Open Quotes.png

USER STORIES

      As a high school student, I want to be able to have

a place to organize my college search.

Closed Quotes.png
Open Quotes.png

     As a high school counselor, I would love to have a place

to send my students so that they can organize their college search and have access to lots of resources.

Open Quotes.png
Closed Quotes.png
1934019.png

C H A L L E N G E  1
Students need a place to start and organize their college search and the website company wants a way to gain more users, earn loyalty, passive income, and possible leads for paying customers for the College Consulting packages.

Dollarphotoclub_67442740.jpg
African_American_Graduates.jpg
1006626.png

C H A L L E N G E   2
Students need the new features to help themselves through the college application process. The free features are enough to get students started in the college admissions process and will allow low-income student access to these very needed sources. The owner of the site is trying to build potential loyalty with new and returning users, parents, and teachers so that they will eventually be interested in purchasing a consulting or group webinar package.

INFORMATION ARCHITECTURE - USER FLOW

HomepageWindingRoad.jpg
Fat Envelope Flowchart.png

New Section of Website

UI 2.6 Design Handoff & Deliverables-17.
UI 2.6 Design Handoff & Deliverables-4.j

2

UI 2.6 Design Handoff & Deliverables-21.
UI 2.6 Design Handoff & Deliverables-22.
Responsive-Screen-Mockups-full.jpg

STYLE GUIDE

UI 2.6 Design Handoff & Deliverables-23.
bottom of page