Nationale Opera & Ballet

The desktop homepage features a white background with a large hero section containing a headline about booking tickets for the new season and a large video player showing performers. Below the hero, a grid layout displays upcoming events with large images, titles, dates, and 'Tickets & info' buttons. The navigation menu is at the top, including links for Program, Opera, Ballet, and more.The mobile version uses a single-column layout with the hero video and ticket booking headline at the top. A condensed navigation menu is replaced by a search icon and a hamburger menu icon. The 'Nu & binnenkort' section features large, tappable category filters for 'Alle', 'Opera', and 'Ballet' above the event listings.

Nationale Opera & Ballet serves as the premier digital gateway for the Netherlands' leading institution for opera and dance. The website is designed to facilitate seamless ticket sales and provide deep engagement with its seasonal programming, ranging from timeless classics to avant-garde contemporary productions. It functions both as a high-conversion e-commerce platform for patrons and an educational resource for enthusiasts seeking to explore the nuances of the performing arts. The visual identity is a sophisticated blend of high-art prestige and modern accessibility. Utilizing a clean, spacious layout with bold typographic hierarchy, the design allows large-scale, high-production photography to command attention. The use of a muted, sophisticated color palette—interspersed with vibrant accent blocks—creates a sense of theatricality and elegance, perfectly mirroring the grandeur of the stage while maintaining a user-friendly, contemporary digital experience.

Design

Typefaces
Colors
Buckets
Palette
#F9F6FF
#0C0B0B
#EBDF90
#4E4738
#856F67
#B78B93

Technology

A/B Testing
  • Omniconvert
CDN
  • jsDelivr
Cookie compliance
  • Cookiebot
Programming languages
Reverse proxies
  • Nginx
Tag managers
  • Google Tag Manager
Web servers
  • Nginx
Pagespeed
Desktop
92
Performance
100
Accessibility
92
Best Practices
100
SEO
Mobile
76
Performance
100
Accessibility
92
Best Practices
100
SEO
Related websites
Advertisement

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request.