Website Design
Website Design is a design engagement that produces the visual and structural design of your website for HubSpot CMS: page architecture, layout system, reusable module design, and responsive behavior. It is for companies that want a site designed for the platform it will run on, editable by marketers after launch without a designer on call.
The problem this solves
Websites designed in a vacuum and then forced into a CMS come out compromised: layouts that break the moment a marketer edits them, one-off pages that cannot be reproduced, and every small change routed back through an agency. The prettiest mockup is worthless if the live site drifts away from it within a quarter of real-world editing.
How we work
We design for HubSpot CMS from the first sketch, not as an afterthought. That means designing a system rather than pages: a layout grid, typography and color tokens, and a library of reusable sections - heroes, feature grids, proof strips, CTAs - that combine into any page your team will need, including ones nobody has thought of yet.
Every module is designed with its editable fields in mind: what the marketer can change, what stays locked, and how the design degrades gracefully when someone writes a headline twice as long as the mockup. Responsive behavior is specified per module, not left for the developer to improvise.
The handoff to development is a specification, not a picture: modules, fields, states, and breakpoints documented so the built site matches the designed one. We designed and run our own site on this exact system.
Deliverables
- Page architecture and sitemap for the new site
- Design system: grid, typography, color, and spacing tokens
- Reusable module designs with editable fields specified
- Responsive behavior specification per module
- Key page designs assembled from the module library
- Developer handoff documentation
What buyers ask before scoping.
Can you work with our existing brand identity?
Yes - most engagements start from an existing logo, palette, and typography, and the work is translating that identity into a living web design system. If the brand foundation is genuinely missing or inconsistent, we will say so early, because a design system built on an unstable identity gets rebuilt twice.
How does the design account for what marketers will do to it later?
Deliberately and pessimistically. Every module is designed around its editable fields with real-world content lengths tested - long headlines, missing images, twice the expected bullet points. The goal is a site that still looks designed after a year of edits by people who never saw the mockups. That constraint shapes the design from day one, not after launch.
Is development included, or do we need a separate engagement?
Design and development are separate modules that dovetail: this one ends with a developer-ready specification, and Website & CMS Development builds it into a working HubSpot theme. We often deliver both, but the split means you can take the design to your own developers, and the specification is written to survive that handoff.
Related modules
Content Hub Setup
Content Hub Setup is an implementation engagement that configures HubSpot Content Hub as your content ...
Website & CMS Development
Website & CMS Development is a development engagement that builds your website on HubSpot CMS: theme ...
Content Migration & URL Architecture Setup
Content Migration & URL Architecture Setup is a migration engagement that moves your website and blog content ...
Sounds like your situation?
30 minutes, your calendar, no slide deck. We tell you honestly whether this module fits.
Book discovery call