---
title: Journey Visualisation
slug: lab-retail-agentic/journey-visualisation
docTags: 
createdAt: 2024-01-30T23:36:00.578Z
---

:::hint{type="warning"}
**IMPORTANT**: numbers shown in this guide, including screenshots, may differ from your reports due to different underlying datasets.
:::

# Goals

- Understand where customers are falling out of your conversion funnels and which offers are having a meaningful impact .
- Identify customers who are researching on digital channels before converting in store.

# Offer Impact on Purchase Funnel

**Scenario:&#x20;**&#x54;he marketing manager wants to understand which offers are not having a meaningful impact on conversions

**Task:&#x20;**&#x42;uild a fallout analysis to understand where customers are dropping off after being presented with an offer.

The Fallout visualisation is great for understanding customer paths when there are specific points or events you want to account for.&#x20;

- Add a **Fallout** diagram into your panel by clicking the :inlineImage[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/mDAf5xsmf_hvs7IiQXrja_cja-plus-icon.jpg" alt caption width="80" height="80"}﻿ icon at the bottom of the panel, and then :inlineImage[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/BEveteGuy6Sb0dKvk8RRR_cja-fallout-icon.jpg" alt caption width="55" height="55"}﻿.
- Label it **Purchase Funnel**.

The Fallout visualisation requires touch points in the process you want to measure fall-through as well as fall-out for.&#x20;

- From the **Components** menu, search for **Event Type.**
- Click on the arrow to the right of the dimension.

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/TiOYGbKN7OBtsvvrtvHJu_image.png" size="30" isUploading="false" position="center" width="594" height="994" darkWidth="594" darkHeight="994" showCaption="false"}

- Select **offer.presented** from the list of values and drag it onto the first step of the Fallout.

![](https://adbecdn.azureedge.net/labs/archbee/emeaProjectsAEPBootZurichLab3Cja/Screenshot2023-09-21at13.46.07.png)

5. Next, drag **commerce.productViews** onto the next step of the Fallout, below offer presented.
6. Drag **commerce.orders** below this.
7. Rename the steps of the Fallout with more descriptive names. (for example: *Has been presented an offer*, *Has viewed a product*, *Has made a purchase...*)

Your Fallout should now look like:

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/yjHFlOD4RbEKUwnXcgX2R_image.png)

Dig into this further to help us answer the business questions - of those customers who were presented an offer, but didn't make a purchase what offer did they see?

- Breakdown the Fallout, by right-clicking on touchpoint  "Has made a purchase"&#x20;
- Select **Breakdown by Fallout at this touchpoint** from the list of options, a new freeform table will be generated with this segment.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/4JhFx75fqnQsucYqIK3Pl_image.png)

3. Replace the **Event Type** dimension with **Offer Name**.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/OAc33Z6uG1X1vgzSIaZ0s_image.png)

:::hint{type="info"}
Notice the top offers that did not result in conversions during the reporting period: perhaps Luma should reconsider the priority and/or targeting of these offers. &#x20;
:::

:::hint{type="warning"}
To keep your changes, save your project by going to **Project > Save&#x20;**(or press Ctrl+S on Windows, or Command + S on Mac).
:::

# Digital to Offline Journey Mapping

**Scenario:** The e-commerce team want to understand how many customers are researching online before buying in store, they want to target these customers with online only promotions to encourage online orders. &#x20;

**Task:&#x20;**&#x43;reate a Journey Canvas to visualise alternative paths customers might follow after viewing a product on the website or app, like making a purchase in store or adding the product to a wish list.&#x20;

The Journey Canvas is a great way to get a complete picture of the journey your customers are taking regardless of complexity. &#x20;

**Steps:&#x20;**

- Add a **Journey canvas** into your panel by clicking the :inlineImage[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/mDAf5xsmf_hvs7IiQXrja_cja-plus-icon.jpg" alt caption width="80" height="80"}﻿ icon at the bottom of the panel, and then :inlineImage[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/qK1t9yxwp0B8S5_fRtl4W_cja-journey-canvas-icon.jpg" alt caption width="55" height="55"}.
- Select **People** as **Primary metric**.
- Click **Build**.

Now you need to add in the canvas the nodes of the customer journey you want to analyse.

- From the left menue, drag the **Page View** metric into the canvas — this is the entry point of the journey.
- Drag the **Product Views&#x20;**&#x64;imension item into the canvas and connect it to **Page View** - to filter only customers who viewed a specific product after landing on the site.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/25tEYjnWm2rIwtYIKbdq__cja-journey-canvas.gif)

- Drag the **Add to Wishlist** metric into the canvas and connect it to **Product Views** - to track customers who saved the product instead of purchasing immediately.
- Drag the **Product Add to Cart** metric into the canvas and connect it to **Product Views** - to track customers who moved toward an online purchase.
- Drag the **POS Orders** metric into the canvas and connect it to **Product Views** - to see how many customers, after browsing online, chose to buy in store.
- Breakdown **POS Orders** by **Product Category&#x20;**(drag and drop the **Product Category** dimension over the **POS Orders** node) - to identify which product types are most likely to be purchased in store after online research.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ApHGADJZlQPYB1FHZ4m-2_image.png)

- Drag the **Online Orders** metric into the canvas and connect it to **Product Add to Cart** - to see how many completed the purchase online.
- Add secondary metric **Total Revenue:&#x20;**&#x20;click :inlineImage[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/b_Xt573LPV6pim0Kk9YrN-20260513-072516.jpg" alt caption width="55" height="55"} at the top of the report and select **Total Revenue&#x20;**&#x61;s Secondary metric and then click **Build**.



![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/O-EBof9whEKTfdwhWh-C7_image.png)

:::hint{type="warning"}
To keep your changes, save your project by going to **Project > Save&#x20;**(or press Ctrl+S on Windows, or Command + S on Mac).
:::

:::hint{type="success"}
Congratulations, this completes the Journey Visualisation exercise!
:::

