B2B SaaS · HR tech
harmonizeHR, complex tech made clear.
A marketing website that turns HR system integrations into a clear story for non-technical HR teams, and guides them to book a demo.

- Client
- Jon Barth
- Role
- UX/UI design & development
- Location
- Austin, Texas
- Timeline
- May – Jun 2021
Overview
Connecting HR systems, explained simply
harmonizeHR is a SaaS company offering specialised HR software integrations and automation. Its core product connects recruiting, onboarding and HRIS platforms to streamline data flow and reduce manual work for HR teams.
The project was to design and build a marketing website that clearly communicates the product’s value and technical capabilities to HR professionals and decision-makers, and drives interested visitors toward a demo.
The challenge
APIs and data workflows, for non-technical HR managers
The challenge was presenting a highly technical solution, HR system integrations involving APIs and data workflows, in a way non-technical HR managers could easily grasp, showing how harmonizeHR solves their integration pain points without overwhelming them.

A homepage that instantly answers “What is harmonizeHR, and why should I care?”
Features and integrations shown with the logos of systems it connects.
A clear call to action to schedule a demo.
Credibility for a new product through testimonials and partner logos.
Plain language that educates without overwhelming HR managers with jargon.
Modern and trustworthy, but vibrant enough to stand out from stodgier competitors.
Process
From content strategy to launch
Kickoff & content strategy
Worked with founders Jon Barth and Geoff Mueller to define the key message, the end-user experience of integrations, and planned Home, Integrations, Features, About, Contact/Demo and an FAQ.
Research
Reviewed B2B integration platforms, which leaned on abstract graphics and buzzwords, and set harmonizeHR apart with plain, problem-solution language.
Wireframing
A tagline hero, three key benefits, an integration logo wall, a “How it works” graphic and a demo banner, plus dedicated Integrations and Features pages.
UI design
Bright blue and green with neutral greys and plenty of white space, custom flat illustrations instead of stock photos, friendly rounded headings, logo hover effects and FAQ accordions.
Development
Responsive build with SVG illustrations, subtle scroll animations, a mailing-list capture, a demo form feeding the CRM, and contrast-checked colours for accessibility.
Testing & launch
Content reviewed with the founder and an HR advisor for accuracy and clarity, then analytics monitoring after launch to guide small refinements.
Results
A key sales tool for an early-stage startup
The harmonizeHR website succeeded in clearly communicating a complex product, contributing to the startup’s early growth. The founders were very pleased with its professional yet approachable look, and continue to use it as a key sales tool.
“Her quality of work is high.”
Jon Barth, harmonizeHRThe featured customer testimonial, about integrations that are robust, secure and built around the end-user experience, resonated with visitors.
Tools
- Figma
- Adobe Illustrator
- WordPress
- Google Analytics
- Hotjar