Six distinct design directions for the same product: a productised SEO audit service for South African small businesses. Each demo explores a different visual language, audience framing, and conversion strategy - same offer (R350 / R3,500), entirely different execution. Review all six, then cast your vote below.
Cafe Owner Confident
Warm and human. Designed for cafe owners, plumbers and dentists who want reassurance before they buy.
Best for: cafes, plumbers, dentists, general SMB
Technical Tool Feel
Dark and technical. Signals expertise. Best for agencies and tech-forward business owners.
Best for: digital agencies, tech-forward owners, developers
Concrete and Loud
Loud and raw, unmissable. Massive H1, hard 4px borders, electric colors. Best for bold brands who want to stand out.
Best for: bold brands, modern agencies, attention-grabbing startups
Type Your URL
Interactive. The hero IS the product. Best for high-intent visitors who want to act immediately.
Best for: high-intent visitors, Google Ads traffic, search leads
One Offer, Scroll Once, Buy
Conversion-laser. One offer, one scroll, two buttons. Best for paid traffic and retargeting campaigns.
Best for: paid ads, retargeting, warm leads who already know the product
Evidence First
Trust-heavy. Proof stacked from top to bottom. Best for sceptical buyers who need to be convinced.
Best for: sceptical buyers, premium-tier leads, organic search traffic
| Feature | A | B | C | D | E | F |
|---|---|---|---|---|---|---|
| Palette | Warm coral + grass green | Near-black + electric indigo | Electric yellow + black + siren red + blue | Clean white + electric blue + lime | Forest green + gold + cream | White + trust navy + amber |
| Heading font | Fraunces (warm serif) | Space Grotesk (technical) | Space Grotesk (bold sans) + IBM Plex Mono | Sora (rounded tech) | Instrument Serif (elegant) | DM Serif Display (authoritative) |
| Hero treatment | Split: copy left, business owner photo right | Full-dark, animated counter center | Massive H1, 4px black borders, no image, button shift-shadow | Centered URL input field | Full-bleed green, typography only | Two-col: copy left, scrolling proof ticker right |
| CTA style | Orange button, sticky nav CTA | White button on dark, indigo pill in nav | Shift-shadow button effect, high contrast | Blue button below URL input, pill CTAs lower | Gold filled + outline in hero, no nav | Two pricing cards, amber badge on R3,500 |
| Pricing layout | Two bordered cards side by side | Monospace table, prices at 48px | Editorial: R350 at 96px, typography-only | Two inline pill buttons, action labels | Two buttons directly in hero, no pricing section | Two cards, heavy visual weight on R3,500 |
| Distinct feature | Industry selector bar - JS headline swap | Animated SA business audit counter | Annotated PDF spread mockup | URL input with domain validation tick | No nav, entire page fits 1.5 scrolls | CSS scroll ticker + annotated PDF spread |
| Target audience | SMB owners: cafes, trades, health | Agencies, tech-forward owners | Professional services: law, finance, medical | High-intent visitors, Google Ads traffic | Paid ads, retargeting, warm leads | Sceptical buyers, organic search |
| Page length | Long (9 sections) | Long (9 sections) | Long (10 sections) | Medium (9 sections) | Short (7 sections, 1.5 scrolls) | Long (10 sections) |
| Key risk | Serif font may read as non-technical | Dark design may alienate SMB owners | May read as agency, not product | Minimal page may seem unfinished | Undecided visitors may lack enough info | Length may cause analysis paralysis |
Select the demo that best fits the RankReport ZA brand and target audience, then click submit. Your feedback goes directly to the team.