Tea harmony

I designed a soft-toned, modern landing page for a tea ceremony brand to help them reach new clients and boost bookings. Soft visuals, gentle pacing, and intuitive structure reflect the ritual’s essence and invite users to slow down.

Date

February 2025

Date

February 2025

Date

February 2025

Service

UX/UI design | Marketing

Service

UX/UI design | Marketing

Service

UX/UI design | Marketing

Client

Humber Polytechnic

Client

Humber Polytechnic

Client

Humber Polytechnic

Build in

Figma, Illustrator

Build in

Figma, Illustrator

Build in

Figma, Illustrator

A webpage layout showcasing a gallery with images and information about various artworks and artists.
A webpage layout showcasing a gallery with images and information about various artworks and artists.
A webpage layout showcasing a gallery with images and information about various artworks and artists.

So, what's the problem?

• Tea Harmony offered a mindful in-person experience, but there was no digital space to reflect that feeling. • The brand lacked a strong visual identity online, so it didn’t leave a lasting impression. • There was no clear way to guide new visitors toward events or deeper engagement — just a static page with no real journey. • The experience didn’t build awareness or share the story behind the brand — nothing that would make someone pause, connect, or come back.

How did I solve it?

• I designed a calming, focused landing page that mirrors the ritual of tea itself which is rooted in presence. • Built a soft but distinctive visual identity system that helped the brand feel more aligned with its values. • Added subtle interactions and intuitive navigation to gently guide visitors toward learning more and signing up for events. • Brought the brand story to life through visuals and copy to create a cohesive brand experience that invites users to slow down and feel present.

A collage of images featuring various individuals and scenes in a grid layout with descriptive text.
A collage of images featuring various individuals and scenes in a grid layout with descriptive text.
A collage of images featuring various individuals and scenes in a grid layout with descriptive text.
Website layout featuring a menu on the left and multiple images with descriptions on the right. Soft green background.
Website layout featuring a menu on the left and multiple images with descriptions on the right. Soft green background.
Website layout featuring a menu on the left and multiple images with descriptions on the right. Soft green background.

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 calming visual style, built a UI kit, and wrapped it in an animated prototype.

Challenges?

Balancing minimalism with clarity wasn’t easy. It took a lot of tweaking to keep the layout clean without making it feel empty. The real challenge was designing calm without being boring. This project showed me how design can create emotional connection, making someone feel something even before they click.

images of last sections and footer
images of last sections and footer
images of last sections and footer

All projects

All projects

All projects

Mariana Yuskevych

2025©All rights reserved.

MY

2025©All rights reserved.

Mariana Yuskevych

2025©All rights reserved.