---
title: UI Overview
slug: emea-brand-visibility-bootcamp-2026/ui-overview
docTags: 
createdAt: 2026-07-27T16:23:35.542Z
---

*Document Authoring builds upon the knowledge you likely already have from using other word processors like Microsoft Word or Google Docs. This should give you a head start in being able to make content.*

## Browsing through the website authoring structure

1. Go to [https://da.live/ ](https://da.live/)and **click** on **Sign In **to login using the provided Adobe ID. 
   Refer your credentials if needed [in this page](docId:8DtjS3LcGLFHHd2nRZdtN). 
2. Enter `https://main--frescopa-bootcamp--nirmaljosehere.aem.page/` in the input field for the URL of your site to get started as below and Click on ->- icon.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/I2BzXSBBIkTTiOSnKTFB9_screenshot-2026-09-21-at-10-45-07.png)

1. This should take you to the authoring view of our **[Frescopa demo site](https://da.live/#/nirmaljosehere/frescopa-bootcamp). **This page shows all the author files that are serving our website. *(you may see more pages on our site)*

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/vmsSGV0wkAkxIIapGgBpa_screenshot-2026-09-14-at-110523.png" size="100" isUploading="false" width="2610" height="1494" darkWidth="2610" darkHeight="1494" position="center" showCaption="false" indent="1"}

2. Let's go to our **your folder, user\{\{USER\_NUMBER}}** by clicking on it. eg. user50**. **

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/_UHZQRLua4Gal9qhx3KF3_screenshot-2026-09-14-at-11-11-36.png" size="70" isUploading="false" width="2610" height="1494" darkWidth="2610" darkHeight="1494" position="center" showCaption="false" indent="1"}

3. Click on** 'sustainability' **to open the Sustainbility page in your folder.

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/o-O2SkJTLFlrtYAi8ArbC_screenshot-2026-09-14-at-111158.png" size="100" isUploading="false" width="2610" height="1494" darkWidth="2610" darkHeight="1494" position="center" showCaption="false" indent="1"}

4. This will allow you to access the Document Authoring, of our **sandbox homepage, **have an **overview of the UI: **

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/hae4MM_z4MOeICZi5w20L_screenshot-2026-09-28-at-162253.png)

5. If there are **multiple authors** on the same page, you will see their cursors:

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/GFuj3oqXWw2T0kTRDfQuM_screenshot-2026-09-14-at-132249.png" size="100" isUploading="false" width="1724" height="496" darkWidth="1724" darkHeight="496" position="center" showCaption="false" indent="1"}



:::hint{type="success"}
### Conclusion

By completing this step, you have successfully accessed **Document Authoring in AEM**, navigated to the Frescopa demo site and an example page content, and explored the authoring interface. 

**Next:** You are now ready to create and update page content in the lab environment.
:::