Citywide LPI Portal

About The Client

Citywide LPI required a centralized platform to efficiently manage and distribute media assets for their clients and internal teams. Their existing workflow involved handling large volumes of photos, videos, and documents across multiple projects, making organization and access management increasingly difficult.

The goal was to build a secure and scalable portal that simplified media organization while providing customized access for different user roles.

The Challenge

One of the primary challenges was creating a flexible media management system capable of supporting multiple user roles with different levels of access and permissions.

The platform needed to:

• Manage large volumes of media assets
• Support multiple file types and resolutions
• Restrict access based on user roles
• Allow structured category and subcategory management
• Provide a seamless user experience for both technical and non-technical users

Another key requirement was ensuring that clients could only access their own designated media areas, while team members received controlled access to specific categories assigned by administrators or clients.

The system also needed to remain scalable for future expansion as the client’s media library and user base continued to grow.

Our Approach

We began the project with a detailed planning and wireframing phase to define the portal structure, user flows, and overall user experience.

The interface was designed to prioritize:

• Simple navigation
• Fast access to media assets
• Clear content organization
• Easy file management
• Responsive usability across devices

After finalizing the UI/UX direction, the application was developed using Laravel and Vue.js to create a modern, scalable, and high-performance web application.

Key implementation highlights included:

• Custom role-based authentication system
• Dynamic category and subcategory management
• Multi-format media upload functionality
• Controlled user permissions and access levels
• Responsive frontend interface
• Organized media browsing experience
• Scalable backend architecture for future growth

Challenges We Solved

Managing Multiple User Roles & Permissions

One of the biggest technical challenges was creating a secure and flexible permission structure that allowed administrators, clients, and team members to access different sections of the portal without overlap or security concerns.

We developed a structured role-based access system that ensured:

• Clients only accessed their assigned media
• Team members viewed approved categories
• Administrators maintained full management control

This created a secure and organized workflow across all user levels.

Organizing Large Media Libraries Efficiently

The platform needed to handle a large collection of media assets, including:

• Photos
• Videos
• Documents
• Multiple resolution formats

To solve this, we implemented a structured category and subcategory system that simplified media organization and improved asset discoverability.

The final experience allowed users to quickly locate and manage media without unnecessary complexity.

Results & Impact

The completed portal significantly improved how Citywide LPI managed and distributed media assets across clients and internal teams.

Key outcomes included:

• Streamlined media management workflow
• Faster access to organized media assets
• Improved collaboration between clients and team members
• Secure role-based content access
• Simplified media upload and organization process
• Scalable platform architecture for future expansion
• Responsive and user-friendly experience across devices

The new portal became a centralized solution for managing media efficiently while reducing administrative overhead and improving operational workflow.

Tech Stack

• Laravel
• Vue.js
• MySQL
• REST APIs
• Custom Authentication System