Dream Impact - Search Webtool

How can a social impact organisation increase collaborations with corporates?

Prototype

Partners PAGE PROTOTYPE (that i worked on)
FULL prototype (made as a class)

Note

  • This is a client project from Xccelerate’s UX Design Bootcamp, completed with the June 2022 Cohort.
  • Duration - 2 weeks.
  • The Client Dream Impact, may be referred to as "D.I" in this case study.

Overview

  • Dream Impact is Hong Kong's largest network of social enterprises and impact ventures.
  • They would like to develop a search and matching system for their Partners, as the existing procedure is manual and time consuming.
  • This was an ongoing project that our cohort took over from previous students, who had completed the research phase.
DREAM IMPACT website HOMEPAGE - OCT 2022

Challenge Statement

Dream Impact has a complex resources list as partners come from different sectors, and focus on different social impact topics. Thus they have different resources and needs.

Goal

Develop the Resources Matching (search and match) function for Dream Impact members (Partners) based on the existing Airtable & COMPACT system.

My Role & Responsibilities

  • Research wall creation, planning, and organisation.
  • Secondary research - Competitors section.
  • Research synthesis and analysis - Review previous cohort’s primary research.
  • Userflows - Airtable’s landing page and Partner profile sections.
  • Ideation & Design - Partners search and match system page.
  • Usability Test facilitation.
  • Create the presentation template, write, proof-read, edit.
  • Plan, write, and present my section of the wrap-up presentation.
synthesis of the previous STUDENT's research

Research & Findings

insights & problem statement

Design Solutions

partner search mvp's, that i worked on

MVP's & Usability Tests

MVP1

  • I chose the Partners search page. Our team brainstormed, wireframed, and divided the features of the page.
  • I designed the search result cards - focussing on the essential information. I also designed the “Sort by” feature.
MVP1 design process - wireframe & iterate
MVP1 Usability test insights

MVP2

  • Before iterating, we aligned on the design system and MVP1 feedback.
  • I made the result cards taller to increase eligibility and added a pressed state for more user interaction. I also created the search results breadcrumb, based on D.I’s visual identity guideline.
mvp2 result cards & breadcrumb designs
MVP2 Usability test insights

Prototype

Partners PAGE PROTOTYPE (that i worked on)
FULL prototype (made by class cohort)

Reflections & Recommendations

NEXT STEPS/ MY RECOMMENDATIONS FOR D.I
Overview
Challenge Statement
My Role
Research & Findings
Design
MVPs
Prototype
Reflections
Back Up