top of page

CASE STUDY
RESPONSIVE REDeSIGN

OVERVIEW

This project focuses on the redesign of the Champion website to improve its user experience (UX) and overall design. By conducting thorough research and analysis, the aim was to gain a comprehensive understanding of the brand and its target audience. The subsequent website redesign incorporated the findings to create a visually appealing and user-friendly experience across various devices.

ORIGINAL

REDESIGN

ORIGINAL
REDESIGN
Desktop Home.png
screencapture-web-archive-org-web-20200219213757-https-www-champion-com-2023-06-07-07_21_4
ROLES AND RESPONSIBILITIES

For this project I worked alone and was responsible for the research, UI design, UX design, and wire framing for the redesign website mockup.

USERS AND AUDIENCE

The target audience is Urban men, woman, and children from the middle and upper class.

PROBLEM

The Champion website faces challenges due to outdated design, complex navigation, and poor content presentation. These issues hinder the website's effectiveness in engaging users and achieving its objectives.

SCOPE AND CONSTRAINTS

The rebrand design was created in the tool Sketch

PROCESS AND RESEARCH

WIREFRAMES: CATEGORIES

PERSONAS

PERSONA ONE

LEONA VALENCIA

PERSONA TWO

TITUS SHEPARD

PERSONA THREE

DEE HAMPTON

HUCK HATCH

PERSONA FOUR

KEY FINDINGS

1. IMAGES

Large, High-quality

images throughout

the website.

2. TYPOGRAPHY

BOLD text that

stands out

for titles.

3. SECONDARY

Minimalistic

subtext, very easy

to read / navigate.

4. COLORS

High contrasting

color schemes.

5. CONTENT

Images mostly

include displaying

the brand clothing.

STYLE GUIDE

OUTCOMES AND RESULTS

The research findings on the Champion website, as well as implementing my own designs, helped display its success in providing a compelling user experience across desktop, tablet, and mobile screens. Incorporating insights from personas further personalized the redesign, resulting in an enhanced user experience and increased engagement. The redesign leveraged these strengths to create a consistent and enjoyable user experience across all screen types.

DESKTOP SCREENS

HOME

CATEGORY

PRODUCT

CART

TABLET SCREENS

HOME

CATEGORY

GDIV project 2 tablet_Page_2.png

PRODUCT

GDIV project 2 tablet_Page_3.png

CART

GDIV project 2 tablet_Page_4.png
MOBILE SCREENS

HOME

GDIV project 2 mobile_Page_1.png
GDIV project 2 mobile_Page_1.png

CATEGORY

GDIV project 2 mobile_Page_2.png
GDIV project 2 mobile_Page_2.png
bottom of page