BOMBO
BOMBO
VISUAL
REDESIGN
VISUAL
REDESIGN
Transforming a functional ticketing app
into an immersive nightlife platform.
Transforming a functional ticketing app into an immersive nightlife platform.
ROLE
ROLE
PRODUCT DESIGNER
PRODUCT DESIGNER
TIMELINE
TIMELINE
2024 - 2025
2024 - 2025
THE CHALLENGE
THE CHALLENGE
Weak visual identity
Weak visual identity
The interface lacked a distinctive visual language aligned with the clubbing culture.
The interface lacked a distinctive visual language aligned with the clubbing culture.
Inconsistent UI patterns
Inconsistent UI patterns
The system lacked reusable UI foundations and consistent styling rules across platforms.
The system lacked reusable UI foundations and consistent styling rules across platforms.
Scalability limitations
Scalability limitations
Legacy components, outdated styles and inconsistent rules limited scalability and maintainability.
Legacy components, outdated styles and inconsistent rules limited scalability and maintainability.
ABOUT
ABOUT
BOMBO is a LATAM clubbing mobile app focused on event discovery and NFTicket purchasing for electronic music communities.
As the product evolved, the existing interface no longer reflected the immersive nature of the clubbing experiences or the brand’s visual identity.
BOMBO is a LATAM clubbing mobile app focused on event discovery and NFTicket purchasing for electronic music communities.
As the product evolved, the existing interface no longer reflected the immersive nature of the clubbing experiences or the brand’s visual identity.
The redesign aimed to:
The redesign aimed to:
Establish a visual identity aligned with clubbing culture
Establish a visual identity aligned with clubbing culture
Build a scalable Design System for cross-platform consistency
Build a scalable Design System for cross-platform consistency
DESIGNING FOR NIGHTLIFE
DESIGNING FOR NIGHTLIFE
To create a more immersive and premium experience inspired by nightlife environments and the clubbing culture, the redesign introduced a distinct visual direction focused on identity, depth and atmosphere.
To create a more immersive and premium experience inspired by nightlife environments and the clubbing culture, the redesign introduced a distinct visual direction focused on identity, depth and atmosphere.
A purple-tinted palette was a deliberate choice over generic dark greys — color as identity, not decoration
Glassmorphism, layered surfaces and subtle glow effects helped create a deeper and more atmospheric visual experience
Glassmorphism, layered surfaces and subtle glow effects helped create a deeper and more atmospheric visual experience
Strong typography hierarchy and immersive imagery helped balance emotional impact with transactional clarity
Strong typography hierarchy and immersive imagery helped balance emotional impact with transactional clarity
THAT VISUAL DIRECTION NEEDED A
SYSTEM
TO SUSTAIN IT
THAT VISUAL
DIRECTION NEEDED A
SYSTEM
TO SUSTAIN IT
BUILDING A
SCALABLE FOUNDATION
BUILDING A
SCALABLE FOUNDATION
Before designing screens, we rebuilt the foundation.
A full audit revealed broken components, inconsistent styles and line heights defined in percentages — not viable to patch. Starting from scratch was faster and more sustainable.
We built reusable components with defined anatomy, states and variables. Design tokens standardized color, spacing and typography across the product, reducing friction for both design and engineering.
The system covered both iOS and Android, designed to serve product, engineering and marketing teams from a single source of truth.
Before designing screens, we rebuilt the foundation.
A full audit revealed broken components, inconsistent styles and line heights defined in percentages — not viable to patch. Starting from scratch was faster and more sustainable.
We built reusable components with defined anatomy, states and variables. Design tokens standardized color, spacing and typography across the product, reducing friction for both design and engineering.
The system covered both iOS and Android, designed to serve product, engineering and marketing teams from a single source of truth.
Component anatomy
Component anatomy
State variable
State variable
Tokens
Tokens
Color palette
Color palette
Typography guidelines
Typography guidelines
Spacing
Spacing
KEY SCREEN
BEFORE & AFTER
KEY SCREEN
BEFORE & AFTER
These screens represent key moments across the redesigned experience — from discovery to purchase confirmation.
Each one was rebuilt on the new Design System, balancing immersive visual atmosphere with the transactional clarity the product demands.
These screens represent key moments across the redesigned experience — from discovery to purchase confirmation.
Each one was rebuilt on the new Design System, balancing immersive visual atmosphere with the transactional clarity the product demands.
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
BEFORE
AFTER
OUTCOMES
OUTCOMES
The system established a shared visual language across product, design, engineering and marketing — reducing friction during implementation and creating a foundation ready to scale.
The system established a shared visual language across product, design, engineering and marketing — reducing friction during implementation and creating a foundation ready to scale.
© 2026 Juan Emme