Bang & Olufsen

Desktop homepage featuring a large hero image of black headphones against a grey background. The headline 'Bang & Olufsen and Fragment collection' is centered above a description and an 'Available now' call-to-action button. A dark navigation bar at the top includes a menu, search icon, brand logo, user profile, store locator, and shopping bag.Mobile version of the homepage with a vertical layout. The hero section shows a person wearing headphones next to large speakers, with the 'Bang & Olufsen and Fragment collection' headline overlaid. The navigation is simplified to a hamburger menu, brand logo, and shopping bag icon, and a chat widget is visible in the bottom right corner.

Bang & Olufsen's digital presence is a masterclass in high-end lifestyle branding, positioning premium audio hardware as essential pieces of modern art. The website serves as a sophisticated storefront for audiophiles and design enthusiasts, utilizing expansive, cinematic imagery to emphasize the tactile textures and sculptural forms of their products. Through collaborations like the Fragment collection, the site reinforces a narrative of exclusivity and curated taste. The visual identity is defined by a minimalist, editorial aesthetic that favors breathing room and high-contrast typography. By employing a palette of deep blacks, muted grays, and striking cobalt blues, the design creates a sense of prestige and technological sophistication. The layout is intentionally uncluttered, allowing the product photography to command attention, while the bold, oversized typographic elements in the footer add a contemporary, high-fashion edge to the brand's heritage.

Industry

Design

Typefaces
  • Icons
Colors
Buckets
Palette
#08090B
#889499
#5F696E
#2C333A
#060DAA
#F9F9F7

Technology

A/B Testing
  • Google Optimize
  • Optimizely
CDN
  • jsDelivr
Cross border ecommerce
JavaScript frameworks
Livestreaming
Load balancers
PaaS
Personalisation
  • Optimizely
Security
  • HSTS
Tag managers
  • Google Tag Manager
UI frameworks
Pagespeed
Desktop
50
Performance
100
Accessibility
54
Best Practices
92
SEO
Mobile
35
Performance
95
Accessibility
54
Best Practices
92
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.