Homepage design concepts.

Four genuinely different directions for the D-Bone homepage — same brand, same message hierarchy, four ways of telling it. Each one is a live, clickable prototype: desktop and mobile, real brand font, real packshots.

Client D-Bone Dog Chews Stage Phase 1 — Design concepts Typeface Greycliff CF Status For review
Concept A homepage preview
Concept A

Product Hero

Premium-minimal. The Wishbone is the star from the first pixel.

Big, confident product staging on white and cream, oversized display typography, a strong centred grid and generous whitespace. The lowest-risk, most commercial direction — instantly credible and easy to extend across the rest of the site.

Product-ledWhite + creamCentred gridCommercial
Open concept A
Concept B homepage preview
Concept B

What’s Your Dog Chewing?

Curiosity-first. The page opens on the question, not the product.

A scroll-driven editorial narrative in numbered chapters: question → realisation → nylon vs plant based → D-Bone as the answer → the range. Asymmetric layouts, bold typographic contrast, deep-green ground. Curious and confident — never scary.

StorytellingEditorialDark greenMost emotional
Open concept B
Concept C homepage preview
Concept C

Nature + Technology

The material is the hero. Naturion™ told as engineering.

Blueprint grids, hairline rules, spec codes and measurement callouts used as design elements. The Naturion™ story leads the page and the comparison becomes a spec matrix. Reads like a materials-innovation company that makes a beloved dog product.

Material-ledTechnicalSpec matrixMost differentiated
Open concept C
Concept D homepage preview
Concept D

Retail Energy

Packaging-led and dog-first. The shelf presence, come alive.

Green is the ground, not the accent — product cards, sticker badges and colour-blocked panels sit on it like packs on a shelf. Yellow circle badges and a NO NYLON shield carry the claims, the strength scale becomes three bold colour blocks, and the Wishbone card switches size on click. The boldest, warmest and most joyful of the four.

Packaging-ledColour-blockedBadge languageBoldest
Open concept D
Review notes

What to look at — and what still needs a decision.

All four cover

  • Hero · What’s Your Dog Chewing? · Why D-Bone
  • Find Your Chew (Soft / Regular / Hard)
  • Products (Wishbone hero + Ball)
  • Find Your D-Bone — working 3-step selector
  • Naturion™ · Trust bar · Brand story · Retailers · Footer

Assets used

  • Greycliff CF — all 9 weights, self-hosted as woff2
  • D-Bone logo (SVG) + Naturion logo (from PDF)
  • Wishbone S/M/L and Ball packshots, background removed
  • Lifestyle and Naturion granulate photography still missing — shown as labelled placeholders

Open questions

  • E-commerce, store locator, or B2B contact only?
  • Languages — EN only, or EN + DE/HR?
  • Web licence confirmation for Greycliff CF
  • Lifestyle photography — shoot or stock?
  • Any copy in the concepts still to be legal-checked?