A clear overview of the programme
The opening is deliberately kept simple: the event list does not include photos, thereby reducing cognitive load, particularly on the ubiquitous smartphone. Instead of ‘scroll noise’, it relies on clear typography, precise information and a structure that quickly leads users to the date, venue and programme. Important: Ticket purchasing is integrated into the calendar flow; the path to the shop feels like a seamless next step, not a switch to a separate system. The UX decisions were validated through analysis, click tracking and workshops – including clear priorities in the navigation (Children, Orchestra, Concerts/Tickets, Subscriptions).
Subscription offers: clearly explained, easy to compare
The season ticket packages have been revamped, simplified and better tailored to the needs of today’s target audiences. On the website, they are presented and explained in such a way that visitors can quickly understand and compare them without having to trawl through PDFs or lengthy information texts. At the same time, the path from season ticket information to the relevant concert listings remains short, ensuring that season tickets do not come across as a ‘by-product’ but rather as a convenient way to get the season off to a good start.
Stories as a second stage
Stories broaden the perspective beyond the concert evening itself: rehearsals, background stories, musicians, projects and, where appropriate, links to educational initiatives. This allows readers to get to know the orchestra not just through its repertoire and line-up, but through the people, processes and themes that shape its sound and identity. The aim is not simply ‘more content’, but greater connection and context. Those who read up on it understand more quickly what an evening represents and can then find their way back to the programme. It is precisely this blend of editorial depth and clear user guidance that makes the experience accessible to people with different interests and levels of knowledge.
Summary
Technically, the relaunch is based on a bespoke Django backend (4.2) and a Nuxt frontend with page modules, which significantly speeds up editorial work and content management. Opas-Next provides data on dates, programmes and cast as a ‘single source’; Secutix supplements this with prices, availability and ticket status via API, ensuring that information and the purchasing process remain integrated. Accessibility is implemented system-wide (font, contrast, colour scheme). The key visual – the amplitude sketch – has been prepared as an animated signature and is being continuously expanded through micro-animations and page transitions; session-based colour schemes ensure a subtly changing experience after go-live. Result: The redesign and simplified shop integration led to a significant increase in ticket sales at the start of the season.
-
Client
Sinfonieorchester Basel
-
Project
www.sinfonieorchesterbasel.ch
-
Duration
8 months (Go Live 1 / Final product: 12 months)
-
Go-Live
March 2025
-
Team
1 Project Manager
1 UX Designer
1 UI Designer
1 Frontend-Developer
1 Backend Developer
1 IT Operator -
System Environment
OPAS Next (Distribution Software)
Secutix (Ticketing- & CRM-System)
Python/Django (Backend Webframework)
Nuxt (Frontend Webframework)
Celery (Task-Management)
Sentry (Error Tacking)