Instapage

A brand refresh across web, ads, and social.

A designer working on the Instapage site on a laptop
Role:
Lead designer
Team:
3 designers
Deliverables:
Brand system, website, marketing assets, merch
Timeline:
Oct 2023–Aug 2024

Instapage is a landing page platform for marketing teams. It lets them build, test, and optimize pages for paid campaigns without relying on developers every time something needs to change.

Challenge

When I joined Instapage, there was already a brand guide in place, but it was outdated and covered only the basics, not enough to support a growing product and marketing team. Over time, different pages, emails, and campaigns each went their own visual direction. Even individual website pages started looking different from one another.

My focus was on bringing consistency across all touchpoints and building a visual foundation that was clear, flexible, and easy to work with, so the brand would look the same across every channel.

What the brand looked like before I joined the team

Before
The old Instapage home page
Create, Test and Optimize Landing Pages at Scale banner ad
On-demand webinar: How to Drive More Leads from Your Landing Pages
HelloFresh case study: landing page production time cut 33%
3 Conversion Boosters to enhance page layouts
Lead Conversion Workshop webinar promotion
Sender and Instapage partnership post
Autopilot customer story: 254% more conversions
29 Banner Ads and Full Critiques guide blog banner

Solution

I started with the brand book: cleaned up the color palette, updated the typography, and wrote guidelines the team could actually use day to day. From there I built a design library in Figma. It covered everything the marketing team needed: type scales, color combinations, grids, spacing rules, all the UI components (inputs, dropdowns, checkboxes, toggles, pagination), ready-made page blocks, forms, page templates, and ad layouts. The goal was for the team to build new pages without starting from scratch every time.

We created a separate email library with documentation and sections ready to use. It worked well enough that the email team could assemble most emails on their own and only come to us when they needed new graphics.

Once the system was in place, we redesigned the website and landing pages, emails, ads, social media, product visuals like popup illustrations, in-app graphics, and merch. We also ran A/B tests on the website to make sure the new designs actually converted better.

The Instapage monogram mark on mint
The Instapage wordmark in cream on navy
Graphik set as the brand typeface, bold for headings and regular for body text
The revised colour palette: primary navy and blue beside the mint, coral, sand and cream accents
Type scale specimen: title, subtitle and body styles with their weight, size and line-height specs
Iconography grid: the 24px grid unit and the square icon's own margins
The full icon set on navy
Photography guidance, with a portrait example
More photography examples: an interior and two portraits
Photography to avoid: generic stock poses, harsh lighting and low quality
Banner colour combinations, shown with their contrast ratios
Data visualisation: bar and stacked-bar chart examples
How to calculate conversion rate, with sample dashboard cards
Design library
The Buttons page of the design library: primary, secondary and disabled states across sizes
The Icons 48px page: the outlined icon set at 48px
The Typography page: the full type scale from Title XL down to Block Title
The Colors page: primary, typography, grey, blue, turquoise and coral swatches

Results

The updated pricing page saw a noticeable boost in conversions after launch, and lead volume increased across the redesigned pages.

With the brand book, design library, and templates in place, the brand stopped drifting. Website pages, emails, ads, and social finally looked like they came from the same company, and individual pages on the site no longer read as separate projects.

The system also changed how the team worked day to day. Routine work got faster, especially on pages that already had a template, and there was less room for error, since the rules and components were set rather than decided each time. The email team could put most newsletters together on their own and only came to design for new graphics.

Main page
Main page: the redesigned Instapage home page, full length
Pricing
The redesigned Pricing page: hero copy and the three-tier plan table
Emails
“Take your conversions even higher” onboarding email
“You’re so close to unlocking Instapage” reminder email
“Turn one template into hundreds of landing pages” feature email
A reminder email for paid customers on an active trial
“Don’t leave customers on the table” plan-cancelled email
A second reminder email highlighting plan benefits
“Your Billing Cycle Has Been Successfully Updated” email
“Thanks for trying Instapage” onboarding email
Ads & SMM
Social ad creative 1 of 12
Social ad creative 2 of 12
Social ad creative 3 of 12
Social ad creative 4 of 12
Social ad creative 5 of 12
Social ad creative 6 of 12
Social ad creative 7 of 12
Social ad creative 8 of 12
Social ad creative 9 of 12
Social ad creative 10 of 12
Social ad creative 11 of 12
Social ad creative 12 of 12
Product images
“Multi-step forms” in-app upsell banner
An onboarding survey modal
“Upload Instapage Files” upsell banner
“Upgrade now to unlock 90-day insights” upsell banner
An A/B variation performance panel
A text style editor panel
Merch
A laptop with Instapage stickers
A notebook, mug and sticky notes spread
A navy tote bag with the Instapage logo
A pair of Instapage business cards

Next projectis Epom

The Epom platform

© 2026 Yevheniia Savchuk

Designed with