---
title: "ZipPark Portal: Interface"
description: "## Login  Users access Zip Park Admin with credentials provided by an admin. Available features and menus vary by user role. For more details, see *ZipPark Portal: Users* ![](https://qa.flashparking.com/wp-content/uploads/2025/10/image-49-edited.png) ![](https://qa.flashparking.com/wp-content/uploads/2025/10/image-47.png) ![](https://qa.flashparking.com/wp-content/uploads/2025/10/image-48.png) ## Top Bar ![](https://qa.flashparking.com/wp-content/uploads/2025/10/image-43-1024x122.png) 1. App switcher icon: This…"
url: "https://qa.flashparking.com/docs/zippark-portal-interface/"
updated: "2025-10-30"
category: ZipPark Admin
---

# ZipPark Portal: Interface

## Login 

Users access Zip Park Admin with credentials provided by an admin. Available features and menus vary by user role. For more details, see *ZipPark Portal: Users*

![](https://qa.flashparking.com/wp-content/uploads/2025/10/image-49-edited.png)

![](https://qa.flashparking.com/wp-content/uploads/2025/10/image-47.png)

![](https://qa.flashparking.com/wp-content/uploads/2025/10/image-48.png)

## Top Bar

![](https://qa.flashparking.com/wp-content/uploads/2025/10/image-43-1024x122.png)

1. App switcher icon: This icon is positioned in the top-left corner of the navigation bar. It opens a menu or drawer that allows users to quickly switch between different applications or modules within the platform.

1. ZipPark logo: The ZipPark logo is prominently displayed in the top navigation bar, adjacent to the App Switcher icon. It serves as a visual anchor for brand identity and provides an intuitive navigation point for users.

1. Profile icon: The profile icon is located in the top-right corner of the navigation bar and represents the current logged-in user. Clicking this icon reveals a dropdown menu with user-specific options.
   - When clicked, it shows the Menu contents: 
     - **User’s Full Name:** Displayed at the top of the menu in “First Last” format for easy identification.
     - **Sign Out Option:** Allows the user to securely log out of their session.

## Navigation Menu

![](https://qa.flashparking.com/wp-content/uploads/2025/10/image-44.png)

1. Allow hiding the menu: The navigation menu should support a collapsible/expandable state, allowing users to hide it when they need more screen space or a cleaner interface.

1. On sign-in, display menu in expanded state: When a user signs in, the navigation menu will default to its expanded state to improve discoverability and guide the user through the available sections.

1. Clicking an option with a sub-menu displays the sub-menu and changes the down-facing chevron to an up-facing chevron: If a navigation menu item has nested sub-menu options, clicking the parent item should reveal the sub-menu items below it and visually indicate this state change.

![](https://qa.flashparking.com/wp-content/uploads/2025/10/Adobe-Express-2.gif)

Note

All navigation menu items follow the defined visual styles for hover and selected states.