Objective:

1. Improve overall user experience.

2. Optimize workflows for increased efficiency.

3. Introduce a new UI library for a modern and cohesive design.

4. Add new features based on user needs and industry trends.

Discovery Phase: During the discovery phase, the I have conducted user interviews, surveys, and analysed user data to identify pain points and opportunities for improvement. Key findings included:

• Users struggled with the current navigation, reporting that it was unintuitive.

• Certain features were underutilised due to a lack of discoverability.

Strategy:

1. Redesign Information Architecture:

   • The navigation was revamped to prioritise the most used features.

2. Create a New UI Library:

   • A modern and consistent design system was developed to unify the application's look and feel.

   • Components were designed with scalability and accessibility in mind.

3. Enhanced Volunteer Recruitment:

   • Users were given the ability to create and edit volunteer opportunities (recruitment) as well as follow up, approve and reject volunteering applications

   • Existing features including Events, Rota and Activities was revamped to increase discoverability and feature adoption.

Design and Prototyping:

1. Wireframes:

   • Low-fidelity wireframes were created to iterate on the new information architecture.

   • Feedback was gathered through internal reviews and refined accordingly.

2. UI Design:

   • High-fidelity mockups were developed based on the finalised wireframes.

   • The new UI library was applied consistently across all screens.

3. Prototyping:

   • Interactive prototypes were built to simulate user flows and gather feedback.

   • Prototypes were tested with both existing users and new users to assess the learnability of the new design.

User Testing:

1. Usability Testing:

   • Users were given specific tasks to complete to evaluate the intuitiveness of the new design.

   • Observations and feedback were collected for further refinement.

2. Feedback Integration:

   • Iterative changes were made based on user feedback, focusing on addressing pain points.

   • Usability testing was an ongoing process through multiple iterations.

Implementation:

1. Development:

   • The development team implemented the new design and UI library using agile methodologies.

   • Continuous integration and regular testing ensured a smooth transition.

2. Feature Additions:

   • New features, such as advanced analytics and volunteer home, were integrated based on user feedback and industry trends.

   • User documentation and training materials were updated to reflect the changes.

Launch and Post-Launch:

1. Communication:

   • A communication plan was executed to inform users about the upcoming changes and provide resources for adaptation.

2. Monitoring and Optimisation:

   • User engagement and feedback were closely monitored post-launch.

   • Ongoing updates and optimisations were implemented based on user behaviour and emerging needs.

Results:

1. Improved User Satisfaction:

   • User satisfaction surveys indicated a significant improvement in overall satisfaction.

2. Increased Efficiency:

   • Users reported increased efficiency in completing tasks due to the streamlined workflows.

3. Positive Reception of New Features:

   • The addition of new features received positive feedback, with users expressing appreciation for the enhanced functionality.

4. Consistent Design Language:

   • The new UI library ensured a cohesive and modern design, contributing to a more professional and trustworthy image.

Conclusion: The redesign of the Assemble, coupled with the introduction of a new UI library and additional features, resulted in a more user-friendly and feature-rich product. Continuous user feedback and an iterative design process were crucial in achieving the desired outcomes. The success of this project highlights the importance of user-centred design in creating software that meets the evolving needs of its users and the industry.