EngageNow app mockups
UX PORTFOLIO PROJECT

EngageNow MOBILE APP

EngageNow makes it easier community members to participate in their government engagement opportunities.

Product goal:

EngageNow will let users view aggregated information from a variety of local jurisdictions, which will allow them to keep track of important matters and participate in a variety of engagement opportunities.

This project was created as part of the Google UX Design Certificate Program.

My role:

User research, wireframing, prototyping

Timeline:

12 weeks

Tools:

Figma, Google Suites

EMPATHIZE

Problem

Civic engagement is important but time-consuming, and community members need an easier way to keep track of everything.

User research

I conducted secondary qualitative and quantitative research on user needs for increasing their civic engagement. I also conducted a competitive audit to understand unaddressed gaps in the products currently on the market.

Research revealed four pain points:
1
Information overload

Users wanted an easier way to keep track of everything.

2
Flexibility

Users wanted to find engagement opportunities that work for their schedule.

3
Up to date

Users like to keep track of developments on local initiatives.

4
Tailored interests

Users only want to focus on what matters most to them.

Based on research, I created three personas and accompanying user journey maps. The user journey map helped me put myself in the perspective of the user persona and identity the emotions of using the product. This helped inform my product design.

EngageNow user persona
EngageNow user journey map
EngageNow user persona
EngageNow user journey map
EngageNow user persona
EngageNow user journey map

DEFINE

Problem statement

With user research conducted and personas established, I created the following problem statement to workshop:

Laura is a busy individual who wants to be civically engaged, but struggles to keep track of all the different opportunities that she hears about from different sources.

IDEATE

Paper wireframes

Sketching various wireframes on paper helped me experiment with the placement of various elements and inform the overall design of the interface.

EngageNow paper wireframe

Digital wireframes

I incorporated elements from the paper wireframe to inform the homepage design, including quick access to view favorites and browse local agencies and initiatives.

EngageNow digital wireframeEngageNow digital wireframeEngageNow digital wireframe

PROTOTYPE

Lofi prototype

View prototypeEngageNow lofi mobile prototype

TEST

Usability studies

I conducted an unmoderated usability study to identify design changes that can help users complete their task of finding and organizing engagement opportunities.

Findings

1

The call to action for browsing local agencies and initiatives was too much.

2

Accepting filtered view preferences was unclear.

REFINE

Mockups

EngageNow mockupsEngageNow mockupsEngageNow mockupsEngageNow mockupsEngageNow mockupsEngageNow mockups

Hifi prototype

CONCLUSION and next steps

Citizen engagement is multifaceted and very broad. Having a robust tool to meet user needs in a diverse array of contexts can greatly improve how people stay engaged.

Throughout this process, I learned how consistent and intuitive interactions can make or break the user flow.

To continue this project, I would:

  1. Build out more of the app and user flows.
  2. Map out the Search experience.
  3. Conduct more usability studies to continue iterating on my design.

Let's chat.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

See more UX PORTFOLIO PROJECTS

UX Design

CurEx mobile and web app

CurEx: an app and a responsive website for global travelers to easily find up-to-date currency exchange rates, as well as easily find options to exchange currencies online or in-person.

CurEx mockups