Nick McInnis

UX/UI Design Project

Here2Help Community

Here2Help Community is a digital platform dedicated to fostering resilient, connected communities by seamlessly matching volunteers with individuals seeking support. Our mission: Combat social isolation and empower those with disabilities or limited support networks through accessible, safe, and intuitive technology.

Role & Team

Role: Lead UX Designer, Project Manager
Team: 2 UX Designers, 2 Developers, 1 Marketing.

The Challenge

  • Social Isolation: 3.7 million Canadian adults and 2 million seniors report lacking reliable support systems, with the COVID-19 pandemic exacerbating loneliness and disconnection.
  • Barriers to Volunteering: Potential volunteers face unclear opportunities, excessive onboarding friction, and safety concerns.
  • Accessibility Gaps: Many platforms overlook users with disabilities, limiting their ability to participate fully in community life.

Research & Discovery

Quantitative: Surveyed 100+ community members and volunteers to map needs, motivations, and barriers.

 

Qualitative: Conducted 10 in-depth interviews (5 seekers, 5 volunteers) to uncover pain points and emotional drivers.

 

Key Insights:

  • Seekers value privacy, trust, and clear communication.
  • Volunteers are motivated by impact and ease of engagement but are deterred by unclear processes and safety risks.
  • Both groups desire flexible, location-based matching and accessible, mobile-first design.

Personas

User Stories

User stories were essential in guiding the development of the Here2Help Community app, ensuring that every feature was designed with real user needs in mind. By focusing on the specific goals and challenges of both volunteers and people seeking support, we were able to prioritize features that truly mattered. This user-centered approach helped us create a practical, intuitive, and supportive experience for everyone in the community.

Design Process

Ideation & User Flows

  • Mapped end-to-end journeys for seekers and volunteers.
  • Prioritized rapid access to core features: posting/accepting requests, secure chat, and emergency reporting.

Wireframing & Prototyping

  • Developed low- and high-fidelity wireframes in Figma.
  • Iterated on navigation and task matching based on usability test feedback.

Here2Help App

A connected community at your fingertips. Need assistance? Here2Help Community is the easiest way to connect to those around you and receive the support you may need. Time to spare? You can help people on your own schedule at the press of a button.

How it works

Jane has successfully submitted her request for help and it’s listed in the app.

 

Adam signed up for the app and is looking to volunteer in the community.

 

Browsing the app for volunteer opportunities Adam discovers Jane’s request and sends her a message.

Messages & Safety

In the chat Adam connects with Jane and offers her a ride. Jane will be notified of a new message offering her a ride and can discuss the details of the request.

 

Jane also has the option to block and report James if there was any suspicious behavior.

 

 

Accessibility & Inclusivity

Ensured WCAG 2.1 AA compliance: high-contrast UI, screen reader support, large tap targets.

 

Added language toggles and simplified onboarding for users with cognitive impairments.

User Testing & Iteration

Conducted 3 rounds of remote usability tests.

 

Reduced task posting time by 40% after simplifying forms and adding smart suggestions.

 

Introduced a safety checklist and real-time reporting after feedback on trust concerns.

Design System

For the Here2Help Community project, I created a simple, accessible design system to ensure a consistent look and feel across the app and website. I defined key elements like colors, fonts, buttons, and forms, making sure everything was easy to use and met accessibility standards. This design system helped our team work faster and made the user experience clear and welcoming for everyone.

Key Features

  • Smart Matching: Recommendations based on location, availability, and preferences.
  • Secure Chat: In-app messaging with reporting/blocking and privacy controls.
  • Event Calendar: Community events and volunteer opportunities, easily updated by admins.
  • Donation Gateway: Streamlined, accessible donation flow supporting multiple payment options.

Outcomes & Impact

  • User Growth: 500+ active users in first 3 months post-launch.
  • Engagement: 80% of requests matched within 48 hours; 92% positive feedback on app usability.
  • Accessibility: Rated 4.8/5 by users with disabilities in post-launch survey.
  • Community Impact: Over 500 volunteer hours logged, reducing reported loneliness among seekers by 30% (survey).

Reflection

Leading the UX for Here2Help Community reinforced the value of inclusive, research-driven design. By centering user needs and iterating rapidly, we built a platform that not only connects people but also empowers them to build lasting, supportive relationships.

