Toni McQueen
Client Project

Bonebaby X

A split landing page built to route a client’s audience cleanly between two brand directions. The site keeps the decision simple: one screen, two identities, one immediate choice.

What The Page Does

Instead of treating the project like a normal company website, the page works as a decision split. Each side represents a different destination, with the composition doing most of the communication before the user even reads the text.

Why This Was Better For The Client

The client did not need a bloated landing flow. They needed something visually direct, brand-led, and easy to understand on first load. The split layout reduced friction and made the choice obvious.

Preview

Baseline Split View

Bonebaby X split landing page showing Bonebaby on one side and GXTH on the other.
Interaction

Hover State And Call To Action

Bonebaby X hover state showing enlarged focus on the Bonebaby side and the visit site call to action.
Build Notes

Implementation Decisions

Structure

The site is intentionally one-page and binary. That keeps the story sharp and avoids client-side clutter.

Deployment

It was exported from Next.js as a static site and served over nginx, which keeps the delivery simple and stable.

Brand Framing

The page makes the domain itself part of the presentation, so visitors immediately see the live destination and understand it as a branded landing asset rather than an internal mockup.

Outcome

Client-Facing Intent

This project was made to give the client a clean front door. The visual split, short copy, and direct outbound actions were chosen so the audience could understand both brand directions in seconds instead of navigating through a heavier marketing page.