MyRichmond App

Delivering a 'one stop shop' to personalize residents' experiences with the city services.

OVERVIEW

A seamless mobile experience for residents with greater convenience and efficiency in accessing government services.

I lead the whole design process for designing both iOS and Android platforms.

My Contribution

- Facilitated Discovery Workshops
- Medium Fidelity Design
- High Fidelity Design
- Design Library

The City of Richmond has an ambitious vision to improve online services for its residents through

Over the past several years, the City has launched an online web portal to support citizens with multiple digital services...

With a population of 250,000, Richmond, an island city with a rapidly growing and diverse population and home of nationally significant infrastructure and government services, is committed to a long term digital technology plan to build a smart city.

The City has three main goals:

1
Extend the reach of city online services
2
Promote open and transparent government
3
Reduce the burden on staff with more automation.

PROBLEM

HMW enhance residents' experiences of accessing government services in a more accessible and convenient way?

I met with the City stakeholders to further understand their requirements and residents' needs.

The City launched a survey to gather residents' feedback. To engage more residents using the online government services, the City planned to build a native mobile app.

DISCOVERY

Understand the current flow and map out the future state IA for the mobile app.

At the beginning of the project, I started understanding the current user flows for different e-services in web portal.

After several discussions with the stakeholders, I obtained clear understanding of the current logic and started ideating how IA would look like for the mobile view.

LOW FIDELITY DESIGN IDEATION

Transform the web design into mobile design.

For most of feature migrations, I just followed the web portal flows and created the consistent design. For those new features, I prioritized the feature importance and added them in the proper locations.

In Discovery Phase, I presented medium fidelity design for each epic and annotated with notes to the city stakeholders.

HIGH FIDELITY

Component library and UI Exploration for both iOS and Android.

Aligning with the web experience, I got to work in first creating an atomic design component library, building buttons, drawers, cards and pages from the ground up to help maintain visual consistency and also aid in speedy explorations for design directions.

HIGH FIDELITY

The Final Product

HIGH FIDELITY

Highlight 01 Dashboard

In the dashboard section, comparing with the current web portal which only shows the main navigation for different services, the mobile app has added more personalized data summaries to show to residents for their daily use.

There are two types of user scenarios - new users and return users.

HIGH FIDELITY

Highlight 02
My Community

Through our requirement gathering, I found that users had two main goals. One is to access their activities, and another one is to find the specific facility.

Due to our technical constraints, we don't allow users to explore activities and book any activities.

Learn more about the project?

Thank you for taking your time to read about my previous experience. If you would like to learn more about my process, feel free to reach out!

Send me an email