Blob Opera

The desktop homepage for Blob Opera features a large hero section with a white content card on the left and a colorful image of singing blob characters on the right. The card includes the title 'Blob Opera', a description, tags for 'Music' and 'Artists & AI', and a prominent red 'Launch experiment' button. A top navigation bar provides links to Explore, Play, and The Lab.The mobile version displays a vertically stacked layout where the colorful blob character image appears above the text content. The 'Launch experiment' button is overlaid directly on the hero image, and the bottom of the screen features large, full-width buttons for liking and sharing the experiment.

Blob Opera is an immersive, machine-learning-driven digital experiment hosted by Google Arts & Culture. It invites users to engage in a playful, interactive musical experience where they can conduct a quartet of colorful, expressive characters to create unique opera compositions. By manipulating the position of these 'blobs,' users influence pitch and vowel sounds, bridging the gap between complex classical music and intuitive digital play. The visual identity is unapologetically vibrant and whimsical, utilizing high-saturation colors and soft, 3D-rendered character designs that evoke a sense of wonder. The interface balances this playful content with a clean, structured layout typical of Google's design language, ensuring that the focus remains on the experimental interaction. It targets a broad audience ranging from curious tech enthusiasts and students to music lovers seeking a non-traditional way to explore vocal harmony.

Design

Colors
Buckets
Palette
#FFFFFF
#280E09
#8A1F1B
#316562
#91A4B2
#EBA863

Technology

Analytics
  • Google Analytics
CDN
  • jsDelivr
Miscellaneous
  • HTTP/3
Video players
Pagespeed
Desktop
70
Performance
85
Accessibility
77
Best Practices
100
SEO
Mobile
51
Performance
89
Accessibility
77
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.