SaaS UI/UX Design for Multi-Step Marketing Campaigns

This case study focuses on the Visual Workflow Builder feature of a SaaS platform designed for creating and managing multi-step marketing campaigns. The Visual Workflow Builder allows users to intuitively construct, edit, and visualize their marketing workflows through an easy-to-navigate interface.

Key Components and Features

Workflow List

The Workflow List pane, located on the left side of the screen, provides a summary view of all the emails included in the workflow. It displays key metrics for each email and helps users quickly navigate between different parts of the campaign.

  • Email Summary: Displays the subject of the email and key metrics such as Delivered, Replied, and Bounced rates.

  • Branching Information: Indicates the number of branching conditions associated with each email.

  • Navigation: Allows users to select and focus on specific emails within the workflow.

The Builder

The Builder Pane, in the center of the screen, is where the visual representation of the workflow is displayed. It shows how each step of the campaign connects and flows from one action to the next.

  • Email Blocks: Represents each email in the workflow with a title and subject line.

  • Condition Blocks: Evaluates user actions and branches the workflow based on predefined conditions (e.g., clicked email link).

  • Wait Blocks: Introduces delays between actions, specifying the wait time before proceeding to the next step.

  • A/B/C Test Blocks: Shows different variants being tested within the campaign, including the subject lines and the number of emails being tested.ere...

Challenges Addressed by the Visual Workflow Builder

  1. Lack of Visual Representation

    The Visual Workflow Builder provides a clear, visual representation of the entire campaign, allowing users to see the flow from one action to the next at a glance.

  2. Difficulty in Tracking Progress:

    The Builder Pane displays real-time updates and metrics, helping users monitor progress and make data-driven decisions.

  3. Complex Logic Implementation:

    The visual interface simplifies the implementation of complex logic, allowing users to easily add and configure condition blocks and branching paths.

Action Pane

The Action Pane, located on the right side of the screen, allows users to edit the details of each action within the workflow. This includes customizing email content, adjusting settings, and configuring conditions.

Conclusion

The Visual Workflow Builder feature of this SaaS platform offers an intuitive and comprehensive tool for designing and managing multi-step marketing campaigns. By providing a clear visual representation, real-time updates, and easy-to-implement logic, the platform addresses common challenges faced by marketing professionals. The visual interface enhances user experience by simplifying complex tasks, improving campaign tracking, and ensuring a holistic view of the marketing workflow. This makes it an essential solution for SaaS companies looking to optimize their marketing efforts and achieve better results.

Jolo
I design for tech startups — product to marketing 🪁⚡️
Get in touch

More by Jolo

View profile