---
title: Using the Live Demos Demo Pilot
slug: docs/using-the-live-demos-demo-pilot
docTags: 
createdAt: 2026-02-05T22:08:44.867Z
---

## Capture your customer site’s assets

The Adobe **[Live Demos](https://livedemos.adobe.com/content/livedemos/home.html)** Demo Pilot lets you capture a customer site’s images, logo, theme, and products. Use the steps below to quickly customize your Demo System Next web and mobile projects with these customer-specific assets.

***

### Step 1 - Create a new Demo Pilot Project

- Navigate to [https://livedemos.adobe.com/content/livedemos/home.html ](https://livedemos.adobe.com/content/livedemos/home.html)
- Click on **Create Workspace**

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/oP7RgmIz23GyrsZExmjI-_cleanshot-2026-02-18-at-171140-2x.png)

### Step 2 - Capture Customer site's images, logo

- In your new Project, click on **Import Assets**
- Enter your the customer website then click on **Scrape & Import**

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/0z-kVwzlf-16soOif5Ebb_cleanshot-2026-02-18-at-215029-2x.png)

- When the job completes, the page automatically refreshes and displays the imported customer assets.



![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/v0aT3SAadsshHVLbbxlbx_cleanshot-2026-02-18-at-221506-2x.png)

###

### Step 3 - Capture Customer site's products (Optional)

- In your Workspace Dashboard, click on **Products**
- Click on **Import Products**
- Search for categories using the website URL, **select the desired categories**, then click **Scrape & Save products**

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/P_EDYBO3gT49uHHYy1OKh_cleanshot-2026-02-18-at-221617-2x.png)

- When the job completes, the page automatically refreshes and displays the imported products.

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/lXHI1ecs8xylG2FiIW_EV_cleanshot-2026-02-18-at-222321-2x.png)

You now have the assets needed to customize your DSN Web and Mobile projects.

***

## Customize DSN projects with your customer’s own assets

:::hint{type="warning"}
Before starting the steps below, ensure you’ve created a new workspace using one of the available presets (for example, Luma Advanced). 

\=> [Prepare a Retail demo environment](docId\:Wu-Eqh5gsRhcoawzHLHLB) 
:::



### Step 1 – Open your DSN Workspace

- Navigate to [https://dsn.adobe.com](https://dsn.adobe.com/)
- Open your DSN Workspace

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/-Jm0kJCxWUjwq7qhbYk1f_cleanshot-2026-02-06-at-100511-2x.png)

### Step 2 – Update DSN web and mobile project branding and products

The new Unify feature lets you use a guided wizard to update branding and products across multiple DSN projects. In this example, you’ll use it to transform the Luma demo into a customer-specific experience.

- Click on **Unify **then select your web/mobile projects

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/TathA1owdd-4WbpjsFY9-_cleanshot-2026-02-06-at-100729-2x.png)

- Select **Branding & Products**

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/qcjiqnq3baxE14FUgLPDH_cleanshot-2026-02-06-at-101021-2x.png)

- Click on **Import from Live Demos**

****

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/ZMEjC4wC1L-_htT0ZU999_cleanshot-2026-02-06-at-101140-2x.png)

- Select your **Demo Pilot** project, then review and adjust the brand details as needed

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/XqeTPwurUB2YUlGyUmFXH_cleanshot-2026-02-06-at-101827-2x.png)

- Review the **products** to be imported, make any adjustments if needed, and click **Next**

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/Mm6hDAza0-ePzKDEH626__cleanshot-2026-02-06-at-102219-2x.png)

- By default, **both web and mobile projects are selected** for update, but you can change these options
- Click on **Finish**

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/nEK12yZkwKzJ0qK2P_ZmB_cleanshot-2026-02-06-at-102355-2x.png)

Your web and mobile project branding and products are now customized with your customer’s assets. 🎉

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/6jeK2tnJmC8H80xwK3XZU_cleanshot-2026-02-06-at-103011-2x.png)



### Step 3 – Update your DSN project content using your customer’s asset library

You can further refine the demo by updating the website and mobile app content in the DSN web and mobile project editors using your customer’s asset library.

- Navigate to [https://dsn.adobe.com](https://dsn.adobe.com/)
- Open your DSN Workspace
- On the Web or Mobile project, click on the "**...**" then click on **Run**

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/P5FBxBbpjwx3nFOsv9-tc_cleanshot-2026-02-06-at-103508-2x.png)

- Once the Web project is loaded, enable the **Edit **mode

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/YmRo6Dah4JUAVWPJeDi-a_cleanshot-2026-02-06-at-103931-2x.png)

- Select an **image **in the project content
- Click on **Import image from Demo Pilot**

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/a_JMsOA_32nkMBNIE1OR0_cleanshot-2026-02-06-at-104120-2x.png)

- Select your** Demo Pilot **project e.g. Nike
- Select your customer image
- Click on **Upload** to replace the image
- The original image will be **replaced** with your customer asset

![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/JZvoBXZ9Ug6Dc8MTxl_bB_cleanshot-2026-02-06-at-104331-2x.png)

You’re now ready to further tailor the web and mobile projects so they fully reflect your customer’s branding and specific use cases. 🚀