---
title: How to prepare an advanced mobile screen experience
slug: docs/how-to-prepare-an-advanced-mobile-screen-experience
docTags: 
createdAt: 2025-01-08T13:34:45.166Z
---



1. Go to [https://dsn.adobe.com/](https://dsn.adobe.com/) and open your mobile project. Make sure the "Screens" tab is selected.
2. Duplicate the screen you want to do targeting or create a new one by adding a new screen



::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/e2vyUhoVc3vbfDfTqGlvl_image.png" size="34" width="380" height="580" position="center" showCaption="false"}

3\. Make sure the new screen will be included in navigation - so you can test the preview of this screen. Go to the navigation tab and add the screen there.





![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/wh9_heM5YPzjCaHqLSUlP_image.png)

4\. Go back to the screen. Modify the content to match your needs in the visual editor.



![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/ThayJMrHK6DxPWfct-tKq_image.png)

5\. You can test your changes in the app by loading the project and navigating to the desired screen



::Image[]{src="https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/Vn59Xc3fw0_7S8_8N8Mp2_image.png" size="48" width="808" height="1580" position="center" showCaption="false"}

6\. Go back to your project and click on the prepared screen (in this example New),

7\. Expand the Targeting section in the navigator and click "Show Sample Offer."



![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/3ot5qB2iF2Flw87gGZDG9_image.png)

The offer content can be used as the offer content for your screen in Target Activity



![](https://api.archbee.com/api/optimize/bAgVaanSi1tFmfc8PghaH/df-PGrgumKaqx5l2vdTEu_image.png)