Nick McInnis

UX/UI Design Project

Here2Help Community

Here2Help Community is a digital platform dedicated to fostering resilient, connected communities by seamlessly matching volunteers with individuals seeking support. Our mission: Combat social isolation and empower those with disabilities or limited support networks through accessible, safe, and intuitive technology.

Role & Team

Role: Lead UX Designer, Project Manager
Team: 2 UX Designers, 2 Developers, 1 Marketing.

The Challenge

  • Social Isolation: 3.7 million Canadian adults and 2 million seniors report lacking reliable support systems, with the COVID-19 pandemic exacerbating loneliness and disconnection.
  • Barriers to Volunteering: Potential volunteers face unclear opportunities, excessive onboarding friction, and safety concerns.
  • Accessibility Gaps: Many platforms overlook users with disabilities, limiting their ability to participate fully in community life.

Research & Discovery

Quantitative: Surveyed 100+ community members and volunteers to map needs, motivations, and barriers.

 

Qualitative: Conducted 10 in-depth interviews (5 seekers, 5 volunteers) to uncover pain points and emotional drivers.

 

Key Insights:

  • Seekers value privacy, trust, and clear communication.
  • Volunteers are motivated by impact and ease of engagement but are deterred by unclear processes and safety risks.
  • Both groups desire flexible, location-based matching and accessible, mobile-first design.

Personas

User Stories

User stories were essential in guiding the development of the Here2Help Community app, ensuring that every feature was designed with real user needs in mind. By focusing on the specific goals and challenges of both volunteers and people seeking support, we were able to prioritize features that truly mattered. This user-centered approach helped us create a practical, intuitive, and supportive experience for everyone in the community.

Design Process

Ideation & User Flows

  • Mapped end-to-end journeys for seekers and volunteers.
  • Prioritized rapid access to core features: posting/accepting requests, secure chat, and emergency reporting.

Wireframing & Prototyping

  • Developed low- and high-fidelity wireframes in Figma.
  • Iterated on navigation and task matching based on usability test feedback.

Here2Help App

A connected community at your fingertips. Need assistance? Here2Help Community is the easiest way to connect to those around you and receive the support you may need. Time to spare? You can help people on your own schedule at the press of a button.

How it works

Jane has successfully submitted her request for help and it’s listed in the app.

 

Adam signed up for the app and is looking to volunteer in the community.

 

Browsing the app for volunteer opportunities Adam discovers Jane’s request and sends her a message.

Messages & Safety

In the chat Adam connects with Jane and offers her a ride. Jane will be notified of a new message offering her a ride and can discuss the details of the request.

 

Jane also has the option to block and report James if there was any suspicious behavior.

 

 

Accessibility & Inclusivity

Ensured WCAG 2.1 AA compliance: high-contrast UI, screen reader support, large tap targets.

 

Added language toggles and simplified onboarding for users with cognitive impairments.

User Testing & Iteration

Conducted 3 rounds of remote usability tests.

 

Reduced task posting time by 40% after simplifying forms and adding smart suggestions.

 

Introduced a safety checklist and real-time reporting after feedback on trust concerns.

Design System

For the Here2Help Community project, I created a simple, accessible design system to ensure a consistent look and feel across the app and website. I defined key elements like colors, fonts, buttons, and forms, making sure everything was easy to use and met accessibility standards. This design system helped our team work faster and made the user experience clear and welcoming for everyone.

Key Features

  • Smart Matching: Recommendations based on location, availability, and preferences.
  • Secure Chat: In-app messaging with reporting/blocking and privacy controls.
  • Event Calendar: Community events and volunteer opportunities, easily updated by admins.
  • Donation Gateway: Streamlined, accessible donation flow supporting multiple payment options.

Outcomes & Impact

  • User Growth: 500+ active users in first 3 months post-launch.
  • Engagement: 80% of requests matched within 48 hours; 92% positive feedback on app usability.
  • Accessibility: Rated 4.8/5 by users with disabilities in post-launch survey.
  • Community Impact: Over 500 volunteer hours logged, reducing reported loneliness among seekers by 30% (survey).

Reflection

Leading the UX for Here2Help Community reinforced the value of inclusive, research-driven design. By centering user needs and iterating rapidly, we built a platform that not only connects people but also empowers them to build lasting, supportive relationships.

