Resource Management Prototype

The resource management tracker began as a prototype created for a design challenge I received as part of a job application, I spent around 4 hours from concept to completion and received very positive feedback on it from the hiring manager. I’ve since refined it a bit and added some more functionality, you can explore the prototype here.

The brief was that a manager at an accounting firm needs to staff their team across multiple active engagements but has limited visibility into how allocated each person on their team is. I needed to design a way they could see what team members were assigned to, evaluate their capacity, and the ability to resolve any conflicts (being over capacity, assigned to too many projects, etc.).

I started by restating the problem in my own words to make sure I understood it, listing UX considerations, defining my assumptions, and noting areas that would need to be considered that were out of scope for the project. I defined full capacity as someone who was allocated for 32 hours (so as to allow time to meeting and adminstrative tasks) then established ranges for “over capacity”, “near capacity”, and “available”.

Based on my brief research and guidelines I designed a few screens, then connected to Claude via Figma Console MCP and had Claude build a first pass HTML page based on the screens and my parameters. I did some refinement from there and connected the team member entries to the project cards so that totals would update as team member hours were entered. I also asked Claude to create a secondary table/list view based on the team member cards, and it created a table that was exactly what I was looking for after just a few tweaks.

I’ve since done some visual cleanup and polished on the UI, and overall I’m happy with how the project turned out with a pretty reasonable time investment. If I were to continue development I'd want to explore a Project based view were team members could be added directly from a project, as well as how to connect an application like this to an API to give it history and a database to connect to.