Ma-tea

The desktop homepage features a vibrant, geometric design with bright yellow, pink, and green accents. Two bottles of MA-TEA, Matcha Limette and Matcha Beere, are prominently displayed in the center against a white background with colorful line art. The navigation menu is at the top, and the hero section includes the bold headline 'Schütteln. Trinken. Wach!' and a call to action button.The mobile version uses a simplified layout with a hamburger menu and shopping cart icon at the top. The hero imagery of the two MA-TEA bottles remains central, but the text is stacked vertically, featuring the large headline 'Schütteln. Trinken. Wach!' prominently below the product image on a diagonal yellow and white background.

Ma-tea is a vibrant beverage brand offering natural, caffeine-infused matcha refreshments. The website serves as a digital storefront and brand experience, highlighting the unique energy benefits of Japanese matcha combined with refreshing fruit flavors like lime and berry. The visual identity is high-energy and contemporary, utilizing a bold, maximalist approach. It features heavy typographic elements, a bright and saturated color palette, and playful, hand-drawn line illustrations that weave through the product shots. The design successfully targets a health-conscious, active, and trend-driven audience looking for a natural alternative to traditional energy drinks.

Design

Colors
Buckets
Palette
#FEFEFE
#D54A68
#BBC28D
#F9E506
#382349
#619238

Technology

Miscellaneous
Programming languages
Reverse proxies
Web frameworks
Pagespeed
Desktop
74
Performance
91
Accessibility
100
Best Practices
92
SEO
Mobile
59
Performance
86
Accessibility
100
Best Practices
92
SEO
Related websites
Advertisement
Learn more

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request.