Webflow Designs and more for Integrity Power Search

Matt Pike

Illustrator
Web Designer
Webflow Developer
Adobe Illustrator
Figma
Webflow


Integrity Power Search already had a Webflow site, but it was in serious need of some updates. For this project, we added several new pages, created some illustrations for their new core values, and we improved their website's UI to make it more accessible and responsive. I had a great time working with Kaleb Dumot and the whole team at Integrity, who gave excellent feedback and had a clear vision, and here's what we did.

New Recent Placements Page

Integrity is a full-stack search firm that fills roles for executives, tech, finance, and operations at startups and tech companies that are private-equity backed. They've filled over 2,000 searches since they began in 2012, but their website didn't have any place to show their amazing work. They needed a recent placements page — a list of logos, website links, and other info about the companies and roles. They also wanted filters for their three search practices: executive, technology, and go-to-market / ops / finance. Here's the new recent placements page that we built.



Recent placements page with filters for Integrity's three search practices

New Testimonials Page

For this, we started in Figma with low- to mid-fidelity wireframes, which allowed us to easily compare a few different layout options.



Layout options in Figma for the testimonials page

Once we had the layout decided (the first one in the image above), we built the page in Webflow using the Client-First Design System — which I also helped to incorporate into the rest of their website, because it's wonderful and everyone should use it. During this stage, the team at Integrity helped with excellent feedback, and after several rounds of iterations, we had a new testimonials page.



Testimonials for Integrity Power Search on desktop, tablet, and mobile

New Case Studies

Integrity has had many success stories over the years, and now they have a place to share them. Every detail is custom-built and easily reusable in Webflow, and you can visit one of these case studies here.



Case Study for Integrity at the tablet breakpoint (hero background image matches company location)

Illustrations for New Core Values

Integrity had recently updated their core values, and they wanted me to make some new illustrations for their website. The colors came from the existing site, put onto a Material Design scale, and I worked in Adobe Illustrator.



Illustrations for Integrity's new core values

Updates to the User Interface

A redesign wasn't part of the scope for this project, but I did help by fixing some UI issues to make the website more responsive and accessible. I started by updating the entire website to rem units, which will allow for the font size to be changed for people with sight difficulties, and I also updated their styling a bit to help with contrast ratios and make things easier to read. Here's their footer as an example of some minor improvements.



Improvements to the UI for the footer and call-to-action styling

And lastly, the team at Integrity asked me to make them an image for their home landing page — their hero section — with the logos of their clients and the investors they partner with. Check it out below, or see it live on the home page here.



New background image for home hero section — built in Figma and uploaded to Webflow

That's the end — for now! Thanks for reading, and I'd like to thank the team at Integrity Power Search again for being so awesome. This was a fun project, and I'm looking forward to working with them again.

Check out the full case study here.



2023

Partner With Matt
View Services

More Projects by Matt