Zelika Professional Streamer Website

Designed and developed an interactive digital hub and gaming brand platform for Zelika, a premier eSports content creator and Facebook Gaming partner specializing in Free Fire, League of Legends, and Fortnite.

Client Zelika
Role Lead UI/UX Designer & Web Developer
Year 2020
Released
Toolkit & Deliverables:
Custom HTML5 / CSS3JavaScriptUI/UX Design & BrandingDiscord Widget APISpotify Web API EmbedsFacebook Gaming IntegrationYouTube Data APIResponsive Mobile Design

Project Overview & Objectives

Zelika is a high-profile eSports content creator and official Facebook Gaming Partner, known for broadcasting popular titles including Free Fire, League of Legends, Fortnite, World of Warcraft, and Diablo.

To centralize his fast-growing gaming community across multiple social channels, Zelika required a custom digital hub (zelika.es) that would unify his live streams, social media feeds, Discord community stats, custom playlists, and official game partnership credentials into a single high-impact platform.


Key Architectural & Design Contributions

  • Neon Dark-Mode Gaming Aesthetic: Crafted a striking low-poly dark UI featuring glowing neon purple aura portrait cutouts, vibrant gradient typography, and custom gaming avatar artwork.
  • Live Community Hub Integrations:
    • Discord Widget Integration: Embedded real-time server stats displaying active voice channels and online member counts (over 1,000+ live members).
    • Spotify Music Feed: Integrated custom music playlist player reflecting Zelika’s personal track selection for stream background music.
    • Social Media Aggregator: Built dedicated feed modules for real-time Twitter (@ZelikaFb) and Facebook updates.
  • Embedded YouTube Video Showcase: Structured a video section (“Mi Canal de YouTube”) highlighting stream clip compilations, epic gameplay moments, and channel playlists.
  • Official Partner Credentialing: Displayed official verified badges for Facebook Gaming Partner (#playaparttogether) and League of Legends Partner Program, alongside title banners for Free Fire, Fortnite, and LoL.
  • Responsive Gaming Layout: Optimized all widget components and video embeds to collapse smoothly across mobile screens, ensuring fast loading speeds for mobile fans tuning in during live streams.

Technical Toolkit & Deliverables

  • Frontend Engine: Custom HTML5, CSS3 (Flexbox/Grid), Vanilla JavaScript
  • API Integrations: Discord Widget API, Spotify Web Embed, YouTube Player API, Facebook Gaming Links
  • Branding & Visuals: Vector Graphic Design, Custom Neon Photo Manipulation, Anime Avatar Collateral
  • Deliverables: Full Landing Page Development, Community Widget Setup, Mobile UI/UX Design, Domain Deployment