Project Overview
1. Objective
Design an esports website that feels fast, alive, and fan-focused — a space where matches, teams, and tournaments are just a click away. The goal was to balance excitement with usability, letting viewers dive straight into content while still exploring everything the platform offers.
2. My role
UI Designer – Website structure, visual direction, layout, component system
3. Goal
Esports fans don’t scroll — they jump in. So I designed for speed and clarity:
Big content blocks
Smart contrast
Bold, layered visuals
The site had to feel dynamic and digital-first, while staying usable across screens.
The Idea Behind the Design
I built this experience like a live arena for digital fans — focused on engagement, clarity, and rhythm.
Highlighted what fans care about most: scores, match times, players
Built layouts that feel like stream overlays — layered content, visual depth
Prioritized visual flow with strong section breaks and CTAs
Used UI elements that feel game-ready but never distracting
Process
📱 Mobile-First Layout
Designed entirely for thumb zones and short sessions
Easy-to-scan sections, card-based grids, soft corner visuals
🧾 Product Cards
Quick tap “+” to add to cart
Clear item name, weight, and price at a glance
Priority on clarity, not promo clutter
🛒 Cart UX
Always accessible from the bottom nav
One-swipe cart view, with editable items and smart suggestions
🧭 Navigation Logic
Home, Categories, Offers, Cart, and Orders — just 5 core sections
No hidden gestures, no guesswork
Visual Language
Color Palette
Dark theme with bold black and neon green — high contrast for a fast, high-energy vibe.
Typography
Strong sans-serif headlines with compact body text, built for clarity on dark backgrounds.
Layout
Responsive, modular grid that keeps the UI clean while highlighting key content.
Motion-Ready
Hover effects, countdowns, and glowing CTAs — designed to feel alive and interactive.
Key Features Screens
Tools & Techniques
Figma – Full UI design and component system
Design Tokens – For consistency in colors, spacing, and radius
Atomic Design System – Reusable cards, buttons, inputs
📂 Project Details
Type: UI/UX Design – Solo Project
Duration: ~1 weeks
Conclusion
Esporte isn’t just a design — it’s a digital arena.
It’s where fans land, matches happen, and moments live on.
My role was to make the experience feel real, fast, and fun — just like the game.