


U L L I Y E
DESIGNED FOR GRACE—
WORN WITH CONFIDENCE
[project]
[website.design]
[e-commerce]
[2024]

U L L I Y E
DESIGNED FOR GRACE—
WORN WITH CONFIDENCE
[project]
[website.design]
[e-commerce]
[2024]


[role]
UX Researcher
UI/UX Designer
[timeframe]
2 Weeks
[tools]


[role]
UX Researcher
UI/UX Designer
[timeframe]
2 Weeks
[tools]


[overview]
[overview]
ULLIYE website design project focuses on creating a minimalist and elegant e-commerce platform that embodies the brand’s values of modesty, comfort, and sophistication.
ULLIYE website design project focuses on creating a minimalist and elegant e-commerce platform that embodies the brand’s values of modesty, comfort, and sophistication.


















[about.brand]
[about.brand]
ULLIYE is a fashion brand for modern Muslim women, offering timeless elegance through modest, comfortable, and sophisticated designs. Inspired by minimalism and crafted with premium materials, each piece blends tradition with contemporary style—where elegance meets simplicity, made with love for Muslim women in Indonesia.
ULLIYE is a fashion brand for modern Muslim women, offering timeless elegance through modest, comfortable, and sophisticated designs. Inspired by minimalism and crafted with premium materials, each piece blends tradition with contemporary style—where elegance meets simplicity, made with love for Muslim women in Indonesia.

Modestmade
Modestmade
Pureform
Pureform
Easewear
Easewear
Timeluxe
Timeluxe

VISUAL—IDENTITY

VISUAL—IDENTITY
[logo.mark]
[logo.mark]
The Ulliye logo embodies timeless elegance and simplicity, representing the brand’s values of modesty, comfort, and sophistication. Its minimalist form ensures versatility across platforms.
The Ulliye logo embodies timeless elegance and simplicity, representing the brand’s values of modesty, comfort, and sophistication. Its minimalist form ensures versatility across platforms.
[black]


[white]


[favicon]


[black]


[white]


[favicon]








[design.style]
[design.style]
Fonts are clean and modern, with bold yet simple headlines. A minimalist color palette creates a clear, elegant contrast that highlights content while reflecting the brand’s values of simplicity and elegance.
Fonts are clean and modern, with bold yet simple headlines. A minimalist color palette creates a clear, elegant contrast that highlights content while reflecting the brand’s values of simplicity and elegance.
// TYPOGRAPHY
// TYPOGRAPHY
HEADING
HEADING
Aa
Aa
DM SANS
DM SANS
Medium
Medium
BODY
BODY
Aa
Aa
DM SANS
DM SANS
Regular
Regular

// COLOR.PALLETE
// COLOR.PALLETE
HEX CODE
#222222
HEX CODE
#222222
RGB
34 34 34
RGB
34 34 34
CMYK
0 0 0 87
CMYK
0 0 0 87
HSL
0 0 13
HSL
0 0 13
HEX CODE
#FFFFFF
HEX CODE
#FFFFFF
RGB
255 255 255
RGB
255 255 255
CMYK
0 0 0 0
CMYK
0 0 0 0
HSL
0 0 100
HSL
0 0 100

UI DESIGN
UI DESIGN

// 01
// HOMEPAGE
[DESKTOP]
[MOBILE]

// 02
// CATALOG.PRODUCT
[DESKTOP]
[MOBILE]



// 03
// PRODUCT.PAGE
[DESKTOP]
[MOBILE]


// 04
// COLLECTIONS
[DESKTOP]
[MOBILE]


// 05
// ABOUT.US
[DESKTOP]
[MOBILE]


MOBILE
DESIGN

MOBILE
DESIGN

MOBILE
DESIGN

































