Private Tunnel VPN

Simplifying the complexities of online security with a redesign of OpenVPN’s consumer products created to help individuals stay secure online, with refined user-experience running on the de-facto award-winning encryption.

private_tunnel_logo

ROLE SUMMARY

Providing UX, UI and IxD solutions as the primary Product Designer, tasked to improve mobile experience and polish across both iOS and Android.

Role

Product Designer

Project Type

Mobile App

Industry

Online Security

PROBLEM STATEMENT

Recreate the consumer facing mobile product.

OpenVPN is used by millions of people and businesses worldwide and used by IT and Fortune 500 Companies. To help protect individuals, Private Tunnel is OpenVPN’s direct to consumer solutions, connecting the world securely.  The current offering is missing opprotunities to serve non-technical customers as well as it’s providing for the power-users.

pt_lifestyle_mobile
pt_lifestyle_laptop

DISCOVERY: RESEARCH

Starting with a Heuristic Evaluation provided an opportunity to explore and discover the existing mobile experience. While feature-rich, both Android and iOS experiences felt unintuitive at all critical stages in the user-journey, missing the opportunity to provide value to the non-technical consumer the product is intending to serve.

— User Research

Privacy is primarily about people and online-security is complicated and difficult for everyday users to understand, putting the user in the center of the product provides the insight how they fit into online privacy. Data collected through the creation of online-surveys and deployed through existing customer channels with the intention of better understanding the following criteria:

+ Exsisting pain-points
+ Technical experience
+ Customers motivation

The research revealed differences in motivation to use a VPN with a variety of technical-goals with customers preference leaning towards protection over anonymity.  We organized users into categories to help development of user-personas while grounding the product in researching, always keeping users in mind.

persona_joe

Joe's Problem

He needs a simple and cost-effective VPN solution that will protect him and his families devices.

How Might We?

Provide in-product subscriptions along with an intuitive way to manage all devices on the account.

Scarlett's Problem

She needs a VPN solution that is simple to understand, with an intuitive she can easily setup

How Might We?

She needs a VPN solution that she can easily setup

persona_scarlett

RESEARCH: SYNTHESIZING A PLAN

Unifying experience across all products is one of the main goals of the project.  Creating a style-guide insured design elements remain consistent across both platforms while aligning with existing branded assets.

synth

SOLUTION: WIREFRAMES

Giving form to a number of rough ideas while working through information architecutre for primary uses cases that meet the needs of both customer and stakeholder requests.

wireframe_flow

SOLUTION: STYLE GUIDE

Unifying experience across all products is one of the main goals of the project.  Creating a style-guide insured design elements remain consistent across both platforms while aligning with existing branded assets.

Styleguide-Color
Styleguide-Iconigraphy
Styleguide-Typography
Styleguide-Illustration

SOLUTION: HI-FI PROTOTYPES

Maecenas faucibus mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

pt_splash

Splash

pt_walkthrough_2of4

Virtual

pt_walkthrough_3of4

Statistics

pt_walkthrough_4of4

Support

Customers

pt_regi_email

Blank State

pt_regi_email_active

Active State

pt_regi_password

Password

pt_regi_confirm

Confirm

private_tunnel_logo
pt_permission_certificate

Certificate

pt_permission_notifications

Notifications

pt_alerts

Alerts

pt_alerts_blankstate

Blank State

pt_connection_location

Location

pt_stats

Statistics

pt_account

Account

pt_account_contact

Account

FINAL THOUGHTS

Putting the customer in the center of the entire redesign proved to be

CONTACT

hello@edgarfleming.com
202.573.9474

CURATED

Tumblr
Mixtapes