CRAFTED WITH CARE—
DESIGNED FOR STORIES
[project]
[website.design]
[e-commerce]
[2024]
CRAFTED WITH CARE—
DESIGNED FOR STORIES
[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]
Senja Bercerita website is a digital showcase for a personalized gifting brand. Designed with a warm, minimalist aesthetic, it emphasizes storytelling, craftsmanship, and personalization while making it easy for users to explore curated gifts and find inspiration for meaningful occasions.
Senja Bercerita website is a digital showcase for a personalized gifting brand. Designed with a warm, minimalist aesthetic, it emphasizes storytelling, craftsmanship, and personalization while making it easy for users to explore curated gifts and find inspiration for meaningful occasions.
[about.brand]
[about.brand]
Senja Bercerita is a personalized gifting brand that believes every gift carries a story. From our handcrafted Gold Glass Frame to curated keepsakes like satin bags and glass boxes, each piece is thoughtfully designed to tell a story of care, connection, and meaning. More than presents, our creations are crafted to preserve emotions and make every story worth remembering.
Senja Bercerita is a personalized gifting brand that believes every gift carries a story. From our handcrafted Gold Glass Frame to curated keepsakes like satin bags and glass boxes, each piece is thoughtfully designed to tell a story of care, connection, and meaning. More than presents, our creations are crafted to preserve emotions and make every story worth remembering.
Product
Collection
Edition
Series
Product
Collection
Edition
Series
VISUAL—IDENTITY
VISUAL—IDENTITY
[logo.mark]
[logo.mark]
The Senja Bercerita logo captures the warmth of stories told at dusk—harmonious, timeless, and full of meaning. Its balanced elements and gentle clarity allow it to adapt across media, while its integrity is preserved through consistent use and thoughtful space, ensuring the brand’s story always shines through.
The Senja Bercerita logo captures the warmth of stories told at dusk—harmonious, timeless, and full of meaning. Its balanced elements and gentle clarity allow it to adapt across media, while its integrity is preserved through consistent use and thoughtful space, ensuring the brand’s story always shines through.
[primary]
[secondary]
[alternate]
[icon]
[primary]
[secondary]
[alternate]
[icon]
[design.style]
[design.style]
Senja Bercerita embraces a visual identity that balances modern simplicity with emotional warmth. The brand uses Cormorant Garamond for headings to convey elegance and timeless charm, paired with Teacher for body text to ensure readability and a friendly, approachable tone. The use of terracotta as the primary color represents warmth, comfort, and sincerity — forming the foundation of the brand’s visual identity and maintaining consistency across all media.
Senja Bercerita embraces a visual identity that balances modern simplicity with emotional warmth. The brand uses Cormorant Garamond for headings to convey elegance and timeless charm, paired with Teacher for body text to ensure readability and a friendly, approachable tone. The use of terracotta as the primary color represents warmth, comfort, and sincerity — forming the foundation of the brand’s visual identity and maintaining consistency across all media.
// TYPOGRAPHY
// TYPOGRAPHY
HEADING
HEADING
Aa
Aa
CORMORANT GARAMOND
CORMORANT GARAMOND
Semibold
Semibold
BODY
BODY
Aa
Aa
TEACHERS
TEACHERS
Regular
Regular
// COLOR.PALLETE
// COLOR.PALLETE
HEX CODE
#B06048
HEX CODE
#B06048
RGB
176 96 72
RGB
176 96 72
CMYK
0 45 59 31
CMYK
0 45 59 31
HSL
14 42 49
HSL
14 42 49
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
[information.architecture]
[information.architecture]
This section presents the structural and navigational framework that forms the foundation of the Senja Bercerita user experience. Through the sitemap, user flow, and wireframe, each element is thoughtfully arranged to ensure intuitive navigation and a seamless interaction flow that aligns with the brand’s storytelling values.
[WIREFRAME]
[STRUCTURE]
[IWIREFRAME]
[STRUCTURE]
UI DESIGN
// 01
// HOMEPAGE
[DESKTOP]
[MOBILE]
// 02
// CATALOG.RODUCT
[DESKTOP]
[MOBILE]
// 03
// PRODUCT.PAGE
[DESKTOP]
[MOBILE]
// 04
// ABOUT.US
[DESKTOP]
[MOBILE]
// 05
// TESTIMONIAL
[DESKTOP]
[MOBILE]
// 06
// SUPPORT.PAGE
[DESKTOP]
[MOBILE]
MOBILE
DESIGN
MOBILE
DESIGN
// HOMEPAGE
// 01
// CATALOG.PRODUCT
// 02
// CATALOG.PRODUCT
// 02
// PRODUCT.PAGE
// 03
// PRODUCT.PAGE
// 03
// ABOUT.US
// 04
// ABOUT.US
// 04
// TESTIMONIAL
// 05
// TESTIMONIAL
// 05
// SUPPORT.PAGE
// 06
// SUPPORT.PAGE
// 06
UI DESIGN
THANK YOU
and hope to hear from you soon.
THANK YOU
and hope to hear from you soon.