Back to works

A complete digital ecosystem for Valencia's coolest craft brewery

MrCoolCat isn't just a brewery -- it's a brand with its own personality, 3D characters, and a fan community. We built a complete digital ecosystem: eCommerce with a beer catalog, mobile app with AI Chat and gamification (Beer Run, achievements, community wall), and a full admin backoffice with character CMS, event management, products, and stores.

MrCoolCat Craft Beer — Preview
MrCoolCat Craft Beer
2023 · eCommerce + App + Backoffice + Gamification
MrCoolCat Craft Beer — Full showcase
Client
MrCoolCat Craft Beer
Industry
Hospitality & Craft Beer
Service
eCommerce, Mobile App, Admin Backoffice, AI Chat, Gamification
Team
3 developers + 1 3D designer + 1 AI engineer
Timeline
8 months + ongoing maintenance
+180%
Organic traffic
5K+
App downloads
35%
Orders via online

Goal

Create a digital ecosystem that would transform a local brewery into a brand with its own community: online store for direct sales, mobile app with gamification for customer loyalty, AI Chat with the cat's personality, and a complete backoffice to manage the entire MrCoolCat universe (characters, events, products, stores, app navigation).

The Challenge

The brand had an extremely strong visual identity (3D characters, rock/urban aesthetic) that couldn't be diluted in the digital transition. The app needed game features (Beer Run, achievement/quest system) integrated with the actual business operations. The backoffice had to support 3D character management, app navigation configuration, community wall moderation, and multi-store management -- all fully bilingual (ES/EN).

Outcome

Complete ecosystem deployed: eCommerce with a catalog of 6+ craft beers featuring detailed profiles (IBU, ABV, tasting notes), mobile app with AI Chat, Beer Run (delivery game), community wall, 'Cool Cat Quest' achievement system, and a Vercel-hosted backoffice with 3D character CMS, navigation tab management, events, gamification, featured products, and banners. Local SEO Top 5 for 'craft beer Valencia'.

MrCoolCat Craft Beer — Screen 1
MrCoolCat Craft Beer — Screen 2
MrCoolCat Craft Beer — Screen 3
1/

eCommerce with a Unique Identity

We translated MrCoolCat's rock and urban aesthetic into digital: an epic hero section featuring the 3D cat mascot holding a beer, bottles with fire spark effects, and product cards with full brewing details (variety, ABV, tasting notes, volume pricing). Each beer has its own personality: Sifrina, Medusa, Morena, Guajira, Candela, and Catira.

Hero with 3D mascot and fire effects
Product cards with IBU, ABV, and pairings
Volume pricing (wholesale)
Bilingual catalog ES/EN
eCommerce with a Unique Identity
2/

Mobile App with AI Chat & Gamification

The MrCoolCat app goes far beyond ordering beers. It integrates an AI Chat with the cat's personality, a community wall where fans share experiences, Beer Run (a bicycle delivery game), the 'Cool Cat Quest' achievement system with trophies, and a complete catalog of beers and characters. App navigation is fully configurable from the backoffice.

AI Chat with cat personality
Beer Run -- delivery game
Cool Cat Quest -- achievement system
Community wall for fans
Interactive character catalog
Mobile App with AI Chat & Gamification
3/

Complete Admin Backoffice

We developed a dark mode admin panel deployed on Vercel with 15+ modules: Dashboard, Client CRM, User Records, Orders, Products, Stores, Characters (CMS with 3D model management), Events, Gamification, Featured Products, App Banners, Navigation Tabs (configure section order and visibility), App Navigation, Wall moderation, and Mr. Cool Cat configuration.

Character CMS with 3D models
Mobile app tab management
Real-time metrics dashboard
Configurable gamification module
15+ admin modules
Full bilingual ES/EN
Complete Admin Backoffice
4/

Local SEO & Positioning

Aggressive Google My Business optimization, local content about craft beer in Valencia, and link building with gastronomy blogs. Within 3 months we reached Top 5 for 'craft beer Valencia' and multiple variations. Online orders grew to represent 35% of total revenue.

Top 5 'craft beer Valencia'
Optimized Google My Business
35% revenue via online
+180% organic traffic
MrCoolCat Craft Beer — Screen 1
Live demo

See the app in action

Real mobile app experience

TECHNOLOGIES
ReactNext.jsNode.jsReact NativeMongoDBVercelOpenAIThree.jsTailwindCSSSEO Local
Visit MrCoolCat Craft Beer
Presupuesto sin compromiso

Have a project in mind?en mente?

Tell us your idea and we'll help you make it happen. No-obligation quote.

Respuesta en 24h
100% confidencial
Sin compromiso