Xenon Partners (PE)  ·  Jun 2022 – Apr 2023

Integrate.io

Led the simultaneous rebrand of two PE-backed SaaS products — building unified design language systems from zero, governing external agencies, and lifting user engagement +30% through web redesign.

INTEGRATE.IO DATA INTEGRATION
Role
Sr. Designer, Brand & Systems
Scope
Rebrand, web, agency governance
Client
Xenon Partners (PE Portfolio)
Year
Jun 2022 – Apr 2023
Overview

Integrate.io is a PE-backed SaaS data integration product under Xenon Partners. I was brought in as the primary design authority to lead the rebrand — building a complete design language system from scratch.

The challenge: two products with distinct technical audiences (data integration vs API platform) that needed to feel like portfolio siblings. I owned brand governance, external agency management, and final QA across every deliverable.

Beyond the brand work, I redesigned and optimised landing pages and core web flows — lifting user engagement +30% and lead generation +20% — and created investor pitch decks translating complex SaaS infrastructure into clear executive narratives.

+30%
User engagement lift
+20%
Lead generation
2
Brand systems simultaneously
1
Primary agency lead
Brand System

Data integration.
Built to convert.

Integrate.io's identity is built around a clear, conversion-focused palette — Cyan-Blue Azure paired with electric Spring Green to signal technology and momentum without the heaviness of typical enterprise SaaS blues.

Integrate.io

Data integration.
Built to convert.

Integrate.io's identity is built around Cyan-Blue Azure and the electric Medium Spring Green — a palette that signals technology and momentum without the heaviness of typical enterprise SaaS blues. Typography is Montserrat Bold for display, Assistant for supporting hierarchy, Helvetica for body copy.

Cyan-Blue Azure#4B84CE
Light Sky Blue#85CBFB
Medium Spring Green#00EBB2
Pale Violet#CB8BFD
Bright Grey#EDEDED
Yankees Blue#2A2241
Landing Page

Data Pipeline
Cost Calculator.

Designed a high-fidelity interactive landing page for Integrate.io's Data Pipeline Cost Calculator — a lead generation tool that lets prospects calculate the true cost of building and managing data pipelines in-house versus using Integrate.io. The page calculates build costs, yearly maintenance, and outputs an estimated ROI against Integrate.io's pricing.

The design uses the dark Integrate.io palette with Cyan-Blue Azure and Medium Spring Green accents — the tech-forward aesthetic that signals credibility to a data engineering audience while keeping the calculator UI readable and actionable.

integrate.io/data-pipeline-cost-calculator
Integrate.io Data Pipeline Cost Calculator — hi-fidelity landing page design
Web Design

Website wireframes
& page redesign.

Redesigned the Integrate.io marketing site from the ground up — rearchitecting information hierarchy, optimising conversion flows, and building a modular page system that the engineering team could implement without ambiguity. The wireframes below show the structural thinking before visual polish was applied.

Note: some elements were designed outside Figma's frame boundaries during the early exploration phase, so the embed may show partial layouts depending on zoom level — use the fullscreen link to explore freely.

Integrate.io Website Wireframes — Figma Some elements outside frame — open fullscreen for complete view
Early-stage wireframes exploring homepage hierarchy, navigation structure, and landing page conversion architecture. Visual design system applied in production build. Open in Figma ↗
Integrate.io Component Library — Figma UI components, patterns & design tokens
Component library and design tokens built alongside the brand system — buttons, form elements, cards, navigation patterns, and iconography guidelines. Open in Figma ↗
Content strategy

Thought leadership
assets

Designed two gated content pieces — a benchmark study and a strategic white paper — to support the sales funnel and establish Integrate.io as a category authority. Each PDF was written, designed, and laid out to match the brand system.

Benchmark Study · 2023

Annual data integration benchmark research — market data, competitive positioning, and ROI framing designed to gate and qualify inbound leads.

White Paper · Build vs Buy

Strategic white paper positioning Integrate.io against the "build your own integration" alternative — designed to address a key sales objection at the mid-funnel stage.

Deliverables

From identity
to investor decks.

The full engagement scope ran from brand foundations (logo, palette, type system, component library) through to sales and investor-facing materials. The full engagement scope ran from brand foundations through to sales and investor-facing materials, with agency management as a significant part of the role — briefing, reviewing, and QAing external partners against brand standards.

Agency management was a significant part of the role — briefing, reviewing, and QAing external partners against brand standards, then bringing work in-house when speed or accuracy required it.

The investor deck work required a different register entirely: translating technical SaaS architecture into narrative slides that a PE board could read in 90 seconds without losing the substance.

← PreviousThrasio Back toAll Work