Case Study.

BOUSQUET
Scroll

Fashion Designer

img

Current Site and Heuristic evaluation

img

Problem Statement

Lack of UI Style Guide.
The website needs a UI Style guide that will help with the color theme of the site, the information architecture, the consistency and the organization.

The Start

Based on my heuristic evalution my first step was to create a UI Style guide to balance the site into a consistent design.

imgimgimgimg

Site Map

img

Moodboard

img

Low-fi Wireframes

I created the first low-fidelity version to help me organize and visualize the hi-fi version.

img

Before and After

I changed the UI style to a more minimalist and modern look by adding white space, information architecture and contrast.

img

Low-fi Wireframes

I created the first low-fidelity version to help me organize and visualize the hi-fi version.

imgimg

Next Steps

The next steps in this project will be to incorporate all the pages of the site, creating different user cases and mobile-friendly wireframes.

Let's connect!

ines.hamadi109@gmail.com
|
(510) 610-2557