Acte 2 Théâtre
Five activities in a single venue: information architecture was the whole project.
- Year
- 2026
- Design & build
- 4 weeks
- Stack
- Next.js · React · Tailwind · Vercel
- Information architecture
- Design
- Development
- Ticketing
- SEO
Demo version put online by Kayzen Web at a Vercel address; the final domain belongs to the client.
- audiences, five journeys
- 5
- Lighthouse performance
- 91/100
- Lighthouse SEO
- 100/100
What needed solving.
The background
Acte 2 Théâtre is a neighbourhood theatre in Vaise, in Lyon's 9th arrondissement. The venue hosts children's shows, adult theatre, school performances and workshops, and is also available for hire.
The constraint
Five activities, five audiences: families, adult theatregoers, teachers, workshop students, event organisers. Each is looking for different information, and a site organised chronologically loses all of them.
The response
Organise by audience rather than by calendar. Each activity has its own entry point, its own vocabulary and its own booking path. The calendar exists, but as a cross-cutting view — not as the main structure.
The scores recorded at delivery.
Lighthouse scores for the live site. We publish them as they are: when one is low, its cause and the plan to fix it are set out below rather than glossed over.
Every design choice, and the reason for it.
Entry by audience
Families, adults, schools, workshops, venue hire. Visitors recognise themselves at a glance; a calendar mixing all five would force them to sort through it.
School bookings taken seriously
Teachers look for an educational pack, age levels, running time and a group rate. That information has its own page; anywhere else, it would have cluttered things for the general public.
Venue hire as an offer in its own right
Capacity, technical equipment, rates, availability. It is a steady source of income, almost always relegated to the bottom of a contact page.
Project palette
Midnight blue
#1C2A45
Identity
Coral
#D65A4A
Young audiences
Cream
#F6F2EA
Background
Ink
#1B1D22
Text
Type system
Display
Outfit 700
Body text
Inter 400
Deliberately contemporary rather than “theatrical”: the venue mainly hosts young audiences, and an overly solemn register would have put families off.
What's under the bonnet.
- Next.js
- React
- Tailwind
- Vercel
Third-party ticketing, loaded on demand
The ticketing module only loads on click. A third-party widget present on every page would have weighed down the whole site for an occasional action.
A typed programme
Productions, dates, audiences, prices and running times sit in one shared data file. The five entry points and the cross-cutting calendar are all generated from it.
How the site makes itself findable.
One family of searches per audience
“Spectacle enfant Lyon” (children's show), “théâtre Vaise”, “sortie scolaire théâtre Lyon” (school theatre trip), “location salle spectacle Lyon 9” (performance venue hire). None of them could have been served by a single page.
Event and Place markup
Each performance is an Event linked to a Place node describing the venue, its capacity and how to get there.
What was delivered.
- Home — five entry points
- Young audiences
- Adult theatre
- School performances
- Workshops
- Hire the venue
- Calendar (cross-cutting view)
How the project unfolded.
Architecture
Five audiences identified, structured by audience rather than by date.
Design
Distinct entry points, a family-friendly register.
Development
Typed programme, deferred ticketing.
SEO
One family of searches per audience.
What we are often asked.
More of our work
GDPR compliance & SaaSKonsent by Kayzen
A banner vendor that audits banners is both judge and party: independence was the product.
Offensive cybersecurity & SaaSSentinel by Kayzen
Selling a security product to engineers: every claim had to be demonstrable.
Data & weather serviceMétéo Climat France
358 indexable pages, a map animated over 72 time steps — and not a single line of framework.
The same high standards, for your website.
A free audit of your current site, a quote within 24 hours and written reasoning — like the case study you have just read. Pay in three interest-free instalments; local funding schemes checked before you sign.