Services pages are where agencies and professional sellers translate capability into revenue. Generic "What We Do" paragraphs do not win RFPs—structured service catalogs, transparent process timelines, credibility metrics, and clear project CTAs do. The Aura Services page template packages all four into five sections powered by modules you will not find on standard HubSpot boilerplates: Services Grid, Hiring Process, and Services Trust.
Path: templates/Services.html. DnD area: Services. CSS: aura-services-sections.css.
Centered Aura Hero with buttons: Get Started → Contact, View Pricing → Pricing. Unlike About hero, Services hero drives action—visitors here are closer to purchase.
The Aura Services Grid module displays six service cards:
Each card includes icon, description, four feature bullets, and Learn More CTA link.
Module benefits:
Objective fulfilled: Buyers scanning RFP alternatives compare service breadth in seconds. Six clear cards beat paragraph prose.
Four numbered steps via Aura Hiring Process module:
Visual timeline with connectors and step badges.
Why process sections win deals: Enterprise and mid-market buyers fear unknown workflows. Showing steps reduces perceived risk and aligns expectations before the first invoice.
Note: Module name references hiring process styling, but content adapts perfectly to client engagement workflows—rename step titles in module fields.
Aura Services Trust module combines:
Objective: Convert skeptics who agree you offer the right services but doubt you can deliver. Stats + certifications + checklist = triangulated trust.
Orange gradient full-bleed banner: "Ready to Get Started?" with Contact Us and View Case Studies → Case Study template.
Case study linkage: Services claims require proof. Case Study template provides narrative evidence—always link them together in nav and CTAs.
| Services | Features |
|---|---|
| You deliver work | Product includes capabilities |
| Process timeline | Component inventory |
| Project stats | Technical specs |
| Contact CTAs | Pricing / Style Guide CTAs |
Services pages sell what you do; About pages sell who you are. Prospects often visit both in one session—Services first for scope, About second for trust.
Explore team, values, and story modules in our Aura About page template guide to ensure brand narrative matches service claims.
"HubSpot CMS development services," "HubSpot theme customization agency," "HubSpot website optimization." Include location modifiers if serving regional clients.
Agency services pages require accurate scope definitions—misaligned cards create SOW disputes. Configure Aura Services template as follows:
Services buyers often research agencies on mobile between meetings—responsive clarity drives inquiry form submissions.
Hero with CTAs: Centered layout. Dual CTAs stack on mobile. Buttons full width below 576px for easy thumb reach.
Services Grid module: Six cards reflow from 3-column desktop to 2-column tablet to 1-column mobile. Each card includes four bullet features—on mobile, cards become lengthy; consider tightening bullet copy to three lines max. Learn More links remain tappable with adequate spacing.
Hiring Process module: Horizontal timeline on desktop becomes vertical step stack on mobile. Numbered badges and connector lines adapt—verify step order readable when stacked. Step titles should remain visible without horizontal scroll.
Services Trust module: Checklist and stat cards reflow. Four stat cards move from 4-column to 2×2 to single column. Primary CTA ("Start Your Project") prominent above or below stats depending on module layout setting.
CTA Banner (orange gradient): Full-bleed on mobile. Dual CTAs stack vertically. Orange gradient distinct from demo landing teal and promo neon—signals commercial/agency context.
Colors: Service card icons use accent token. Process step badges use primary background with contrast text. Services Trust stat numerals use heading color token. CTA Banner orange gradient may use secondary accent or custom module override—coordinate with brand palette.
Typography: Service card titles use heading scale. Process step titles semibold for scanability. Trust checklist uses body size with icon alignment consistent across items.
Buttons: Hero CTAs, Services Trust primary CTA, service card Learn More links, and banner buttons share button token family—primary for main actions, text or secondary for Learn More links depending on module config.
Aura Hero (with CTAs): Badge, headline, subheading, primary CTA + link, secondary CTA + link, centered layout.
Aura Services Grid: Section heading, subheading optional, service repeater (icon, title, description rich text, feature bullet repeater [4 items recommended], CTA label, CTA link), column layout, card style.
Aura Hiring Process: Section heading, step repeater (step number auto or manual, title, description, icon optional), timeline style, background token.
Aura Services Trust: Heading, checklist repeater (icon, text), primary CTA label + link, stat repeater (value, label), layout options.
Aura CTA Banner: Heading, subheading optional, primary + secondary CTAs, orange gradient full-bleed style variant.
For marketers: Services page targets bottom-funnel keywords ("HubSpot CMS development," "theme customization agency"). Track hero CTA clicks and Contact conversions from Services page source. Use in paid search for high-intent agency keywords. Coordinate service card copy with Google Ads landing message match. Refresh stats quarterly from project management exports.
For developers: Services Grid repeater supports unlimited cards—add specialized offerings (HubL custom modules, CRM integrations) without code changes. Hiring Process module timeline is CSS-driven—avoid inline style overrides. Link Learn More to documentation you maintain for repeatable deliverables.
For agency owners: Services page is your digital capabilities deck. RFP evaluators compare service breadth—six clear cards beat competitors' paragraph pages. Process module reduces sales cycle by pre-explaining engagement flow. Trust module backs pitch claims with numbers. White-label Aura Services for sub-brands by cloning page per vertical (SaaS vs e-commerce vs nonprofit).
Services pages compete for high-value local and vertical keywords. Include geography in copy if serving regional clients ("HubSpot agency Austin"). The existing link to the About guide ensures blog readers understand team/trust context; on live sites, cross-link Services ↔ About ↔ Contact ↔ Case Studies in footer and inline CTAs.
Service card Learn More links should use descriptive anchor text ("HubSpot theme customization examples") not "Learn more." Add ProfessionalService schema if local SEO applies. Blog posts about client work should link to Services page as commercial CTA.
Services page content should mirror your Statement of Work template—discrepancies create legal and sales friction. Map each Services Grid card bullet list to SOW deliverable section. Hiring Process module steps should match project phases in your PM tool (Asana, Monday, ClickUp). When scoping new projects, link prospects to specific service card during discovery call—"This engagement maps to our Custom Development offering"—then send SOW referencing same language. Services Trust stats must match proposal boilerplate numbers. Quarterly audit: compare page copy to last five signed SOWs for drift.
Track Services page as revenue source in HubSpot. Measure hero CTA clicks, Services Trust CTA clicks, and CTA Banner conversions. Benchmark inquiry-to-proposal rate. Review which service card Learn More links get most clicks—invest content in highest-demand offerings.
Update Services Grid quarterly based on highest-margin offerings, not just inquiry volume.
Export Services page URL in RFP responses as capabilities reference. Include screenshot of Services Grid in pitch decks—visual catalog beats bullet lists in competitive evaluations. When prospects ask "what do you offer?", send Services link before scheduling discovery call—they arrive prepared, shortening sales cycle. Align proposal service names exactly with Services Grid card titles to prevent scope confusion during contracting.
Add the Services page to new client onboarding packets alongside the SOW—when clients reference "the six services on your website," everyone shares the same scope definition from day one.
Review Services page heatmaps quarterly—if one card dominates clicks, consider promoting that offering in homepage hero or paid campaigns to capitalize on proven demand.
The Aura Services page template turns agency positioning into a repeatable asset. Services Grid catalogs capability. Hiring Process module demystifies delivery. Services Trust module backs promises with numbers. CTA Banner captures intent. Publish it, pair it with Case Studies and Contact, and stop losing projects to competitors whose services page looks more serious than yours.