UX/UI Design Project

Here2Help Community

Here2Help Community is a digital platform dedicated to fostering resilient, connected communities by seamlessly matching volunteers with individuals seeking support. Our mission: Combat social isolation and empower those with disabilities or limited support networks through accessible, safe, and intuitive technology.

Role & Team

Role: Lead UX Designer, Project Manager
Team: 2 UX Designers, 2 Developers, 1 Marketing.

The Challenge

  • Social Isolation: 3.7 million Canadian adults and 2 million seniors report lacking reliable support systems, with the COVID-19 pandemic exacerbating loneliness and disconnection.
  • Barriers to Volunteering: Potential volunteers face unclear opportunities, excessive onboarding friction, and safety concerns.
  • Accessibility Gaps: Many platforms overlook users with disabilities, limiting their ability to participate fully in community life.

Research & Discovery

Quantitative: Surveyed 100+ community members and volunteers to map needs, motivations, and barriers.

 

Qualitative: Conducted 10 in-depth interviews (5 seekers, 5 volunteers) to uncover pain points and emotional drivers.

 

Key Insights:

  • Seekers value privacy, trust, and clear communication.
  • Volunteers are motivated by impact and ease of engagement but are deterred by unclear processes and safety risks.
  • Both groups desire flexible, location-based matching and accessible, mobile-first design.

Personas

User Stories

User stories were essential in guiding the development of the Here2Help Community app, ensuring that every feature was designed with real user needs in mind. By focusing on the specific goals and challenges of both volunteers and people seeking support, we were able to prioritize features that truly mattered. This user-centered approach helped us create a practical, intuitive, and supportive experience for everyone in the community.

Design Process

Ideation & User Flows

  • Mapped end-to-end journeys for seekers and volunteers.
  • Prioritized rapid access to core features: posting/accepting requests, secure chat, and emergency reporting.

Wireframing & Prototyping

  • Developed low- and high-fidelity wireframes in Figma.
  • Iterated on navigation and task matching based on usability test feedback.

Here2Help App

A connected community at your fingertips. Need assistance? Here2Help Community is the easiest way to connect to those around you and receive the support you may need. Time to spare? You can help people on your own schedule at the press of a button.

How it works

Jane has successfully submitted her request for help and it’s listed in the app.

 

Adam signed up for the app and is looking to volunteer in the community.

 

Browsing the app for volunteer opportunities Adam discovers Jane’s request and sends her a message.

Messages & Safety

In the chat Adam connects with Jane and offers her a ride. Jane will be notified of a new message offering her a ride and can discuss the details of the request.

 

Jane also has the option to block and report James if there was any suspicious behavior.

 

 

Accessibility & Inclusivity

Ensured WCAG 2.1 AA compliance: high-contrast UI, screen reader support, large tap targets.

 

Added language toggles and simplified onboarding for users with cognitive impairments.

User Testing & Iteration

Conducted 3 rounds of remote usability tests.

 

Reduced task posting time by 40% after simplifying forms and adding smart suggestions.

 

Introduced a safety checklist and real-time reporting after feedback on trust concerns.

Design System

For the Here2Help Community project, I created a simple, accessible design system to ensure a consistent look and feel across the app and website. I defined key elements like colors, fonts, buttons, and forms, making sure everything was easy to use and met accessibility standards. This design system helped our team work faster and made the user experience clear and welcoming for everyone.

Key Features

  • Smart Matching: Recommendations based on location, availability, and preferences.
  • Secure Chat: In-app messaging with reporting/blocking and privacy controls.
  • Event Calendar: Community events and volunteer opportunities, easily updated by admins.
  • Donation Gateway: Streamlined, accessible donation flow supporting multiple payment options.

Outcomes & Impact

  • User Growth: 500+ active users in first 3 months post-launch.
  • Engagement: 80% of requests matched within 48 hours; 92% positive feedback on app usability.
  • Accessibility: Rated 4.8/5 by users with disabilities in post-launch survey.
  • Community Impact: Over 500 volunteer hours logged, reducing reported loneliness among seekers by 30% (survey).

Reflection

Leading the UX for Here2Help Community reinforced the value of inclusive, research-driven design. By centering user needs and iterating rapidly, we built a platform that not only connects people but also empowers them to build lasting, supportive relationships.