Snappy Kraken: Front-End Build of the Homepage and Product Pages
Snappy Kraken: Front-End Build of the Homepage and Product Pages
Services:
Web Design & Development
Industry:
B2B SaaS for financial advisors
Timeline
2023
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
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 B2B brands.
Services
© Demand Designer 2026. All rights reserved.