The Challenge

Design a first-of-its kind app that can be used to coordinate services and volunteer teams coming to serve in the various impoverished communities of the Dominican Republic.

My Role

Design Manager


Also optimized 2 critical user flows:


Onboarding Screens

Target audience

Primary users are the U.S based or Dominican Republic (DR) based teams that offer various missions services in the DR.

Preliminary Research

I conducted thorough research on the current app market and user flows, gathering feedback on volunteer and organizational challenges to pinpoint opportunities for valuable product enhancements.

Lack of Streamlined Communication


Missed Opportunities and Community Disconnect


Need for Technology-Based Solutions


How do I create value?

Designing a product that is worth the download

Problem & opportunity

Addressing the challenge of inadequate communication in Dominican Republic volunteer coordination, the opportunity lies in creating an intuitive app fostering seamless communication, delivering real-time mission updates, and prioritizing community connections to elevate the impact of volunteer efforts.

Competitor analysis


Conducting competitor analysis, I examined GiveGab, a global philanthropy platform. Differentiating from GiveGab's global focus, Concordia tailors specifically to the Dominican Republic, emphasizing community connections and personalized volunteer experiences with a localized, culturally sensitive, and simplified approach.

Value Proposition | Locality & Accessibility 

Concordia stands out with its tailored approach for the Dominican Republic, allowing us to prioritize essential elements for a user-friendly app. Features include:



Our app addresses the problem effectively, offering users essential benefits such as limited phone space usage, non-invasiveness, and intuitive design. Choosing our app over competitors ensures a worthwhile experience, backed by comprehensive research and continuous improvement efforts.


Design System buildout


Color Styles for Design System

Bottom Sheet Evolution

In calendar event creation, I transitioned from collapsible groups to event cards. This approach minimizes cognitive load by providing essential information upfront while allowing users to expand, edit, delete, or view details in a cleaner format. 


Aligning with the familiarity of apps like Google Calendar, the shift to event cards addressed potential issues with lengthy event descriptions in collapsible groups. This adjustment was beneficial for a lower-priority feature, eliminating the need for a lengthy flow.

Stepper component (Before) vs Progress bar (After)

Progress Bar vs Stepper

For the NUX onboarding flow, I opted for a progress bar over a stepper for the sign-up process.

This decision aimed at reducing cognitive load by breaking it into manageable sections, addressing challenges with uncertain step titles, ensuring universal applicability for future processes, and promoting project-wide consistency for a streamlined user experience.

Credit: Adobe Spectrum Design System for the Tab Bar component, tailored to our specific needs.

Navigation: Tab Bar

I took the initiative to lead a team Figjam session, focusing on optimizing app navigation through the Tab Bar. We prioritized functionalities and refined phrasing. This approach also addressed information architecture, content considerations for potential language barriers, and technology literacy. 


An idea I had that didn't work


Gamification


Considered earlier in the design process, the idea of gamification for later versions of the Concordia app aimed at increasing engagement, community building, and motivation through elements like badges and rewards. 


However, potential drawbacks such as:

led to the decision to scrap the idea for now to prioritize higher-priority features for volunteer coordination. 


What did I learn?

Less is more: Adding to the simple dilutes our core purpose.

A challenge I faced

I encountered a challenge within the team where two designers faced difficulties in Figma literacy, leading to unresponsiveness and frequent absence from team syncs. In response, I proactively stepped in, assisting them in optimizing their workflow, ensuring design consistency through the established design system, and offering guidance. To address their Figma challenges, I extended support through FigJam sessions and Figma tutoring, building a collaborative and supportive environment within the team.


In response, I proactively stepped in, assisting them in optimizing their workflow, ensuring design consistency through the established design system, and offering guidance. To address their Figma challenges, I extended support through FigJam collaboration sessions and Figma tutoring, building a collaborative and supportive environment within the team.

The Outcome

The refined flow I developed boasts a highly customizable, user-tailored experience that encourages volunteer engagement, time management, and schedule tracking. It prioritizes a clutter-free interface, considers localization and accessibility, and stands out in the market. Notably, it is uniquely tailored to the Dominican Republic and its people, distinguishing it from other volunteer apps on the market.

Post Creation/Upload flow

What did I learn?

Through this project, I showcased my ability to integrate with established design systems while infusing my creative vision. Stepping into design leadership, I learned to be a flexible and approachable manager and designer, navigating tight deadlines and adversities. 


My work resulted in


This journey highlighted my ability to drive impact, adapt to evolving roles, and deliver tangible results in a real-world context.


I am very grateful that I was given the opportunity to lead an 8-person design team @ Develop for Good!

Project Credits

Kenjee Koh - PM

Sylvia Liu - Designer

Gia Lee - Designer