Vollgas Wonder World
Project Overview
About Vollgas Wonder World
Vollgas Wonder World is the official WeChat Mini Program that connects community, rewards, shopping, and the VO IP into one seamless experience. Built as a digital extension of the Vollgas brand, it gives users a single place to discover campaigns, earn benefits, explore products, and engage with the brand universe.
My Role
Product Designer
I shaped the end-to-end experience across information architecture, interaction, visual design, and responsive web touchpoints, translating an energetic consumer brand into a clear and engaging digital product.
Design Scope:
- Product Strategy
- User Experience
- Interaction Design
- Visual Design
- WeChat Mini Program
- Website Experience
Design Challenge
Vollgas already had a bold product identity and an expressive character universe, but its community, campaigns, rewards, and commerce experiences lived across disconnected touchpoints.
The challenge was to bring these parts together without losing the playful energy that made the brand distinctive. The experience needed to feel lively and rewarding while remaining simple enough for users to understand immediately inside WeChat.
The goal was to turn attention into participation—creating a connected digital destination where every visit could deepen brand recognition, encourage return behavior, and support conversion.
TURN EVERY BRAND INTERACTION
INTO A MOMENT OF DISCOVERY,
CONNECTION, AND REWARD.
Building a playful digital world that transforms engagement into lasting loyalty.
VO·DOG is here to bring courage, style, and warmth to everyone.
Dive in and discover what makes vollgas unique.
More than e-commerce. A community built around movement and connection. Uniting shopping, sports, and rewards into one seamless Vollgas experience.
VOLLGAS / USER PERSONA
Meet the Vollgas Generation
Young, active, and driven by health, trends, and a passion for life.
EMMA / 25
Influencer
Fashion · Trends · Lifestyle
User Behavior
Uses the platform to grow her audience, stay updated on campaigns, and connect with new brand opportunities.
- Visibility
- Fast Updates
- Simplicity
- Unique Style
BEN / 30
Cycling Club Manager
Cycling · Health · Wellness
User Behavior
Organizes cycling events regularly and uses the platform to publish events, promote his club, and reach more participants.
- Easy Event Creation
- Simple Registration
- Sports News Sharing
- Rich Event Details
QI / 20
College Student
Streetwear · Sports · Collectibles
User Behavior
Enjoys collectibles and energy drinks, and uses the platform to explore new blind box releases and interactive experiences.
- Fun & Interactive
- Rich Content
- Emotional Value
- Drink Promotions
The platform primarily serves a young, gender-balanced audience aged 20–30. While each user has different goals, they all value an active lifestyle, engaging content, and meaningful community experiences. Their shared needs center around seamless interactions, rich content, and opportunities to connect with the Vollgas brand.
VOLLGAS / PRODUCT ECOSYSTEM
Functional Architecture
A clear view of discovery, engagement, rewards, commerce, and account services.01 TRENDING
TOP
- View Posts
- Share
- Like
- Follow
CREATORS
- View Posts
- Share
- Like
- Follow
CLUBS
- View Posts
- Share
- Like
- Follow
EVENTS
- Event Details
- Registration
- Gallery
- Results
02 DAO
DAO BLIND BOX
- Pre-order
- Purchase
DAO GAME
- Join Game
- Earn Points
DAO DIARY
- Like
- Share
DAO STORIES
- Like
- Share
03 REWARDS
MY POINTS
- Points Balance
PURCHASE REWARDS
- Go to Store
POINTS MALL
- General Redemption
- Eligible Rewards
- Sales Rewards
- Points Redemption
04 STORE
PRE-ORDER
- Product Pre-order
BRANDS & PRODUCTS
- Electrolyte Water
- Energy Drinks
- VO Merchandise
- Kais Haring
- Lamborghini Legend
SHOPPING SERVICES
- Share
- Like
- Add to Cart
- Buy Now
- Online Support
- Shopping Cart
- Brand Page
05 PROFILE
SAVED & SOCIAL
- Favorites
- Following
- Points
MEMBERSHIP
- Membership Tiers
- Benefits & Rewards
ALL ORDERS
- Pending Payment
- To Ship
- To Receive
- Refunds & After-sales
- Events
ACCOUNT
- Earn Points
- Personal Settings
- Contact Us
- User Agreement
- Privacy Policy
VOLLGAS / FOUNDATIONS
Design System
Core typography and color foundations for a clear, energetic, and consistent product experience.TYPOGRAPHY
A flexible scale designed for compact product UI, navigation, labels, and readable content.
A
PingFang SCPrimary TypefaceRegular / Semibold
- 10 px
- Micro labels
- 12 px
- Metadata
- 14 px
- Body & controls
- 16 px
- Navigation
- 17 px
- Emphasis
- 18 px
- Section labels
COLOR
A focused palette balances strong brand recognition with clear functional meaning.
Background#000000 Navigation · Buttons · Text
Brand Red#D00B0B Primary actions · Key highlights
Reward Yellow#FED642 Rewards · Membership Store · Accent
VOLLGAS / INTERFACE DISPLAY
HOT PAGE
Catch every big Vollgas moment as it happens.The Hot section centralizes brand news, social content, and community updates into a familiar social-style experience. Users can discover the latest Vollgas content, interact in real time, and stay connected with the brand—while helping increase engagement and visibility across social platforms.
Club Events
Users can join club events directly through the app, discovering the Vollgas brand while experiencing its products firsthand. After each event, results, photo galleries, and contextual product promotions keep users engaged, strengthen brand affinity, and drive additional conversions.
VOLLGAS / INTERFACE DISPLAY
VO · DOG
Give It Your All. Share Every Moment.VO · DOG is the official Vollgas brand mascot, created to strengthen brand identity and build deeper emotional connections with users. The section features blind box releases, mini-games, and VO's diary, turning the brand IP into an interactive experience while driving engagement and collectible culture.
VOLLGAS / INTERFACE DISPLAY
REWARD PAGE
Earn Points. Unlock Exclusive Rewards.Users earn reward points by purchasing Vollgas products and completing interactive activities. Points can be redeemed for discounts or prize draws, encouraging engagement while creating a rewarding and gamified experience.
VOLLGAS / INTERFACE DISPLAY
STORE PAGE
Vollgas Energy Drinks & Limited-Edition CollectiblesUsers earn reward points by purchasing Vollgas products and completing interactive activities. Points can be redeemed for discounts or prize draws, encouraging engagement while creating a rewarding and gamified experience.
VOLLGAS / INTERFACE DISPLAY
PROFILE PAGE
Level Up. More Surprises Await.The Profile brings together personal information, membership status, reward points, and order history in one place. Users can also access the Rewards Store to redeem points for exclusive products and benefits.
The Vollgas website showcases the brand's vision, products, and creative universe in one immersive experience. Designed to strengthen brand identity, it connects storytelling, energy drinks, and the VO·DOG IP into a cohesive digital journey.
