User Portal Branding and Setup

OPSCOMThe User Portal Branding and Setup feature allows administrators canto define the global default branding for the Userpublic-facing Portal.portal. ByIts configuringprimary the Defaultpurpose Siteis Logo and Default Site Header, you canto ensure a consistent branding and visual presentation across yourthe OPSCOMuser Userenvironment environment.by establishing a default site logo and header. This article is intended for OPS-COM administrators responsible for managing system configuration and visual design.

Setup &and Configuration

DefaultThis feature requires administrative access to the global system settings.

Admin Side: Administrators must have the appropriate system role permissions enabled to access the global system settings and the file management repository.

Using this Feature

Administrators can use the following instructions to configure the default logo and header images arefor configuredtheir withinenvironment.

the

Configuring GlobalDefault component of the System Settings.

Images

1. Hover over System Configuration, Configuration and click System Settings.

2. Click the Global tab to view the global settings tab.section.

   Within the Global Setting section, you will find two key areas where you can configure images:
   • Default Site Logo
   • Default Site Header

Setting

Click the DefaultSelect Logo

Image

button
1. Nextnext to either the Default Site Logo setting, click onor SelectDefault ImageSite Header.
2. You will be takensetting to theopen Manage Files section (your file repository).repository.

3. Browse your computer or search for the specific image you wish to use as your default site logo.

4. Select the desired image.

Followwithin the Uploading and ManagingManage Files guide for best practices regarding file managementinterface and organization.

Setting the Default Header Image

1. Similarly, nextclick to theselect Defaultit.
   Site Header setting, click on Select Image.
2. Follow steps

   Click 3-4Save above.Settings to apply your branding selections.

Once thean imagesimage areis selected, theirits file namesname or previewsa preview will appear in the respective configuration settings fields.field. RememberFor best practices on uploading and organizing your visual assets, please refer to Savethe Settings toUploading applyand theseManaging selections.Files article.

Observing

Key theInformation Changes

Displayed

These default images serve as global fallbacks and will appear in various places throughout the OPSCOM system if no specific logovisual orassets header isare set in other areas (such as the Contents and Designs section).

Common placeslocations where these default images are utilized include:

• The User Portal (e.g., your public-facing permit purchasing site).

• The phone interface utilized in features like Real-Time Parking.Parking.

• Mobile apps,applications, Text2ParkMe, and QR code interfaces interfaces.

Available Actions and Buttons

• Select Image: Click this button to open the file manager to choose an existing image or upload a new one for your branding.

• Save Settings: Click this button to commit your branding selections to the active system environment.

---

Best Practices &and Considerations

• BrandingMaintain Consistencybranding consistency:: Use high-quality, appropriately sized images that accurately reflect your organization's brandingbranding. forConsistent both the logologos and header.headers build trust and provide a professional appearance across all platforms.

• OptimizationOptimize image files:: Ensure your image files are properly optimized for web use. Compress files and use (e.g., compressed, appropriate resolution)resolutions to ensureguarantee fast page loading times onacross allboth desktop and mobile interfaces.

• GlobalUnderstand Impactglobal impact:: Remember that these are default fallback settings. If you have specific headers or logos configured in other sections of the system (like individual email templates or specific public pages), those specific configurations will always override these global defaults.

• AccessibilityEnsure visual accessibility:: Consider the visual accessibility of your chosen images,images. Ensure adequate color contrast for any text overlays, especially for text overlays or contrast, if applicable towithin your header design.design, to accommodate all users.