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