Matcha Mood

Not Just a Drink, a Whole Mood

Allow Us to Introduce You 🤝🏽

Matcha Mood is a passion project created by ChatGPT. I knew I wanted to create a website for a matcha brand so I inputted the One Page Oasis application questions to Chat and it responded as the client. Matcha Mood is a welcoming and fun matcha bar brand on the go. They have a very friendly vibe while crafting fun and seasonal drinks along with keeping the traditional sense of ceremonial grade matcha. Matcha Mood is a playful, feel-good matcha bar brand dreamt up using ChatGPT. This passion project started with a creative experiment—using ChatGPT as a fake client by feeding it the exact questions from my One Page Oasis application. I took these answers and brought Matcha Mood to life. Matcha Mood blends traditional ceremonial-grade matcha with a modern, seasonal spin—crafting drinks that are as fun and refreshing as the brand itself. It's approachable, aesthetic, and built for the kind of people who want their caffeine with a little ✨main character energy✨

Experience the Website

Package

One Page Oasis

Client

ChatGPT

The Scope of the Project 👀

Since Matcha Mood operates mainly as a pop-up matcha bar, we decided to keep things streamlined with a one-page website. The goal was to create a clean, impactful digital presence that reflects the brand’s personality while making it easy for visitors to find the most important info—like where to get their matcha fix next.

‍

✨ Featured Section: Events with a Scroll Experience

‍

Because Matcha Mood thrives on events and pop-up moments, we made the Events section the star of the site. To draw attention to upcoming dates and locations, we built a sticky, scroll-based interaction using GSAP animations. As users scroll, they’re guided smoothly through each event—making the section feel dynamic and impossible to ignore. It's not just about listing events—it’s about creating a mini experience within the page.

‍

GIF of sticky section from Matcha Mood website

Laptop mockup of Matcha Mood hero section

Our Research 🧐

For this project, we kept our research light—our client (aka ChatGPT 😅) came prepared with a clear vision. Instead of deep market analysis, we focused on understanding the vibe of the brand and its audience so we could design intentionally around it.

‍

Target Audience

‍

Matcha Mood is made for Gen Z and younger millennials (ages 18–33) who care just as much about the vibe as the flavor. They’re the type to follow café TikToks, spend their weekends at farmers markets, and take photos of their drinks before sipping. Health-conscious but indulgent, they prefer oat milk over dairy, but still want matcha foam and a brown sugar rim.

‍

Meet Sunny, Our Target Persona ☀️

‍

Sunny is 24, a freelance social media manager/content creator based in Austin, TX. She thinks in aesthetics, collects enamel pins, and has a curated playlist for every mood. She's over the coffee jitters. What she wants is something intentional and cute. Matcha Mood gets her—and she’ll happily hype up every seasonal drop on her story.

‍

Web Direction

‍

When planning layout, we referenced modern pop-up and beverage brand websites, prioritizing a scrollable one-page experience with an emphasis on mobile usability. We leaned into bold typography, sticky scroll effects, and clean sections that guide the user through the brand story—without overwhelming them.

‍

Phone mockup of Matcha Mood website focused on the menu section

No items found.

Our Final Thoughts 💭

As a matcha lover, this project was so fun to do! I wish we had matcha pop ups around me cause I’d be THERE! Anyways, matcha brands are always welcome here! Let’s work together!