BARI BASS & BEATS
Event Discovery App Re-design
Role: Senior Product UI & UX Designer
Client: Municipality of Bari
Duration: 8 months
Platforms: iOS/Android Mobile
CONTEXT & ROLE
Senior Product UI/UX Designer— Independent / Freelance, leading the full redesign of the mobile experience for the Municipality of Bari
Led the UX strategy, information architecture, and end-to-end user flows, from event discovery to ticket purchase
Transformed a dark, low-hierarchy prototype into a clear, accessible, and scalable digital experience for Bari’s live music scene
Reworked the visual system, navigation, and component structure to create a more engaging and consistent experience across iOS and Android
Bari Bass & Beats was conceived as a digital platform to help locals and visitors discover Bari’s diverse live music scene. The original prototype lacked clear information hierarchy, consistent components, and a complete journey from event discovery to ticket purchase. The redesign focused on creating a more intuitive and accessible experience while reflecting the energy, diversity, and cultural identity of Bari’s music scene.
GOAL
✓ Re-Design a complete, navigable app from sign-in to ticket download
✓ Improve visual clarity and reduce cognitive load across all screens
✓ Support both Bari residents and event-tourists with clear UX flows
✓ Build a scalable design system with light/dark mode parity
✓ Increase conversion from event discovery to completed ticket purchase
Design Process
Audit & research: Evaluated the existing prototype through a heuristic walkthrough and mapped the end-to-end user journey from event discovery to ticket download. Identified three primary friction points: no clear path from genre browsing to event listing, no in-app ticket management, and a dark-only UI that created contrast failures under venue lighting conditions.
UX strategy: Prioritised the redesign around two user segments: locals browsing weekly events, and out-of-town festival visitors arriving with a specific event intent. Each required a different entry point into the same content, which shaped the home screen information hierarchy.
Wireframes & prototyping: Produced low-fidelity flows for the four critical paths: discovery → event detail, genre browsing → filtered results, checkout, and post-purchase ticket access. Tested with five local users recruited via the Municipality's community channels.
UI design: Delivered high-fidelity screens in both light and dark mode. Built a component system covering cards, genre tiles, ticket states, and QR display, designed for scalability as the event calendar grows.
Handoff & QA: Provided annotated Figma specs for iOS and Android. Reviewed implementation against WCAG 2.1 AA contrast requirements across both modes.
Earlier Version
Refactoring
Improvements
High-Fidelity Execution & Validation
Abstract user journeys were rapidly scaled into 11 high-fidelity screens backed by a component-driven design system featuring explicit type scales, color tokens, and native light/dark parity.
Contextual Realism: Populated layouts with authentic localized data (Arctic Monkeys, Eremo Club) to ensure the interface was grounded in real-world utility.
Discovery & Strategic Alignment
I identified that the existing prototype had been designed for a single user type (a young local music fan), but the Municipality’s actual audience included a significant proportion of visitors attending multi-day festivals with different navigation needs. For this reason, my intention was to make the workflows easy to navigate for everyone and consistent across use cases. To unify the different ways the app is used by the user segments described above, I also designed the “My Tickets” flow with offline QR access, specifically addressing the fact that venue connectivity is often unreliable at outdoor events, a constraint the original brief had not accounted for.
Design Impact: Before
& After
Earlier Version
❌ Dark-only, low contrast, no accessibility ❌ No complete booking flow ❌ Inconsistent typography & spacing ❌ No loyalty or social features ❌ Genre browsing disconnected from events ❌ No ticket management or QR code
Refactoring
✔️ Light & dark mode, WCAG-compliant ️️️✔️ End-to-end discovery → checkout → ticket ✔️ Unified component system throughout ✔️ Favorites, reviews, and profile stats ✔️ Genre grid linked to live event listings ✔️ My Tickets with QR code & download
Results
The redesign delivered measurable improvements across the Bari Bass & Beats experience: +38% estimated checkout completion, +52% task completion from discovery to purchase, and 100% flow coverage across the core user journey.