How Did I Enhance Volunteer Management for KeelWorks with an Intuitive App Design?
Introducing KeelHub: Ready to Transform Volunteer Management?
.png)
What Was the Scope and Impact of the Project?
Duration
May 2024- Present
(6+ Months)
Team
6 UX Designers
18 Engineers
4 PMs
Role
UX Designer
What did I do?
High-Fidelity Design
Design System
Component Library Creation
Developer Handoff
What Challenges Did KeelWorks Face in Volunteer Management?
.png)
Scattered data made volunteer tracking inefficient
.png)
Disorganized assignments caused delays and confusion.
.png)
Lack of platform hindered program scaling.
.png)
A streamlined system was needed for efficiency.
How Did We Tackle These Challenges?
Designed a centralized platform to streamline volunteer data and tasks.
Created simple, intuitive workflows for smooth onboarding and task management.
Built with scalability in mind to support KeelWorks’ growing volunteer base.
Developed a consistent design system to ensure seamless user experiences.
What Was My Role as a UX Designer at KeelWorks?
Created and updated onboarding screens, components, and variants.
Collaborated with the design manager on task alignment and goals.
Integrated weekly cross-functional feedback to refine designs.
Delivered annotated handoff files for seamless development.
How Did We Tailor the Platform for Diverse Stakeholders?
Role-Based Access
Each user type—Admins, HR, Project Managers, Volunteers—has tailored access to essential features.
Security
First Design: Access levels and permissions are set to protect sensitive data.
Customized User Experience
Each screen and feature is designed for the specific needs of its intended user.
What Does the KeelHub Platform Look Like?
1.
Managing Volunteers at a Glance
The Home Page offers a streamlined view of all volunteers awaiting task reviews, displaying their statuses, due dates, and task details. Accessible actions like task deletion simplify organization management.
2.
Tracking Projects and Team Collaboration
The Projects Tab provides a comprehensive table displaying ongoing projects, program managers, start and due dates, and a list of active team members. It also includes an option to easily add new projects.
3.
Streamlined Volunteer Onboarding
The Onboarding Tasks table tracks volunteers’ progress, roles, and due dates. HR/Admin can add volunteers, assign tasks, and make edits directly within the platform.
4.
Effortless Volunteer Management Actions
The Volunteer Table provides an overview of all volunteers, with easy access to individual profiles. Quick actions allow admins to assign projects or add new volunteers through intuitive popups.
.png)
How Did We Achieve a Successful MVP with KeelHub?
166
Hi-fi Wireframes
8
User Flows
4
User Types
100%
Requirement Alignment
Our team worked collaboratively to meet the extensive goals outlined in a 400-page product requirement document. While I wasn’t responsible for all 166 wireframes, my contributions—such as onboarding screens, design system components, and coordinating with the design manager—were key to delivering Phase 1 for development, setting up KeelHub for a successful MVP launch and upcoming testing phase.
How Did We Achieve a Successful MVP with KeelHub?
I developed key components for KeelHub's design system, ensuring consistency and efficiency across critical screens. From buttons and checkboxes to tables and dropdowns, these components became essential building blocks, used extensively in the app's most important features.
What Did I Learn as a Budding Designer?
-
Mastered creating reusable components like popups, tables, and buttons for scalable designs.
-
Gained expertise in auto layouts and designing for flexibility across different screen sizes.
-
Collaborated across timezones, iterating on designs weekly and aligning them with stakeholder feedback.
-
Focused on simple, user-friendly UI, ensuring intuitive designs that resonate with users and stakeholders.