A total makeover of a Project Management and Resource Management web application
Project
Precursive Web App
Client: Precursive
Oct 2022 - Jan 2023
Role
Lead Product Designer
Senior UX/UI Designer
Team
Front-End Developers
Back-End Developers
Business Owner
Project Manager
Deliveries
UX Research
High-fidelity mockups
Prototypes
Design system
Components library
Precursive develops software tools that streamline project management, resource management, and professional services automation (PSA). The company helps organizations manage their teams, resources, and projects more efficiently.
My role
At Precursive, I led a web application's UX and UI design overhaul, focusing on resource management, capacity planning, and project management. I aimed to create intuitive, visually cohesive interfaces that line workflows and boost user satisfaction. Using thorough research and iterative design, I created solutions that significantly improved efficiency and usability. I also developed a design system and component library to ensure consistency and faster development across the platform while delivering a unified and accessible product experience.
Challenges
Precursive Resource Management
Redesigning the Precursive Resource Management tool was an exciting challenge, balancing advanced features with user-friendly design. I aimed to create an intuitive system for managers to allocate resources, track availability, and plan capacity. Through user research, I identified key workflows and pain points, which guided the design of interactive dashboards, dynamic schedules, and clear visualizations. I integrated complex features like skills matching and project management while ensuring platform cohesion. Developing a design system and modular component library provided scalability and consistency, resulting in an efficient solution that adapts to changing needs.
Precursive Project Management
I redesigned the Precursive Project Management tool to simplify complex workflows by streamlining task planning, scheduling, progress tracking, and milestone management. I developed an intuitive system that allows teams to visualize timelines, manage dependencies, and adjust plans easily.
I identified pain points through user research and created solutions to enhance usability and efficiency. Integrating the tool with Precursive's resource management system was challenging, but I developed a scalable design system with modular components to ensure smooth data flow.
The outcome was a powerful tool that boosted team collaboration, project visibility, and on-time delivery.
Workflow
Discovery phase and wireframing
The UX/UI design process begins with the Discovery Phase, where I gather insights and define the project scope. This involves meeting stakeholders to understand business objectives, user needs, and technical constraints. I also collaborate with cross-functional teams to identify pain points and opportunities for improvement. As part of competitive research, I analyze similar products in the market to benchmark industry standards, identify gaps, and gather inspiration. This phase concludes with a clear understanding of user personas, workflows, and project requirements.
Initial designs and feedback
In the next step, I create low-fidelity wireframes to explore potential layouts, information hierarchy, and workflows. These wireframes are a foundation for discussions with stakeholders and users, allowing for early feedback and iterative refinement. Collaborative review sessions ensure alignment on key functionality and design direction before investing in detailed visuals. The iterative approach minimizes risks and provides a design that addresses business and user needs.
High-fidelity design and prototyping
Once the wireframes are validated, I transition to high-fidelity designs in Figma, adding visual polish, branding elements, and interaction details. These designs capture the final look and feel of the product while maintaining usability and accessibility standards. I also create interactive prototypes in Figma to simulate user flows and test key interactions. These prototypes are shared with stakeholders for approval and, if needed, used in user testing to validate design decisions before development begins.
Design system and component library
To ensure scalability and consistency, I develop a comprehensive design system in Figma with reusable components, variants, and auto-layout structures. This library includes standardized UI elements like buttons, inputs, and navigation components, each designed to adapt to various use cases. Variants allow for flexibility, such as different states (hover, active, disabled), while auto-layout ensures components remain responsive and easy to update. The design system streamlines the design-to-development handoff and provides a foundation for future iterations and scaling across the product suite.