# User Interface

The BlackDiamond Studio Portal is a web application meant for creating, sharing, and managing your projects. It has several user interface components that enable navigating within the app: 

<figure><img src="https://3318121499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FltqydcnGV3BWCCC3QkYO%2Fuploads%2FkX5yGK3SVbNL18mYQuLe%2FFinal%20version.png?alt=media&#x26;token=a02b74e6-8b8b-4e54-84c3-23c1b7964d9d" alt=""><figcaption></figcaption></figure>

### **1. Top Bar**&#x20;

This area provides content and actions related to the current screen. For example, in the project creation wizard, you will be notified if the project is being saved. This is where the breadcrumbs or page navigation can also be found.&#x20;

<figure><img src="https://3318121499-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FltqydcnGV3BWCCC3QkYO%2Fuploads%2F51My7jmQxnOPdZz5oyyR%2FProject%20wizard.png?alt=media&#x26;token=8c6aa16f-3128-4e5e-b79e-50294702ece2" alt=""><figcaption></figcaption></figure>

### 2. Navigation Bar

The left navigation bar offers quick access to the projects list. In the future, it will have more options available to switch from the project area to new upcoming features.&#x20;

### 3. Projects List&#x20;

This area shows all your projects ordered by creation date. [Navigate the projects list](https://docs.gapvelocity.ai/blackdiamond-studio-or-mobilize.net/blackdiamond-studio-documentation/bds-portal/projects-list/navigating-the-projects-list) by using the following options:&#x20;

* [Sort options ](https://docs.gapvelocity.ai/blackdiamond-studio-or-mobilize.net/blackdiamond-studio-documentation/projects-list/navigating-the-projects-list#sort-by)
* [Filters](https://docs.gapvelocity.ai/blackdiamond-studio-or-mobilize.net/blackdiamond-studio-documentation/projects-list/navigating-the-projects-list#filters)
* [Search bar](https://docs.gapvelocity.ai/blackdiamond-studio-or-mobilize.net/blackdiamond-studio-documentation/projects-list/navigating-the-projects-list#search-bar)