Case Study.

U.S.C.I.S.
Scroll

Website Redesign

img

Proto Persona

img

Understand the Problem

We had to test out the current website in order to understand the problem. This required creating different scenarios and putting them to the test.

img

Problem Statement

Our user testing revealed that users find it difficult to navigate through a lot of information to reach their goal while using the website.

img

Card Sorting

The design clearly needed reorganization and an information architecture. Based on all the initial information, we sorted them from most important to least important by categorizing them.

Site Map

The sitemap helped us visualize the information architecture and organize future content according to user needs; global navigation, header navigation, homepage content, utilities, and footer.

img

Sketches Wireframes

Redesign the navigation architecture with an accessibility that is clear and simple.

Low-fidelity Wireframes

Based on the user research, testing, our site map and our sketches we created a low-fi design iteration.

gif

Moodboard

Soft and warm.

img
imgimg

High-fidelity and Responsiveness

In our first hi-fidelity version, we focused on contrast, accessibility, and modernity. An simple way to get acess to services.

imgimg

Before and After

Here's a little evolution from the initial design and our design.

img

Take Away

Redesigning an official government website can be challenging due to the overwhelming amount of informations. Focusing on the information architecture and user goals was key.

img