CASE STUDY
ITS EDGAR
A clean and performance-focused website built to help a Brawl Stars content creator showcase posters, thumbnails, and edits beyond social media limitations.
01 / OVERVIEW
ITS EDGAR is a personal portfolio website built for a Brawl Stars content creator and graphic designer to showcase posters, thumbnails, and video edits in a structured and accessible format.
The goal of this project was to create a clean and fast platform that highlights the creator’s work without distractions, improves discoverability, and provides a dedicated space beyond social media feeds.
02 / PROBLEM
Most creators rely on social platforms to share their work, where content quickly gets buried and is difficult to revisit.
There is no clear structure to organize different types of content, and presentation is limited by platform constraints.
Result: High-quality work loses visibility, and creators lack a professional space to showcase their portfolio.
03 / SOLUTION
The solution was to design and develop a dedicated portfolio website focused on simplicity, structure, and performance.
Key improvements: Clean interface with strong visual hierarchy, organized sections for different content types, and a responsive layout optimized for smooth browsing using a modern frontend stack.
Result: A focused platform where the creator’s work is easy to explore, structured, and visually emphasized.
04 / FEATURES
- Structured portfolio sections
- Clean grid-based layout
- Fast and responsive UI
- Optimized media display
- Mobile-friendly design
- Minimal and distraction-free interface
05 / TECH STACK
- React.js
- Tailwind CSS
- JavaScript
06 / DESIGN APPROACH
“Let the work take the spotlight.”
The design focuses on minimal UI, balanced spacing, and a content-first layout that ensures visuals remain the primary focus.
Every section is structured to reduce noise and improve clarity, allowing users to engage directly with the creator’s work.
07 / USER EXPERIENCE
The experience is designed to be fast, intuitive, and frictionless.
Key UX decisions include a simple navigation structure, grid-based browsing for quick exploration, and minimal interaction layers to keep the experience seamless.
08 / IMPLEMENTATION
The website was developed using React and Tailwind CSS to create a scalable and efficient frontend architecture.
Key implementation details: Component-based structure, responsive layout system, optimized media handling, and performance-focused rendering.
09 / IMPACT
Improved Visibility: Work is centralized and easy to explore outside social feeds
Strong Personal Branding: Dedicated platform enhances professional presence
Better User Experience: Structured layout enables faster and clearer content browsing
10 / LEARNINGS
- 01
Creators benefit from owning their platform
- 02
Minimal design improves content focus
- 03
Performance is critical for media-heavy experiences
- 04
Structured layouts improve discoverability