Free See what ChatGPT, Claude and Google’s AI say about a company.What AI says about a company Get the free reportFree report

Services

Web Design & Development

Timeline

2023

Snappy Kraken: Front-End Build of the Homepage and Product Pages

Snappy Kraken: Front-End Build of the Homepage and Product Pages

Snappy Kraken: Front-End Build of the Homepage and Product Pages

The front-end side of the Snappy Kraken overhaul: Figma designs turned into responsive HubSpot CMS templates the marketing team could keep editing.

The front-end side of the Snappy Kraken overhaul: Figma designs turned into responsive HubSpot CMS templates the marketing team could keep editing.

Project cover image

Snapshot

  • 6: page surfaces built

  • HubSpot CMS: HUBL templates

  • Figma: design source of truth

The challenge

A design file is not a website. The Snappy Kraken overhaul needed the Figma work turned into HubSpot templates that stayed editable after handover.

What I did

Build to the CMS rather than to the comp: structure every section as a reusable HUBL module so marketing can rearrange pages without a developer.

The work

Front-end development across homepage and product surfaces in HubSpot CMS using HUBL, HTML, CSS and JavaScript, translating Figma designs into responsive, editable templates.

Stack: HubSpot CMS, HUBL, HTML, CSS, JavaScript, Figma

Project screenshot 1
Project screenshot 2
Project screenshot 3
Project screenshot 4
Project screenshot 5

The result

  • Build: 6 page surfaces delivered as CMS templates

  • Editability: modules marketing can rearrange without dev support

  • Fidelity: Figma designs matched responsively

Build to the CMS, not to the comp. A pixel-perfect page nobody can edit becomes stale within a quarter.

Other Projects

Want results like these for your brand?

Book a free call and we will map out what is possible for your project.

Book a call

Demand Designer®

Conversion-focused web design, ad creative and video editing for EOS®-run businesses in the United States.

© Demand Designer 2026. All rights reserved.

EOS® is a registered trademark of EOS Worldwide, LLC. Demand Designer is not affiliated with or endorsed by EOS Worldwide.