CFPG://CASE-STUDY·HUNCH.LY
cfpg.me
Case Study · Featured 02

Hunch.ly

Front-end & CMS build

A marketing-site redesign for an OSINT tool trusted by law enforcement, journalists & cybersecurity pros.

Scope · Front-end & CMS buildType · Marketing siteWhen · Jul '24 — Nov '24

Capture. Organize.
Preserve.

02 / The brief

Hunchly captures, organizes and preserves everything an investigator finds online. The site had to speak to very different audiences — law enforcement, journalists, PIs and cybersecurity analysts — without forking into four codebases.

We rebuilt it on Next.js 14 with a slot-based, themeable component system wired to a Sanity headless CMS, so the team could assemble and re-theme landing pages for each audience and ad campaign — no developer in the loop.

What we did

01Figma → Next.js 14 — a pixel-faithful build of the full marketing site.
02Themeable slots — a tailwind-variants component system, mix-and-match from the CMS.
03Sanity CMS — schemas so marketers build & re-theme pages themselves.
04Integrations & deploy — HubSpot + Stripe, shipped on Vercel with Cloudinary assets.

Project spec

ScopeFront-end & CMS build
TypeMarketing site
DateJul '24 — Nov '24

Stack

Next.js 14Tailwind CSStailwind-variantsSanityHubSpotStripeVercelCloudinary

Screens

Marketing site · mobile-first

Highlights

Deep dive
01

Mix-and-match blocks, themed from a CMS.

Slot-based components built with tailwind-variants ship every color theme at once. Editors pick a theme in Sanity and the whole page re-skins instantly — no redeploy.

tailwind-variants themeable header component
Sanity schema for a themeable page section
02

One site, built for every user.

Dedicated landing pages highlight the benefits that matter to each audience — cybersecurity analysts, PIs, journalists — so ad campaigns point straight at the right story.

Cybersecurity analysts audience page
Who it's for audience overview
03

Shipped to the cloud with managed assets.

Vercel for CI/CD and Cloudinary for image delivery & optimization — fast loads worldwide and a clean handoff to the marketing team.

hunch.ly
Hunchly how-it-works desktop section
Now taking on projects

Want to work together?