Revolutionizing SaaS Vendor Management

Client
Vendr
Year
2022
Role
Web Designer & Webflow Developer

the client

Vendr is a Series B SaaS (Software as a Service) buying platform funded by Tiger Global, SoftBank, Y Combinator, Sound Ventures, and Craft Ventures. Vendr created the SaaS buying category and is on a mission to build a better way to buy and sell software for high-growth companies, including HubSpot, Lattice, and Drift.

I joined the team as employee 130. Within 8 months, the organization grew to 250 employees. Vendr experienced tremendous growth during that time as a high-growth company and soon-to-be unicorn (reaches a billion-dollar valuation.). It was clear the brand needed a refresh and – to come out of the growth as a stronger, more mature business, with the branding & website to match.. 

After experiencing tremendous growth from their beginning and reaching soon-to-be unicorn status (reaching a billion-dollar valuation), I joined Vendr as employee 130. I was hired because it was clear the brand needed a refresh and – to come out of the growth as a stronger, more mature business, with the branding & website to match.

Vendr desired a cohesive, authentic, and unique brand that would continue to set them apart from growing competition. As the SaaS buying category creators, the longer they waited to perform this exercise, the harder it would be to continue leading the industry; thus - enter me.

the challenge

A generic site, unable to host its traffic and needs

The existing website was hosted on Hubspot, but it was not well-suited for enterprise-level marketing websites. Hubspot sites have a lot of code and can be slow to load, and lack the flexibility to create highly customized websites. The design did not align with the business, and the technology was not sufficient for the business's needs.

the approach

Wireframes and prototypes and Figma, oh my!

Migrate from Hubspot to Webflow:

I incorporated a new, Client-First, design system into the website structure by first conducting a site audit in Hubspot, then revising the site map for Webflow. I exported the CMS content,, created new pages, added custom post types, implemented animations and micro-interactions, and incorporated various integrations to complete the process.

Conduct a copy overhaul

A complete revision of the copy was done by involving the product, engineering and sales teams. We identified the key elements of the platform, its distinctive characteristics, and underlying market value. This was done to increase inbound interest, educate potential buyers and quicken the sales cycle.

Wireframe in Figma

I redesigned all pages of the website using Figma, a design tool, to create a cohesive design system. By creating components with different variables, I was able to ensure consistency and ease of use across the site and product as well. I created the designs for both desktop and mobile devices, taking into account the different screen sizes and user experience. This approach allowed for a seamless transition of the designs from Figma to the final website and allowed for easy editing and updating of the website in the future.

No items found.

the solution

Building a client-first design system

After making a mock-up of everything in Figma, I created our website components using the Finsweet's Client-First Webflow Style Guide, a framework for class naming that helps to keep our Webflow websites more organized and efficient.Combining this system with the new brand identity, I was able to build and launch a V1 site in a weeks time!

No items found.

the result

A Modern, Accessible & Responsive Website

The outcome of the rebuilt and redesigned website was a sleek, modern website that was user-friendly and adaptable to different devices. Additionally, it also helped to improve the organic search engine optimization (SEO) of the website.

No items found.