AI Sites
OBSIDIAN
Earbuds Product Launch Page
A premium audio launch page — 'Silence, Sculpted' — built as a progressive scroll reveal from hero through engineering claims to full specifications.
Visit website
OBSIDIAN
AI Sites
Next.js / React / Tailwind CSS / Scroll Animation / AI-Assisted Build
01 / The story & screens
From the idea.
Into the details.
OBSIDIAN is a product launch page for premium wireless earbuds, positioned on noise cancellation and spatial audio. The visual language is dark, minimal and high-contrast — the established grammar of premium consumer audio.
The page is sequenced like a product keynote. The hero lands the line, four engineering highlights carry the technical claims — adaptive noise cancellation sampling the environment 50,000 times per second, a custom H2 processor, 36-hour battery, head-tracked spatial audio — then a lifestyle gallery places the product in context.
Full specifications close it out: 10mm beryllium drivers, IPX4 water resistance, Bluetooth 5.3, with pre-order CTAs anchored throughout.
A focused product opening
The OBSIDIAN concept introduces the earbuds through a dark product image, a short headline and a prominent pre-order action. The limited navigation keeps the opening focused on the launch story.

Reveal the product through scroll
The sequence moves from the charging case into a closer view of the earbuds and their components. This changing perspective gives the product concept a sense of progression before the supporting feature content.

Link the object to its use
The lifestyle section pairs a close product image with concise copy and a gallery route. It provides a quieter reading moment after the cinematic sequence while continuing the same dark visual language.

Keep the primary action visible
The mobile opening retains the product name, short positioning line and pre-order action. The layout demonstrates how the launch concept can introduce the object and its next step in a compact vertical view.

02 / What we built
The work, delivered.
- Scroll-sequenced product launch narrative
- Engineering highlights and specification sections
- Lifestyle photography gallery
- Anchored section navigation
- Pre-order conversion path




