Development of ProjeX Workforce Management Platform
ProjeXCaseStudy
ProjeX is a smart, cloud based workforce and project management solution developed to streamline task coordination, team performance, and project delivery across engineering, architectural, and construction firms in New Zealand. The goal was to design a modern, scalable, and intuitive platform that enables professionals to manage projects, people, and performance seamlessly bringing the flexibility of tools like Monday.com to the project-driven industries of engineering and construction.
CLIENT OVERVIEW
Comprehensive overview of our client partnership and delivered solutions
Services Provided
Project Planning & Tracking
Timesheet Management
Task & Workflow Management
Budget & Cost Visibility
Site & Field Team Coordination
Team Communication & Collaboration
Client & Contract Tracking
Cloud Access Across Devices
Performance & Productivity Insights
Role-Based Access & Data Security
Company Details
About the Client
CHALLENGES
The development of ProjeX presented several key challenges that needed to be addressed to create a successful workforce and project management platform for the engineering and construction industries:
- Adoption Curve: Transitioning traditional project teams from manual tracking to a digital platform.
- Data Structuring: Organising multi-level project and team data into an intuitive hierarchy.
- Performance Optimization: Ensuring real-time updates without compromising system speed.
- User Interface Balance: Combining simplicity for staff with advanced features for managers.
OUR APPROACH
Our approach to developing ProjeX focused on creating a user-centric, scalable, and technically robust platform that addresses the unique needs of project-driven industries. We aimed to design a solution that not only streamlines project and workforce management but also enhances team collaboration and performance through intuitive design and powerful features.
Technical Overview
Modern Frontend Stack
Built with HTML5, CSS3, and SCSS (compiled into a main CSS file), while JavaScript (ES6+) and jQuery 3.7.1 handle client-side functionality and interactions.
Bootstrap 5 Responsive UI
Used Bootstrap 5 as the primary UI framework to deliver a responsive, consistent layout across desktop, tablet, and mobile devices.
Interactive Library Ecosystem
Integrated Swiper.js, WOW.js, Animate.css, Magnific Popup, CounterUp + Waypoints, Parallaxie, MeanMenu, Nice Select, Select2, and Intl-Tel-Input to enhance UX, animations, navigation, forms, and visual effects.
HubSpot Forms API Integration
Form submissions are handled through the HubSpot Forms API via the Fetch API, with JavaScript intercepting the default PHP form action for a smoother client-side workflow.
Azure-Powered AI Chat Widget
The ProjeX chat widget is hosted on Azure Static Web Apps and connected to an Azure OpenAI backend to provide AI-driven responses.
Typography & Icon System
Implemented Font Awesome 6 for iconography and Google Fonts (DM Sans and Open Sans) to maintain clear, modern, and consistent visual communication.
Design Overview
Unified Management System
Create an all in one platform to manage projects, teams, and timesheets.
User Simplicity
Design a user friendly interface for technical and non-technical staff alike.
Workflow Automation
Reduce manual administration and increase efficiency.
Cloud Accessibility
Provide real time access from anywhere, on any device.
Performance Insight
Enable managers to monitor budgets, tasks, and timelines through data dashboards.
Our Design Process
Our design process for ProjeX followed a structured approach that focused on creating a user-centric, scalable, and technically robust platform that addresses the unique needs of project-driven industries. We aimed to design a solution that not only streamlines project and workforce management but also enhances team collaboration and performance through intuitive design and powerful features.
Research and Discovery
We conducted detailed research on the target users, including engineers, architects, project managers, contractors, and consultants managing multiple ongoing projects. The key pain points identified were disconnected tools and spreadsheets causing information gaps, difficulty tracking time, project budgets, and staff workloads, and weak collaboration between office and on-site teams. Based on these findings, we defined a solution concept for a cloud-based platform that simplifies daily operations through better project visibility, streamlined task management, and integrated time tracking in one system.
Design Features
The user interface was built as a clean and professional dashboard with intuitive navigation. A left-hand menu provides quick access to Projects, My Timesheets, Tasks, and Profile Settings, and real-time updates across all pages improve usability and overall user experience.
Responsiveness
The platform is fully optimised for desktops, tablets, and mobile devices, ensuring a consistent experience across screen sizes. It is also accessible for remote and field teams, supporting continuous workflow visibility from any location.
User Guidance
The interface is supported by an in app help layer and an online User Guide for staff, makingonboarding simple and quick.
Additional Features
Explore the advanced features and functionalities that enhance ProjeX's capabilities, providing users with powerful tools for efficient project and workforce management.
ProjeX Intelligent Assistant
A purpose-built conversational AI assistant that centralizes workforce and project management tasks into one interface, acting as both a live data analyst and an expert product guide.
Live Project Intelligence
Instantly queries live ProjeX data to provide up-to-date visibility on budgets, timelines, team availability, and project status, reducing manual dashboard navigation and report generation.
On-Demand Product Expertise
Connects to the ProjeX knowledge base to answer how-to questions, explain platform features, and guide users through project and workforce workflows.
Faster Decision-Making
Processes natural language requests so stakeholders can resolve operational questions quickly and make faster, data-driven decisions.
Productivity Impact
Significantly reduces administrative overhead while improving collaboration and day-to-day team productivity.
Technology Stack
Built with Python, FastAPI, LangChain, LangGraph, and Azure OpenAI to deliver reliable, AI-driven conversational support.
Features and Functionality
Comprehensive project, finance, workforce, and reporting capabilities designed to improve delivery speed, control, and decision-making.
Project Management
Track project progress in real time, monitor milestones and delivery status, and identify bottlenecks early to keep work on schedule.
Budget & Financial Management
Set up projects with clear budgets, plan financials in advance, allocate resources effectively, and begin each project with financial clarity.
Task & Workflow Management
Break projects into manageable tasks, assign ownership, set deadlines and priorities, and keep teams aligned.
Real-Time Budget Tracking
Monitor budgets as work progresses with automatic updates from tracked hours and expenses to help prevent overspend.
Client & Team Management
Manage clients and employees from one dashboard with contact details, roles, assignments, and project involvement.
Real-Time Work Tracking
Track employee work hours with task-based timesheets that update live for better productivity and workload visibility.
Automated Invoicing
Generate invoices automatically as tasks and timesheets are completed to improve billing accuracy and speed up payment cycles.
Xero Integration
Connect ProjeX with Xero to keep financial data synchronized and reduce manual effort and invoicing/accounting errors.
Real-Time Invoice Status Updates
Get live invoice status updates (paid, unpaid, overdue) from Xero and bank feeds without cross-checking multiple systems.
Automated Reports
Access daily, weekly, and monthly reports on projects, budgets, time, and invoicing for stronger planning and performance analysis.
Interactive Analytics Dashboard
Use visual charts and summaries to identify trends, risks, and opportunities quickly.
User Roles & Access Management
Define role-based permissions to protect sensitive information while enabling effective team collaboration.
SUCCESS STORYOVERVIEW
KEY ACHIEVEMENTS
The ProjeX platform delivered measurable operational improvements for project-driven teams by streamlining workflows, communication, and reporting.
Enhanced Productivity
Reduced administrative workload and enabled faster project tracking across teams.
Improved Collaboration
Enabled seamless communication between project managers, engineers, and contractors.
Increased Transparency
Provided real-time insights into project status, budgets, and staff performance.
Higher Data Accuracy
Automated timesheet and task submissions to reduce manual errors and improve data reliability.
Scalable Adoption
Designed to support small to medium firms as well as large multidisciplinary consultancies.