Milk Makeup

Website Redesign

A Fall 2024 comprehensive student project focused on redesigning of the Milk Makeup website. Centered on a clean, editorial, and playful approach to enhance user experience and strengthen brand identity through emphasis on product design.

Design Process | Desktop & Mobile

A Fall 2024 comprehensive student project focused on redesigning of the Milk Makeup website. Centered on a clean, editorial, and playful approach to enhance user experience and strengthen brand identity through emphasis on product design.


I began with an audit of the existing site to identify key UX/UI issues, such as layout inconsistencies and navigation challenges. I then conducted user interviews to gather insights on usability and a competitive analysis to explore industry standards. Using these findings, I created various low-fidelity wireframes and a style guide with a bright color scheme and typography aligned with Milk Makeup’s branding. Finally, I developed a prototype of key pages, resulting in a cohesive, user-friendly, and visually appealing website.

let’s work together!

Style Guide

Typography

61 px

77 px

79 px

79 px

Line Height

55 px

85 px

106 px

120 px

Font size

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Name

16 px

28 px / 41 px

28 px / 41 px

23 px / 41 px

41 px

Line Height

12 px

14 px

16 px

18 px

24 px

Font size

Body 1

Body 2

Body 3

Body 4

Heading 5

Name

A

a

Heading

Google Fonts

Bebas Neue

A

a

Body

Google Fonts

Inter

Colors

Brand Colors

Secondary Colors

#F8F0E5

#F37299

#000000

#F8F8F8

Tertiary Colors

#FAAEAE

#E97C7C

#D9D9D9

#FF9797

#F8595D

Mobile Prototype

Desktop Prototype