Ayrah Voss Profile photo

XYZ- A CURATED EXPERIENC
FOR BOOK & WINE LOVERS

Crafting an immersive, elegant UI for a refined

event discovery experience.

Project

UI Concept, Visual Experience

Duration

2 weeks

Tools

Figma

XYZ reimagines book-reading events through seamless, sensory experiences that unite storytelling with wine. From intimate readings to themed celebrations, it offers curated venues, thoughtful wine pairings, and tailored promotions. The name “XYZ” nods to the final letters of the alphabet evoking a literary signature, the unknown, and the x-factor behind each meaningful gathering.

XYZ reimagines book-reading events through seamless, sensory experiences that unite storytelling with wine. From intimate readings to themed celebrations, it offers curated venues, thoughtful wine pairings, and tailored promotions. The name “XYZ” nods to the final letters of the alphabet evoking a literary signature, the unknown, and the x-factor behind each meaningful gathering.

UI Preview: Crafted with Intent

UI Preview: Crafted with Intent

UI Preview: Crafted with Intent

A thoughtfully crafted splash screen where “XYZ” unfolds with smooth, bold motion- designed to make a memorable first impression while keeping the tone warm and refined.

A thoughtfully crafted splash screen where “XYZ” unfolds with smooth, bold motion- designed to make a memorable first impression while keeping the tone warm and refined.

Though compact, the focus was on delivering a high-impact visual narrative. From the inviting homepage to the curated wine listing interface, each screen prioritises clarity, mood, and sensory appeal—fitting the brand’s intimate theme.

Though compact, the focus was on delivering a high-impact visual narrative. From the inviting homepage to the curated wine listing interface, each screen prioritises clarity, mood, and sensory appeal-fitting the brand’s intimate theme.

VISUAL IDENTITY

VISUAL IDENTITY

Main Font

Montaga

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Secondary Font

Monteserrat

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Decorative font

Monsieur La Doulaise

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

TYPOGRAPHY

Main Font

Montaga

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Secondary Font

Monteserrat

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Decorative font

Monsieur La Doulaise

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

TYPOGRAPHY

Main Font

Montaga

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Secondary Font

Monteserrat

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Decorative font

Monsieur La Doulaise

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

TYPOGRAPHY

COLOUR PALETTE

COLOUR PALETTE

COLOUR PALETTE

#E5B479

#E5B479

#E5B479

BACKGROUND PRINT

BACKGROUND PRINT

BACKGROUND PRINT

#4B6F54

#4B6F54

#4B6F54

DESIGN PHILOSOPHY for this project

DESIGN PHILOSOPHY for this project

This project was an exploration in mood-setting through UI. The challenge was to communicate the brand’s essence- elegance, intimacy, and discovery. Focus was placed on transitions, typographic rhythm, and visual storytelling.

This project was an exploration in mood-setting through UI. The challenge was to communicate the brand’s essence- elegance, intimacy, and discovery. Focus was placed on transitions, typographic rhythm, and visual storytelling.

EXPLORE OTHER PROJECTS.

Create a free website with Framer, the website builder loved by startups, designers and agencies.