Adaptive Insights

Hubspot UX Design and Development

Goals:

  • Migrate our marketing automation to HubSpot
  • Move emails from Eloqua to HubSpot
  • Use technology that’s responsive at its core
  • Adopt a CMS that’s flexible and allows users to create any design imaginable
  • Allow users to spend more time on quality copy and conversion funnels
  • See a higher ROI on inbound marketing campaigns

Responsibilities:

  • Audit preexisting platforms
  • Build email templates that optimized for both desktop and mobile clients
  • Create responsive HTML emails that provided consistent results
  • Develop library of common UI patterns for faster builds
  • Extended branding with SASS variables that eliminated the need for repetitive, time consuming CSS
  • Custom module development (HubL)for emails and pages
  • Build workflows, best practices, and processes
  • Train users how to use the platform

Impact:

  • Emails – 40% increase in click-through rate (CTR) over the preexisting designs
  • SEM landing pages – new variation consistently beat the control in the 8-14% range
  • 3rd party landing pages – new SEM LPs resulted in a 57% lift in conversion rate on the demo offer, and a 23% lift in conversion rate of HVLs
  • Reduced cost from building internally
  • Reduced reduce page build time and human errors
  • Enabled cross-functioning teams to produce their own campaigns with little-to-no HTML skills

Custom Module Example

After the proof of concept was developed I transitioned to building out the email templates using modular design methodologies. The main structural components for the emails were built as global custom modules, where the code can be contained and maintained while exposing only content fields and options to the authors. This approach allowed the templates to be scalable, flexible, and easy to use for both front-end and back-end users.

Custom email module example

HubSpot Template Anatomy Using Custom Modules

The problem: Each paid search landing page needed to be hand-coded, version controlled, localized, and required more than one resource to build, test, and deploy.

The solution: Extend the modular design approach from the emails to the landing page templates