Help Scout: Marketing Site and CMS
Contributed significantly to the Help Scout Brand Team's custom UI component library and CSS variable system, integrated a highly-custom CMS that supported over 25 content editors, and helped build a no-code Landing Page builder within the CMS for the product marketing team.
Live Project: Vist the live site
My work on the Help Scout Marketing Site
In my 2.5 years at Help Scout, I worked on several major projects for Help Scout's marketing site:
Implementing a Custom CMS for the Marketing Site with Contentful
I helped transition the Marketing Site's content management solution from a static Jekyll instance to Contentful, supporting over 25 users across Content, Marketing, Design, and Revenue teams. I led the content migration effort, converting Markdown files and bespoke landing pages to reusable data models for Contentful. I also heavily customized Contentful's Entry Editor to suit the needs of our content team, and prototyped an extension for Contentful's default Entry Editor which enabled conditional fields (this functionality was later implemented as a paid marketplace app called Proptyp). I also led the documentation and onboarding effort, writing documentation for the new content system and training users in Contentful.
Contribution to the Brand Team's Redesigned Internal Component Library
I built a Node app which generated CSS variable stylesheets from Figma tokens and design specifications, which became one of the foundations of the Brand team's redesigned internal Component Library.
The No-Code Landing Page Builder for Marketers
We built a No-Code Landing Page Builder in Contentful which empowered the Marketing team to quickly create and publish fully-featured landing pages for product launches with an easy, no-code UI. I contributed heavily to this feature by customizing Contentful's Rich Text Editor, developing, styling, and integrating a suite of custom UI components for the LP builder, and training the Content and Marketing Team's to use this new feature in the CMS.
One such example is the landing page for the product's Proactive Messages feature.
The Proactive Messages Page
General Housekeeping
Other daily tasks for the Marketing site included fixing bugs across the site, working on the navigation, building landing pages for product releases, implementing SEO strategies, and refactoring our Core UI Components.