UX/UI Case Study
Website Redesign

The Problem

The Solution

The user is confused by a large volume of information. Additionally, the information is not clearly available to the user, who must navigate through numerous pages to locate the required information, or even create an account or log in.

Redesign of the website for a more simplistic way to find necessary information efficiently. Inspiring the user to apply to the program that has been created for them and having a better experience while navigating the website.

Project Duration

4 Weeks

Heading

Design Process

- User Research
- Proto Persona
- User Interviews
- Empathy Map

- Problem Statement
- Prioritization Matrix
- Value Proposition

- User Path
- Heuristic Analysis
- Redlining annotations
- Color Accessibility
- Information Architecture
- Lo-Fi Prototype

- User Test
- Tracking Test
- Test Analysis
- Iterations
- RWD Hi-Fi Prototypes

Emphatize

Prototype

Test & Iteration

Definition & Ideation

Proto Persona

The user path chosen was a task for the user to comprehend how much money they can get when applying for a grant.

User Path

User feedback has been very helpful for us, and we have received input on how they feel using the site, as well as their thoughts on what needs to be changed to make it easier to find what they are looking for.

Five 1-on-1 interviews
In-person or via Zoom
The task was based on the User Path to identify pain points and learn about the site's user experience.

Usability Test

Prioritization Matrix

Heuristic Evaluation

With the heuristic evaluation we wanted to do a review of the actual user interface, looking closely at user experience aspects that could help to identify many kinds of user experience problems.

Color Accessibility

“Color accessibility enables people with visual impairments or color vision deficiencies to interact with digital experiences in the same way as their non-visually-impaired counterparts.”

Information Architecture

Site Map

Lo-Fi Desktop Navigation Prototype

Lo-Fi Mobile Navigation Prototype

Lo-Fi Wireframes

Wireframes Usability Test

For the usability test, I performed a multiple task test to determine how the user interacted with the site and whether the path taken was simple for the user to follow.

Click Tracking

The click tracking feature was a very helpful tool that helped to determine the user's progress through the tasks and whether all clickable elements on the website were user-friendly and simple to understand.

Breadcrumbs

Buttons

Typography

Black Colors

Gray Colors

Brand Colors

UI Style Guide

Responsive Web Design

Hi-Fi Prototype

Let's work together

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.