Tripled Demo Requests Through a Strategic Redesign Focused on Updated Content

Tripled Demo Requests Through a Strategic Redesign Focused on Updated Content

Tripled Demo Requests Through a Strategic Redesign Focused on Updated Content

Desktop view of Baffle's website redesign

Problem

Problem

Problem

The website’s goals no longer fit the growth of the company and there was a need to increase leads into the sales pipeline.

Solution

Solution

Solution

Redesign the website to better display the problems Baffle solves and what those solutions are with a focus on driving traffic through our marketing funnel to Schedule a Demo.

Team

Team

Team

• Erin Tucci - Marketing Associate

• Brian Willis - Head of Design

Role

Role

Role

Visual Designer

Scope

Scope

Scope

9 - 12 Months

Screenshot of Baffle's previous home page
Screenshot of Baffle's previous home page
Screenshot of Baffle's previous Data Protection Services Page
Screenshot of Baffle's previous Data Protection Services Page
Screenshot of Baffle's previous challenges page
Screenshot of Baffle's previous challenges page
Screenshot of Baffle's previous careers
Screenshot of Baffle's previous careers

Check out Baffle's Website

*Note: The homepage of baffle.io has been updated since this project's completion, but the secondary and tertiary page designs are from this project.

The Process

While my title was Marketing Associate, Baffle was a startup with less than 25 employees which meant I wore multiple hats. Since Brian knew I had a background in graphic design and he was the whole design team, he pulled me in to help with the website redesign. We started by talking about why we were redesigning the site, who the target audience was, and how I could help. He had already had branding down so I jumped in on user experience and icon design.

I started by reviewing what Brian had already worked on and used that to dive head first into design research. I had only been a part of the Baffle team for 6 months as a consultant by this point and was unfamiliar with most of the verbiage that came with working for a cloud software startup in the cybersecurity space. Dictionary and Google Search were my best friends during this process as I was learning about the industry while researching competitors. They were also the best tools to guide me while designing the icons.

Insider threat icon
SaaS providers icon
Financial services icon

First came some sketches with the goal of getting as many different layout designs as possible for each page type needed. From here, I began working on the low fidelity mockups in Sketch and connected with Brian on my progress which led to a few designs being approved to move forward with. Once starting the high fidelity mockups, a lot of the focus went into the homepage as 99% of users land on baffle.io or end up on the homepage during their visit. 

The CEO and VP of Marketing both wanted a way for us to push top content to users to increase article views, content downloads, and ultimately, move them through our sales funnel. With this as the top priority besides the CTA that needed to be above the fold, I landed on a carousel with a hidden drawer which would allow for a minimum of four content pieces to be front and center.

Home page redesign
Home page redesign
Webinar informaiton page
Webinar informaiton page
Download Resource page
Download Resource page
Schedule a demo page
Schedule a demo page
Solutions page
Solutions page
Data Protection Services page
Data Protection Services page

What I Learned

While I had designed other websites for B2C companies, this project was on a much larger scale. From the research stage, Brian encouraged me to review not only competitors but to look for companies who were known for good design. He also suggested sites like Dribbbl, Behance, and other sites where designers shared their work. By immersing myself in the world of design through these platforms, I had countless examples to reference by talented designers across the globe.

Working with Brian, who had been in the industry for 10+ years, was an incredible opportunity for me to learn and grow as a designer. Being the only other person with a design background at Baffle, I got to have one-on-one time with him talking about all things design, picking his brain on why he did this instead of that, and got direct feedback that has helped shape me into the designer that I am today. 

Mobile view of SAP Center Persona on mobile
Mobile view of SAP Center Persona on mobile

Simplified the User Experience by Reducing the Number of App Personas

Simplified the User Experience by Reducing the Number of App Personas


San Jose Sharks + SAP Center | 2024

Read More

Mobile view of the Los Tiburones app experience
Mobile view of the Los Tiburones app experience
Mobile view of the Los Tiburones app experience

Created a Bilingual Experience to Celebrate the Latino & Hispanic Communities

San Jose Sharks | 2023

Read More

Desktop and Mobile views of SAP Center's website redesign
Desktop and Mobile views of SAP Center's website redesign
Desktop and Mobile views of SAP Center's website redesign

Empowered All Users: Our Accessibility and UX Revamp


Empowered All Users: Our Accessibility and UX Revamp



Empowered All Users: Our Accessibility and UX Revamp



Sap Center | 2024

Read More

© Erin Tucci 2024