top of page
bg 1_edited.jpg
desktop.png
shein.png
shein.png

SHEIN
Redesign

What design fundamentals and style systems were used?

The Fundamentals - I have highlighted the parts of my redesign that fall in line with design fundamentals.

1_edited.jpg

To remedy this, I moved all discounts to a scrolling banner at the top of the page.

 

Users will therefore be able to understand what criteria they'd have to meet to be eligible for each discount.

Hicks Law

"An increased number of choices means that the time taken to make a decision by the user increases."

The original homepage had multiple options for discounts that would overload the cognitive ability of the user.

SHEIN redesigned homepage

SHEIN original homepage

Discounts

Desktop - 1.png

Shein Redesign

boohoo.png

Jakob's Law

"Sites should work the same as the other sites"

Through reasearch I found that respondants also used PRETTYLITTLETHING,BOOHOO and ISAWFIRST, which all used similar themes, typefaces and call to actions

 

Due to this, I chose a similar colour theme and general look of SHEIN's competitors.

Boohoo August 2022 page

Law of Common Region

"Elements will be percieved as a group of they share an area with a defined boundry"

Borders and boxes have been added, to separate different types of information together, in order to indicate to the user the areas of the homepage that are relevant to each other.

SHEIN HOMEPAGE (2).png
SHEIN HOMEPAGE (2).png
Desktop - 1.png
SHEEE.png

Style Guide

Below is the style guide I created for SHEIN.CO.UK. My aim was to ensure complete uniformity in style and formatting. 

Colour Palette.png
Buttons.png

I opted for a small colour palette to keep inline with my "simple" redesign. Pink was chosen to symbolise femininity and youthfulness. I partnered it with Grey as it creates a welcoming and comfortable feel when paired together.

Typography.png
Icons.png
Icons.png
Icons.png
Typography Guidelines.png

Accessibility

Throughout the design process, I was careful to keep accessibility guidelines in mind.

In terms of the colours used throughout the designs, I  ensured I had a good contrast between colours so that they were accessible to users with visual disabilities.

I used Open CC Checker in order to check the  contrast. I was able to experience what colourblind users would see if they were to navigate the website.

colour.png
SHEEE.png
SHEEE.png
bottom of page