← Back to Work
Interaction Design Product Design

Easy Automations for Keap

Rebuilt the automation builder so small business owners can create workflows in under 5 clicks.

Project Type Team
Duration Oct '19 – Feb '20
Responsibilities Interaction Design, Prototyping, User Testing, User Research, Competitive analysis, Ideation
Tools used Sketch, Abstract, InVision, Miro, Adobe Illustrator
Easy Automations hero

Overview

Keap is an all-in-one CRM, sales, and marketing automation software for small businesses.

Easy automation is an automation tool that allows small business owners to build workflow and marketing automation. As the name suggests, it takes less than five clicks to create most of the common automation used by small businesses!

Easy Automations desktop mockup
Easy Automations mobile mockup

Background

Keap is a simpler, more accessible version of Infusionsoft, an advanced CRM tool with a plethora of features. The campaign builder is the automation creation tool on Infusionsoft, which lets you create a fairly advanced workflow and marketing automation.

Since we built Keap fairly recently, a lot of its core is borrowed from Infusionsoft. To make automations, we still drive our users to campaign builder. One of the key challenges here is that our target users are very different for Keap compared to Infusionsoft. This means we have to build a solution that is more suited to the users of Keap.

Original Infusionsoft Campaign Builder
Original Campaign Builder

The Challenge

To better understand our user needs, we conducted a moderated usability study and talked to customers to identify pain points and areas of opportunity in the original campaign builder.

Some of the high-level insights we found were:

  1. Automations built by users can be categorized into two parts — Workflow and Marketing automations.
  2. Only 15.4% of users could successfully publish automation unassisted. This was a huge insight and unearthed major usability issues with the tool. This clearly reflects that even though there were a lot of features available which worked well for advanced customers using Infusionsoft, it didn't map directly to the mental model and expectations of the user base of the simpler interface, Keap.
  3. Users most often wanted to build automations that were NOT logic intensive and fairly straightforward. Examples include — if a customer pays for an invoice, add a tag, or if someone fills out a form on a website, then send them a welcome email.

To the drawing board

We started with the idea of what the ideal automation tool would look like. There were several questions we asked ourselves during the process such as “What is a user currently automating for their business?”, “What is the context in which they are building automation?”, “What are the key tasks in their workflows that take significant time?”

We framed the problem statement to guide us throughout the process:

“As a user, I'd like to automate parts of my business to spend more time serving customers and interacting with them.”

Design process

Here is a quick snapshot of how the entire design process looked.

End-to-end design process diagram

Brainstorming

We brainstormed as many divergent ideas as we could through multiple rounds of sketching sessions (Crazy 8s). To challenge ourselves further, we set out to imagine this experience mobile-first. The mobile-first approach guided us in distilling to only the essential elements that make an automation builder experience.

The common themes that emerged were:

  1. A simple and conversational experience that guides users along the way, yet offers flexibility and autonomy for advanced users.
  2. Kick-start the automation creation process by offering common templates.
  3. Test run of the automation that the user builds to help visualize how it would work with actual customers.
Brainstorming sketches — simple flows
Brainstorming sketches — complex flows

Testing with users

Throughout the iterations, we ran several rounds of user tests to validate our design direction and adjust accordingly. We also did several in-person user tests with developers. This was valuable to map out technical constraints early.

We learned from the user tests that templates were critical in not only helping kickstart creating automation but also as a reference point for what's possible with the tool. Additionally, we also found that users build automation in bursts of time, disproving our initial hunch that users build automations in one go.

With the user tests, we also appended a survey to collect quantitative usability metrics. Our first test resulted in a SUS (System Usability Score) of 68/100, the final test after several rounds of design refinements resulted in a SUS of 98/100.

Planning the release

Working with the Product Manager, we mapped out the product release timeline and initial release experience. We also identified nice-to-haves that we fit in as our stretch goals. Working with developers, we identified different parts of the project that would take significant engineering effort to plan the release and prioritize work for the V1 release, as well as a roadmap to the ideal state.

We ran additional user and internal tests to further validate the design for the V1 release.

Final Design

This is a limited preview of the designs to comply with the non-disclosure agreement.

Templates

The new design brings commonly used templates to the front, enabling users to start tweaking them to fit their needs.

Templates surfaced first when creating an automation

Creating automations

The creation flow is simple, yet offers autonomy to change any part of the automation at any time. The side-pane gives a quick overview of how the automation is structured, while the right pane gives granular configurable options.

Automation creation flow with side pane and configurable options

Everything in-context

The automation builder adjusts automatically depending on the trigger type to offer ample space to draft and edit, yet never losing sight of the entire automation.

Email configuration in-context within the automation builder

Options only when users need it

Configurable options start simple with the most prominent options. Progressive disclosure brings additional options only when the users need them.

Progressive disclosure of configuration options

Impact

Since the launch in early 2020, we have had a steady increase in users building automations month on month. The user feedback has been largely positive, emphasizing the ease of building automation.

Furthermore, we noticed a significant improvement in the average time to create an automation unassisted. It reduced by 51.47%.

98
SUS score (up from 68/100)
51%
Reduction in time to create an automation
< 5
Clicks to build common automations

Customer feedback

“I am doing the happy dance!!”

Customer feedback

We also received great feedback from internal support staff and small business consultants who found that the time to onboard and coach has reduced significantly.

“From a sales perspective, they are dead simple to set up and show. Customers get it in seconds and they're easy — but they're also pretty powerful.”

Small Business Consultant

What next?

  1. Continue and adjust the design and product release timelines based on initial customer feedback.
  2. Iterate on an in-context automation builder experience that seamlessly integrates with the current experience.
  3. Listen to customer feedback on templates that they are looking for, or building more often, and offer as default.
← Keap Payments Webex Contact Center →

Perpetually in a state of beginner's mind.