Redesign Laudspeaker Messaging Automation Platform

Overview

Laudspeaker is a dynamic marketing automation platform enabling users to effortlessly design and automate messaging journeys through a user-friendly drag-and-drop interface.
Despite attracting new users, we faced a low conversion rate. As lead designer, I revamped the core feature, the Journey Builder, to elevate user experience and drive conversions.

My role

UX Design
UI Design
User Research

The team

1 x product manager
2 x engineer

Time

03/2023 - 05/2023

problem

New users were leaving due to challenges in using the core feature during their trial

Conversion rate

< 10%

Research

What does the Current Journey Builder look like?

To find why users were leaving during the trial, I studied journey creation sessions and conducted a heuristic evaluation.

Method 1: User Feedback Analysis

I analyze diverse feedback sources to create visual user journey maps, revealing insights during product trials.

Method 2: Review Screen Recording

I analyzed 16 screen recordings in PostHog's backend, pinpointing user challenges during journey creation.

Method 3: Heuristic Evaluation

Collaborating with the product manager, I hosted a heuristic evaluation, identifying issues from a more expert standpoint.

Insights

Users were unable to create journeys, because...

Complex Creation

Setting up a component took up to 7 manual steps.

Unclear Next Steps

Users lacked guidance for next steps.

Hard to understand

Confusion within the journey map and setting forms.

Design goals

Trim Steps

Reduce journey creation steps for improved usability.

Amplify User Guidance

Include suitable hints to enhance user confidence during trials.

Clearer Communication

Enhance navigation and comprehension for journey maps and setting forms.

Ideation

Framework

I began with an initial framework to maintain consistent page layouts during journey creation. This ensured uniform user experiences and minimized confusion, covering button placement and interactions.

Adding a Component

Next, I explored different ideas on adding a component. As this action repeats for multiple components, I aimed to minimize steps.

Detailed Configurations

Lastly, I tackled detailed settings for each component. Considering diverse settings, I emphasized uniformity, scalability, and readability in design decisions.

Final Polish

3 Steps to Create

Creating a component now takes only 3 steps: drag > drop > set, reduced from previous 7 steps.

Useful visual hints

Ample visual hints guide users seamlessly through each step.

Simplified configuration

Modularizing complex configuration forms for easy reading, while fostering user familiarity with layouts.

Journey Data Visualization

Visualizing Journey data aids users in quickly grasping Journey performance and making informed decisions

UI components

Impact

Recorded sessions showed users could now adeptly create journeys on their own.

Conversion rate

> 25%