IMAGINE PUTTING PLAYERS
IN A REAL LIFE ONE VS ONE
WHAT IS BALLUP?
BALLUP connects local basketball players through
competitive 1v1 matchups across dynamic league
systems, leveraging structured gameplay to determine
player performance and ranking.
COURSE LEARNING OUTCOMES
User-centric, UX/UI design methodologies
Interface principles and interactions
Microinteraction and behavior design
Previsualization of look and feel through animation
UX/UI DESIGNER – FIGMA, AFTER EFFECTS – 2024
CHALLENGES
This project pushed me in ways I didn’t expect. The goal was to design an app that connects basketball players, but not just through logistics or schedules. I wanted it to feel like the sport itself: competitive, expressive, and alive. The real challenge was figuring out how to tap into players’ egos, drive, and pride, while still keeping the experience lighthearted and fun.
At first, I played it safe, relying on familiar design habits. But the project demanded more, it needed energy, emotion, and attitude. Once I began to lean into that spirit, the idea evolved naturally, shaping what eventually became BALLUP, an app that captures both the rivalry and camaraderie of the game.
INSIGHTS
DIRECTIONS
I began by identifying the core elements of basketball culture that could bring BALLUP’s competitive energy to life. These became the foundation for my early visual explorations: motifs of rivalry, style, and swagger that make the game feel personal. Over the 14-week process, I experimented with how these ideas could appear on screen, whether through dominant visuals, subtle iconography, or ambient textures in the background.
Each iteration brought the concept closer to feeling like the court itself, a place where individuality meets intensity, and design mirrors the pulse of the game.
EXPLORATIONS
Before diving into visuals, I focused on defining the structure of the app. Mapping out the flow through lo-fi sketches helped clarify what BALLUP needed to do, and how users would move through it. These early drawings became a blueprint for the experience, outlining how players discover matchups, track performance, and connect with others.
UI ITERATIONS
As BALLUP evolved from low-fidelity sketches to high-fidelity designs, the challenge shifted toward capturing emotion through the interface itself. Every color, type choice, and motion had to communicate the energy of competition. Translating that raw intensity into a clean, functional design wasn’t easy, but breaking through those creative barriers led to a final product that felt authentic to the spirit of the game.
UX ITERATIONS
Early versions of the app were packed with features that diluted its purpose. BALLUP’s strength lies in the matchups, the head-to-head moments that drive players to compete. By refining the features and re-designing the menu bar, the design became sharper, more focused, and truer to what makes the concept compelling: the thrill of facing off.
IDENTITY SYSTEM
DESIGN SYSTEM
I focused on defining a visual system that captured the bold and competitive tone of BALLUP. Basketball culture thrives on confidence and individuality, so every design element needed to reflect that same energy while remaining cohesive and intuitive.
The foundation began with DIN, a clean and assertive typeface that brings clarity to key information, paired with Knewave, a more expressive font that injects motion and attitude into the interface. To mirror the pace of live play, I used bright orange gradients and glowing borders around buttons and live events, subtle cues that evoke intensity without overwhelming the user.
Iconography and UI components were kept minimal yet purposeful, allowing the dynamic elements to shine. This system brought rhythm and consistency to BALLUP’s visual identity, uniting the competitive edge of the sport with a sleek, accessible digital experience.
ACOUNT CREATION
MATCH LIFECYCLE
JOINING LEAGUES
CONCLUSION
BALLUP began as a simple idea, to connect basketball players, but evolved into a deeper exploration of competition, emotion, and identity. Through each stage, from rough sketches to refined prototypes, the project became a reflection of the game itself: fast-paced, expressive, and driven by passion.
Designing BALLUP taught me how to translate cultural energy into interaction design, how visuals, motion, and structure can capture a feeling as much as they deliver a function. In the end, BALLUP isn’t just an app about basketball. It’s a digital court where players can showcase their confidence, challenge others, and live out the spirit of the game on and off the screen.