Nexus
Nexus
(2023)
(2023)
The Most Advanced Web App for Seamless and Scalable Project Resource Management
The Most Advanced Web App for Seamless and Scalable Project Resource Management
MVP-Focused
MVP-Focused
Prototyping
Prototyping
Material UI
Material UI
Flexible web platform that helps digital agencies organize their teams by assigning the right people to the right projects, improving cross-team collaboration.
Flexible web platform that helps digital agencies organize their teams by assigning the right people to the right projects, improving cross-team collaboration.
🧭
Introduction
I led the design process of creation Nexus, a web platform that simplifies how agencies plan, staff, and manage projects. It empowers operations and sales teams to match the right people to the right roles with clarity and precision. My responsibilities included UX research, UI design, and the creation of a scalable design system - all tailored to accelerate MVP development and reduce friction in cross-team collaboration.
I led the design process of creation Nexus, a web platform that simplifies how agencies plan, staff, and manage projects. It empowers operations and sales teams to match the right people to the right roles with clarity and precision. My responsibilities included UX research, UI design, and the creation of a scalable design system - all tailored to accelerate MVP development and reduce friction in cross-team collaboration.
Role:
Role:
Lead Product Designer
Lead Product Designer
Project Type:
Project Type:
Cross-functional with designers, developers, and managers
Cross-functional with designers, developers, and managers
Duration:
Duration:
7 Months
7 Months
🔍
The Challenge
The platform had to make a messy process more organized. Agencies were using scattered spreadsheets, old tools, and disconnected information to plan their teams — which often led to the wrong people being assigned, lost opportunities, and a lot of manual work. The main challenge was to design something that worked well for four different user groups, while keeping it simple and easy to build using Material UI framework.
The platform had to make a messy process more organized. Agencies were using scattered spreadsheets, old tools, and disconnected information to plan their teams — which often led to the wrong people being assigned, lost opportunities, and a lot of manual work. The main challenge was to design something that worked well for four different user groups, while keeping it simple and easy to build using Material UI framework.
💡
The Process
We kicked off with stakeholder workshops and in-depth interviews to understand pain points across sales, delivery, and planning teams. I mapped out the end-to-end user flows, designed wireframes, and prototyped key interactions. I conducted usability testing using a Figma prototype, validating the experience through task-based scenarios and interviews before design handoff.
We kicked off with stakeholder workshops and in-depth interviews to understand pain points across sales, delivery, and planning teams. I mapped out the end-to-end user flows, designed wireframes, and prototyped key interactions. I conducted usability testing using a Figma prototype, validating the experience through task-based scenarios and interviews before design handoff.
📲
Core Features
I created a wide range of features to support the complete resource management flow:
I created a wide range of features to support the complete resource management flow:
👉
👉
Project creation wizard with flexible data entry and automatic versioning
Project creation wizard with flexible data entry and automatic versioning
👉
👉
Resource request tool with skill matching, timeline filtering, and FTE tracking
Resource request tool with skill matching, timeline filtering, and FTE tracking
👉
👉
Interface to propose and assign team members, powered by rich data filtering
Interface to propose and assign team members, powered by rich data filtering
👉
👉
Bulk approval and rejection flows with status feedback and conflict warnings
Bulk approval and rejection flows with status feedback and conflict warnings
👉
👉
Team insights based on skills, seniority, availability, and project fit
Team insights based on skills, seniority, availability, and project fit
📲
Scalable Design System
To support consistency and future scale, I built a robust design system that included:
To support consistency and future scale, I built a robust design system that included:
⏩
⏩
A detailed style guide with typography, color, iconography, and spacing tokens
A detailed style guide with typography, color, iconography, and spacing tokens
⏩
⏩
1000+ reusable components, optimized for developer handoff
1000+ reusable components, optimized for developer handoff
⏩
⏩
Pixel-perfect spacing with a flexible layout grid
Pixel-perfect spacing with a flexible layout grid
⏩
⏩
Modular patterns using MUI to speed up implementation without sacrificing polish
Modular patterns using MUI to speed up implementation without sacrificing polish
This system drastically reduced inconsistencies and allowed teams to move quickly from design to dev.
This system drastically reduced inconsistencies and allowed teams to move quickly from design to dev.
✅
Outcome
The product was handed off after testing and final documentation for MVP implementation. While I didn’t stay through the release phase, my work laid the foundation for a scalable and efficient solution that aligned deeply with user needs and agency realities. The Figma prototype was validated in pre-launch usability tests, ensuring high confidence in usability and flow clarity.
The product was handed off after testing and final documentation for MVP implementation. While I didn’t stay through the release phase, my work laid the foundation for a scalable and efficient solution that aligned deeply with user needs and agency realities. The Figma prototype was validated in pre-launch usability tests, ensuring high confidence in usability and flow clarity.
See next project
See next project
Don't hesitate.
Let’s talk.
Don't hesitate.
Let’s talk.