Matcha Mood | One Page Website Design

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✨.

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.

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.

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.

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.

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.

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.

We went with a light, airy, color palette that captures Matcha's Mood friendly personality. Paired with a chunky and bold type, the overall branding feels welcoming, effortless, and a touch of playful.