Design & Code Club Project Management Application
A task management web application that helps UCF Design and Code members and club officers efficiently organize and track projects using a Kanban-inspired interface.
Timeline
November 2023 - January 2024 (10 weeks)
Design Role
Product, UI/UX, Research
Team
1 Project Lead, 2 Designers, 3 Engineers
Goal
The UCF Design & Code Club aims to implement a dedicated page on their website, facilitating seamless project and team management for club members and officers. Through personalized Kanban-style boards, members can efficiently track tasks, set priorities, and collaborate on projects. Design and Code Club Officers have administrative control to create and manage project boards, assign members to teams and projects, monitor progress, and give members certain access rights. This web application resembles a Trello/Jira-style software tailored to the needs of the UCF Design and Code Club.
Problem
- Task management softwares are high cost for the size of the UCF Design & Code Club (300+ members)
- Administrative limitations, need to accomodate Design & Code Club Officers to be able to create projects and add members, as well as have UCF Single Sign On
Solution
- Create end to end high fidelity design for React task management software webpage in UCF Design & Code Website
- Develop functionality for: task completion status, separate login credentials for officers and members, project completion status, create new project, create new team, edit/add user, project kanban board
Research
We conducted a comparative analysis of common task management platforms such as Trello, Jira, Evernote, Asana, and Microsoft Planner. Through this process, we determined that the Kanban Board style offers the simplest and most effective design solution for fulfilling the needs of the UCF Design & Code club, based on both usability and functionality assessments.
Inspiration
- Figma Community
- Trello and Kanban Board
- Instagram Admin
- Jira
Wireframes
Our wireframes serve as the blueprint for the webpage, providing a visual representation of the website's layout, structure, and functionality. We concluded the MVP (most viable product) and focused on the features and functionality that were high priority.
Prototype
Our high-fidelity prototype builds upon the foundational elements established in our wireframes, incorporating additional features and refining the user interface to create a more polished experience. Emphasizing the project Kanban board and administrative functions for Design and Code club officers, the prototype brings our design concepts to life with enhanced interactivity and visual fidelity. Our prototype streamlines project management and collaboration for the UCF Design & Code club.
Login Screen
Dashboard
Project Kanban Board
Edit Kanban Card
Create New Kanban Card
Projects Home
Admin Home
Admin View of Member Teams Data Table
Edit Team
Admin View of User Data Table
Edit User