Identity Force (concept)

Material App redesign

Problem

Identity Forces current application is failing to reach those people most in need of their services, and when it does connect with a target audience they often find the application difficult or tedious to use.

Solution:

The new application design focuses on a fremium model, providing educational and transitional resources for people curious about identity theft, and a paid version which provided essential information in an easy to digest format.

This conceptual design was done for an identity theft security provider that also provides tools to monitor credit scores, cybersecurity, and personal safety.
their current app is mostly written content that can be difficult to navigate, read and analyze. My team was tasked with finding a design that solved these common issues, that would help the company grow and retain new users from outside their traditional market. The new app would need to not only provide essential security information to the user but also provide them with valuable information.

Team:
Alex Lazear
Skylair Hilton
Elyza Brillantes

Tools used:

Google Forms

Sketch

Invision

Step 1: Research

Empathize and Define

We started our research by looking at the identity theft protection industry as a whole. This a field with a lot of competitors. This allowed us to establish industry best practices.

Because of the sensitivity of the topic, and the time limit, we utilized several techniques to help build user personas. The first was to identify pain points via reviews of Identity Forces existing app. The second was a Google survey and the third was interviews with users of any identity theft protection services.

Interviews

Survey Responses

The Personas

We also began the process of creating a journey map for our personas, which I created using Sketch.

Step 2: Ideation

Mapping and Wireframing

The team began the ideation stage by examining potential options via quick sketches. We took 10 minutes to sketch as many screens as possible and used those sketches to create an initial set of wireframes.

My contribution to these initial concepts.

After all of this had been completed we split up the wireframing of the project into different screens. Each team member took 2 screens and designed a paid and unpaid version of them. I designed screens for a brief and for the home screen news feed.

Home screen feed

Briefs page

Unpaid screen

paid screen

Step 3: Prototyping and Testing

Paper tests, prototypes, and improved fidelity

We used Invision to prototype these designs and tested them on a variety of users to ensure that they were a good solution to the problems we found in our examination of the original application. From these tests, we were able to tweak the existing wireframes to make them easier to use and understand, before bringing the fidelity up on the designs.

Step 4: High-fidelity Mockups

Below are examples are the higher fidelity mockups.

Home Screen

Unpaid home

Paid home

Brief Screen

Unpaid briefs

Paid briefs

Step 5: Deliverables and Next Steps

For this project, the team was able to compile a full spectrum of deliverables for the client including personas, a journey map, sketches, low fidelity wireframes, and high fidelity mockups.

Future progress on this project would be to improve UI of the app, with a focus on cleaner layout, utilizing more of the material design ruleset.