Advertising

Tea Harmony: A digital escape from urban city hustle

Project niché

Tea ceremony

Web design

K-Beauty

Client

Humber College

Designly

Designly

My role

My role

My role

UX/UI designer

UX/UI designer

UX/UI designer

Year

2024

2025

2025

Laptop displaying the Tea Harmony landing page homepage with clean minimal design and calming visuals.
Laptop displaying the Tea Harmony landing page homepage with clean minimal design and calming visuals.
Laptop displaying the Tea Harmony landing page homepage with clean minimal design and calming visuals.

So, what's the problem?

Tea Harmony brings calm in real life, but the brand struggled with its online presence. The website lacked a strong visual identity, offered no clear path for visitors, and didn’t tell the brand’s story or create moments that encouraged people to return.

Laptop showing the events and offerings section of the Tea Harmony website, highlighting clear navigation and structured layout.
Laptop showing the events and offerings section of the Tea Harmony website, highlighting clear navigation and structured layout.
Laptop showing the events and offerings section of the Tea Harmony website, highlighting clear navigation and structured layout.

How did I solve it?

I designed a calming landing page that mirrored the ritual of tea and increased time on site, built a distinctive visual identity to strengthen recognition, added subtle interactions to help visitors discover events, and told the brand story through visuals and copy to deepen connections and encourage repeat visits.

Person sitting outside with a laptop open to the Tea Harmony website, viewing the calming and nature-inspired landing page.
Person sitting outside with a laptop open to the Tea Harmony website, viewing the calming and nature-inspired landing page.
Person sitting outside with a laptop open to the Tea Harmony website, viewing the calming and nature-inspired landing page.
Laptop screen displaying detailed tea ritual content on the Tea Harmony landing page with clear typography and visuals.
Laptop screen displaying detailed tea ritual content on the Tea Harmony landing page with clear typography and visuals.
Laptop screen displaying detailed tea ritual content on the Tea Harmony landing page with clear typography and visuals.

What was my process?

I started with research to understand the audience and spot gaps in competitor sites. Then I gathered references and sketched ideas to explore tone and layout. I built out wireframes, tested the flow, and refined the structure. Finally, I defined a visual style, built a UI kit, and wrapped it in an animated prototype.

Laptop showing the prototype of the Tea Harmony landing page, featuring an event section with clean, minimal styling.
Laptop showing the prototype of the Tea Harmony landing page, featuring an event section with clean, minimal styling.
Laptop showing the prototype of the Tea Harmony landing page, featuring an event section with clean, minimal styling.

Challenges & Success

Balancing minimalism with clarity required careful tweaking to keep the layout clean without feeling empty. The real challenge was designing calm without being boring. Through testing and iteration, the project succeeded in creating an emotional connection, helping visitors feel the brand’s serenity even before they interacted.

Let’s do something cool together!

Always happy to chat! I usually reply quickly to emails but stay active on both Behance and LinkedIn.

Copy Email

© All rights reserved.

Mariana Yuskevych

Let’s do something cool together!

Always happy to chat! I usually reply quickly to emails but stay active on both Behance and LinkedIn.

Copy Email

© All rights reserved.

Mariana Yuskevych

Let’s do something cool together!

Always happy to chat! I usually reply quickly to emails but stay active on both Behance and LinkedIn.

Copy Email

© All rights reserved.

Mariana Yuskevych