Interactive

Demo Builder

June - March (2021 - 2022)

Overview:

Tools

Described as a “Buyer Education Platform for marketers and sales.” The Tourial tour builder is a design software that allows businesses to create custom walkthroughs for their customers.

Method Overview

Heuristic Analysis
Contextual Analysis
Competitive Analysis

Interviews
Prototyping

Problem

How can we present pages and layers with clarity and brevity?
How could we enhance the integration of our browser extension feature?
Our tool panel accommodates a multitude of features, requiring a more user-friendly display approach.

Solution

We focused on creating flows and layouts that could be familiar to designers , but was kept simple enough for users who may not be as versed with design tools.

First

We improved system status and interaction for the top nav design bar.

Also bettering the architecture of the builder by adding elements like layers for selected pages, and relocating the assets panel.

We created this modal which would allow users to design a button to embed on their site, and is synced to their tour.

We added a synced drawer to easily pull screenshots users took with our browser extension.

During the redesign of the tool panel, I thoroughly investigated various alternatives to achieve a design that is both comprehensive and aligned with business feasibility.

Final Look~