The Real Mr. Tea

Mr. Tea Got What You Need

Step into a world of flavorful tea, aromatic coffee, and a captivating mobile barista experience with Mr. Tea. At GOAT502MEDIA, we are thrilled to present the newly designed website for Mr. Tea, where passion and playfulness blend seamlessly. With a focus on creativity, we've incorporated fun fonts, animated sections, and a simplified navigation bar to enhance the user experience. Join us as we take you on a journey through the captivating pages of this delightful website, showcasing the unique flavors and unforgettable events that make Mr. Tea truly exceptional.

The objective

When embarking on the design journey for Mr. Tea's website, our primary objective was to create an engaging online platform that captured the essence of the mobile barista experience. We aimed to bring the playful and unique flavors offered by Mr. Tea to life through creative design elements. Our goal was to ensure that users could easily navigate the website, find upcoming events, and effortlessly book their own tea-filled adventure. By developing a custom event template and incorporating testimonials throughout the site, we aimed to establish credibility and trust, enticing visitors to indulge in the world of Mr. Tea.

Color palette

Moonlight Gray

Logo design


H1 - Poppins

h1 - Permanent Marker

H2 - Poppins

H3 - Poppins

H4 - Poppins

This is Poppins font. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
This is Poppins font. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Design Process

Our design process for the Mr. Tea website was driven by the desire to create an immersive and captivating experience for users. We began by brainstorming concepts that would reflect the playful and unique nature of Mr. Tea's offerings. Fun fonts and animated sections were carefully selected to inject a sense of joy and excitement into every page.

To ensure a seamless user experience, we prioritized a simplified navigation bar that featured a hamburger menu, the Mr. Tea logo, and a prominent "book now" button. This approach allowed visitors to easily access all sections of the website on any device. The inclusion of a popup menu within the hamburger menu provided quick and convenient navigation options.

A key aspect of the design was the events page, which played a crucial role in informing users about Mr. Tea's upcoming appearances. We developed a custom WordPress plugin that presented event data in a unique and creative way, departing from the traditional events page layout. This bespoke solution enhanced the visual appeal of the events page and heightened user anticipation for Mr. Tea's next serving of fresh and delicious tea and coffee.

Throughout the website, we strategically integrated multiple instances of the "book now" button, making it effortlessly accessible for users to secure their Mr. Tea experience. Furthermore, we implemented a custom-made testimonial section, strategically placed across the site, to instantly establish credibility and reinforce the exceptional quality of Mr. Tea's offerings.

The Creative Process Behind Mr. Tea's Website Design

Discover the key steps our team at GOAT502MEDIA took to develop a visually stunning and user-friendly website that effectively showcases Mr. Tea's brand and services.

Wireframing & Prototyping

We created wireframes and interactive prototypes to visualize the website's structure and functionality, ensuring a smooth user experience.

Visual Design

Our team developed a visually stunning design concept that aligns with the client's branding and business goals, using the latest design trends and techniques.

Development & Testing

We developed the website using the latest front-end and back-end technologies, ensuring it's fully responsive, fast, and SEO-friendly.

Launch & Maintenance

We launched the website, ensuring a smooth transition from the "under construction" page. We also provide ongoing maintenance and support, ensuring the website is always up-to-date, secure, and functioning optimally.
Customer Opinion

So glad I went with Goat502media for my website. Andy was a pleasure to work with. I told him exactly what I envisioned for my website and it got it done very quickly. I'll definitely be recommending Goat502media to other people!

Ryan Harris

Custom Designed Events Pages

Designed with both aesthetics and functionality in mind, the events page captivates users with its visually appealing layout and intuitive navigation. Users can easily browse through a calendar-style display, highlighting specific dates and locations where Mr. Tea will be available. Each event is accompanied by enticing visuals, descriptions, and relevant details, enticing visitors to mark their calendars and join in on the fun.

To ensure a seamless user experience, we developed a custom single event template using a specialized WordPress plugin. This unique solution enabled us to present event information in an engaging and interactive manner, breaking away from the conventional event page layout. Users can explore event-specific features, such as the featured tea and coffee offerings, special promotions, and even reserve their spot directly through the website.

With the events section at the heart of the Mr. Tea website, users are effortlessly informed about upcoming appearances, allowing them to plan their visits and ensure they don't miss out on the opportunity to savor the exceptional flavors and ambiance that Mr. Tea brings to each event.


In conclusion, the Mr. Tea website, designed by GOAT502MEDIA, showcases a mobile barista experience like no other. With its creative and playful design elements, including fun fonts, animated sections, and a simplified navigation bar, the website captures the essence of Mr. Tea's unique flavors and engaging atmosphere. The events section stands out as a vibrant hub, providing a window into upcoming appearances with tailored menus and an intuitive interface. From reserving a spot to exploring enticing offerings, the website ensures a seamless user experience. Embark on this flavorful journey and let Mr. Tea take you on a delightful adventure of tea, coffee, and unforgettable experiences.

Your All-in-One Web Design & Video Production Solution

Contact Us

We would love to hear from you regarding your web design or video production project. Reach out to us today!

Join our newsletter

We'll send you a nice letter once per week. No spam.

GOAT502MEDIA is here for your web design and video production needs. Contact us today to get started telling your story.
Copyright © 2023 GOAT502MEDIA