Cycling

UI/UX Design, Front End Dev

GPower Extension

The Georgia Campaign for Adolescent Power and Potential (GCAPP) was founded in 1995. Generally, it’s mission is to improve overall health and well-being of young people in Georgia to ensure a more powerful future for us all. And specifically, it empowers our young people to make healthy choices, ensuring their ability to achieve their full potential in our communities, unencumbered by teenage pregnancy, bolstered by strong physical health, and supported by healthy relationships.

Problems

For now, gPower, the application provided by GCAPP, mainly helps the teenagers locate the nearby sexual health service providers and provide relevant information about birth control, sexually transmitted diseases d policies. GCAPP is seeking to increase app usage among teens, both the number of downloads and the frequency of use once downloaded. As a result, new features and functions (Meme generator and a Q and A system) are good choices to help to attract more teens.

Task

We were asked to design implement 2 more features to existing App: Meme Generator and Question Board.

Cycling
Cycling

Wire frames

Except for adding new features, I rethink the information architecture of the existing APP and rearrange all the sections and features.
Cycling
Cycling
Cycling

Mockups

The look and feel of new functions were matched to the exsiting application. I took the font, color pattern, labels and buttons they were using.
Cycling
Cycling
Cycling

Implementation

Because of the security issue and the change of their own development team, we are not able to touch the code and database they are using and maintaining. So we implemented two features as web applications, which means that they can have these features in their existing APP by simply adding a link to these websites. In this way, we could make it work without actually accessing to their source code. And in the implementation process, I was responsible for the UI development of these two web applications.