Tegar Marino.
Back to Portfolio

WeloSnack – Gamified Culinary Experience

I engineered a unique digital ecosystem for WeloSnack, blending a professional company profile with real-time multiplayer gaming to drive massive customer engagement.

Enlarge Image

Client

Company

Role

Full Stack Developer, Brand Maker, Ui / UX Designer

Category

Company Profile

Duration

1 month

Status

Completed

Platform

Web

Technologies

Laravel Tailwind MySQL Livewire

My Challenge The core objective was to transform a standard snack website into an interactive playground. My challenge was integrating a multiplayer gaming experience without compromising site performance. I had to ensure the game was lightweight, lag-free, and fully responsive for mobile users who wanted to play while enjoying their snacks.

The Solution I Delivered

  • Modular UI Architecture: I designed a clear separation between the corporate identity and the gaming zone, with an instant "Play Now" access point to maintain a seamless user flow.

  • Real-time Multiplayer Integration: Utilizing lightweight libraries and WebSocket-based Peer-to-peer connectivity, I enabled users to challenge their friends in real-time directly through the browser.

  • Performance Optimization: I implemented aggressive asset lazy-loading, image compression, and strategic caching to ensure the game environment loads instantly with zero delay.

  • Mobile-First Gameplay: Every interaction was optimized for touchscreens, ensuring a comfortable experience for users multi-tasking between gaming and snacking.

The Impact

  • Skyrocketing Retention: Average gameplay time increased by 3 minutes per session, significantly boosting brand familiarity.

  • Engagement Surge: Total time spent on the website climbed by +45% due to the interactive gamification.

  • Direct Sales Impact: The synergy between the game and the product catalog successfully translated user engagement into measurable sales growth.

Project Gallery