Source: https://daphnislabs.com/case-studies/z08-heatmap-and-recording

AI & Product Engineering

# Z08 Heatmap & Recording

A closer look at how a store is used

A Shopify app combining heatmaps, session recording and AI-assisted behavioural insight.

[View Shopify listing (opens in a new tab)](https://apps.shopify.com/z08-heatmap-app) [Read the story](https://daphnislabs.com/case-studies/z08-heatmap-and-recording#story)

![Z08 — the published analytics dashboard](https://daphnislabs.com/images/projects/z08-heatmap-and-recording/published-1-depth.webp)

## The project

Merchants need more than a traffic total to understand a browsing experience. Z08 brings interaction evidence into a form they can inspect and act on.

### About these images

Official Shopify listing and published product imagery.

**Industry**

Shopify merchant tools

**Our role**

Shopify app development Behaviour analytics & AI

**Technology**

Shopify

**Analytics**

Heatmaps & session recordings

## Inside the experience

![Official product screen — visitor list](https://daphnislabs.com/images/projects/z08-heatmap-and-recording/published-2-depth.webp)

![Official product screen — analytics](https://daphnislabs.com/images/projects/z08-heatmap-and-recording/published-3-depth.webp)

## Inspect the behaviour behind a visit

The official Shopify product gallery provides direct interface evidence for the analytics and recording app.

![Official product screen — heatmap selection](https://daphnislabs.com/images/projects/z08-heatmap-and-recording/published-4-depth.webp)

### Choose the page and period

The heatmap workspace starts with a store URL and date range. Lists of visited pages and recent heatmaps make it possible to move from a store-wide summary to a particular page.

[Explore this page (opens in a new tab)](https://apps.shopify.com/z08-heatmap-app)

![Official Z08 product gallery — session investigation](https://daphnislabs.com/images/projects/z08-heatmap-and-recording/published-5-depth.webp)

### Review the browsing experience

Session recording provides a way to inspect what happened during a visit. It complements the aggregate view by preserving the context of an individual browsing journey.

![Official product screen — storefront heatmap overlay](https://daphnislabs.com/images/projects/z08-heatmap-and-recording/published-6-depth.webp)

### See interaction on the page itself

A colour-coded heatmap overlays a storefront contact page. Keeping the page visible underneath the data helps a merchant relate interaction patterns to the actual form and layout.

## Explore the project

[**Official Shopify listing** See the complete published product gallery and app information. (opens in a new tab)](https://apps.shopify.com/z08-heatmap-app)

[All case studies](https://daphnislabs.com/case-studies) [Next project**Rimore Store**](https://daphnislabs.com/case-studies/rimore)

## What are you building?

Bring us your idea. We’ll shape the next step together.

[Talk about your project](https://daphnislabs.com/contact?intent=plan-build)