Skip to content
ADOV
Free Website Audit

Case study

On Unity's website, the headphones fill the dark.

A Next.js site for Unity wireless headphones: black, quiet and led by the product as you scroll.

Desktop — scrolling the homepage
Client
Unity
Industry
Tech & startups
Services
Web design & development
Next.js
Platform
Next.js
Live site
getunity.com (opens in a new tab)

01 — Overview

Unity makes wireless headphones and sells them from a single-product site. Built on Next.js, the site is black from top to bottom and lets the product carry the page as you scroll.

Unity: two people wearing the headphones outdoors, in black and white

Inside the build

  1. Three words, then the product

    The hero says Lossless. Wireless. Limitless. and the headphones take over from there.

    Unity hero: blue headphones in a violet particle ring with Lossless. Wireless. Limitless.
    Homepage — hero
    Headphones beside the heading Hear the difference on black
    Hear the difference

  2. Detail by detail

    Scroll-led sections move in close on the earcup, the cushions and the build.

    Close-up of an earcup beside copy about a lossless wireless protocol
    A whole new paradigm
    Close-up of the earcup cushion with copy about memory foam ear pads
    Comfort — memory foam

  3. Sound and software

    The companion app and the Full-Fidelity standard get sections of their own, with streaming partners shown.

    Section about the companion music app with Qobuz and Spotify icons
    The app — a universe of sound
    Translucent blue render of the headphones beside Full-Fidelity copy
    Full-Fidelity

  4. What's in the box

    On a phone, the same story ends with the case and cables, and a Buy button stays in the header throughout.

  • Violet-lit headphones and Lossless. Wireless. Limitless. on a phone
    Mobile — homepage
  • Premium headset copy above a pink translucent earcup, on a phone
    Mobile — premium headset
  • Menu listing Introducing Unity, True Lossless, The Design, Technical Specs and more
    Mobile — menu
  • True Lossless section with a violet particle ribbon, on a phone
    Mobile — true lossless
  • App section with concentric rings, on a phone
    Mobile — the app
  • Protective case and cables in the accessories section, on a phone
    Mobile — accessories
  • Violet-lit headphones and Lossless. Wireless. Limitless. on a phone
    Mobile — homepage
  • Premium headset copy above a pink translucent earcup, on a phone
    Mobile — premium headset
  • Menu listing Introducing Unity, True Lossless, The Design, Technical Specs and more
    Mobile — menu
  • True Lossless section with a violet particle ribbon, on a phone
    Mobile — true lossless
  • App section with concentric rings, on a phone
    Mobile — the app
  • Protective case and cables in the accessories section, on a phone
    Mobile — accessories

More work

All work