Building the new Mobile Privacy product.
Building the new Mobile Privacy product.
The mobile VPN product, available on both iOS and Android, has been recognized by
1 Million + users
The standalone app was successfully launched and has earned one of the highest ratings among similar apps in its category.
4,8 ⭑
Designing a fully functional version of the app took approximately two sprints.
1 Month
Background
Background
Mobile devices connect to public networks far more frequently than desktops or even laptops, making secure connections a top priority on mobile.
Mobile devices connect to public networks far more frequently than desktops or even laptops, making secure connections a top priority on mobile.
Goal
Goal
Meet modern users’ needs for Privacy, VPN, and Safe Web Mobile Browsing while exploring new business opportunities.
Meet modern users’ needs for Privacy, VPN, and Safe Web Mobile Browsing while exploring new business opportunities.
Challenges
Challenges
1.
Identify user’s needs and pain points when they interact with VPN/Privacy products.
Identify user’s needs and pain points when they interact with VPN/Privacy products.
2.
Adopt existing Desktop product for mobile.
Adopt existing Desktop product for mobile.
Role & Team
Role & Team
As a lead Product Designer, I worked closely with stakeholders, illustrators, engineers, and copywriters to understand user needs and deliver the final product.
As a lead Product Designer, I worked closely with stakeholders, illustrators, engineers, and copywriters to understand user needs and deliver the final product.
Primary persona
Primary persona
Emily Davis
Data we had, and research we had provided, showed, that main audience are non-tech users, so app needed to be easy to set up and run.
Emily Davis
Data we had, and research we had provided, showed, that main audience are non-tech users, so app needed to be easy to sep up and run.
Occupation
Tech Comfort Level
Goals
Frustrations
Needs
Elementary School Teacher
Non-Tech Use
Safeguard her personal information and online activity when using public networks.
Easily use a VPN without having to deal with technical complexities.
Access location based services, when needed.
Overwhelmed by tech-heavy language and complicated settings.
Afraid of accidentally misconfiguring a tool that should protect her.
Emily wants a simple, user-friendly VPN that doesn’t require any technical knowledge — just quick installation, easy navigation, and peace of mind knowing her privacy is protected while online.
Occupation
Elementary School Teacher
Tech Comfort Level
Non-Tech Use
Goals
Safeguard her personal information and online activity when using public networks.
Easily use a VPN without having to deal with technical complexities.
Access location based services, when needed.
Frustrations
Overwhelmed by tech-heavy language and complicated settings.
Afraid of accidentally misconfiguring a tool that should protect her.
Needs
Emily wants a simple, user-friendly VPN that doesn’t require any technical knowledge — just quick installation, easy navigation, and peace of mind knowing her privacy is protected while online.
Occupation
Elementary School Teacher
Tech Comfort Level
Non-Tech Use
Goals
Safeguard her personal information and online activity when using public networks.
Easily use a VPN without having to deal with technical complexities.
Access location based services, when needed.
Frustrations
Overwhelmed by tech-heavy language and complicated settings.
Afraid of accidentally misconfiguring a tool that should protect her.
Needs
Emily wants a simple, user-friendly VPN that doesn’t require any technical knowledge — just quick installation, easy navigation, and peace of mind knowing her privacy is protected while online.
1.
Defining goals and user needs alongside stakeholders and researchers
2.
Competitive analysis
4.
Exploratory research & user interviews. Defining user’s needs and frustrations
3.
Design & Prototyping
5.
Design Iteration
6.
🚀 Launch
7.
Post launch QA, Data analysis & Research
8.
Design Iteration, designing Android version
9.
Implementation & Design QA
Process
Happy Path
Happy Path
Happy Path
Happy Path
Process
Process
1.
Defining goals and user needs alongside stakeholders and researchers
2.
Competitive analysis
3.
Design & Prototyping
4.
Exploratory research & user interviews. Defining user’s needs and frustrations
5.
Design Iteration
6.
🚀 Launch
7.
Post launch QA, Data analysis & Research
8.
Design Iteration, designing Android version
9.
Implementation & Design QA
1.
Defining goals and user needs alongside stakeholders and researchers
2.
Competitive analysis
3.
Design & Prototyping
4.
Exploratory research. Defining user’s needs and frustrations
5.
Design Iteration
6.
🚀 Launch
7.
Post launch QA & research
8.
Design Iteration, designing Android version
9.
Implementation & Design QA
App Overview
App Overview
Onboarding
The Value Proposition and Pricing screens follow best practices.
The Best Value offer is preselected and highlighted with a badge to help users make a more informed decision.
A free trial is available. Pricing is dynamic, and the accompanying copy clearly explains how the trial works.
The price displayed on the button is dynamic and updates based on the selected option.
The Best Value offer is preselected and highlighted with a badge to help users make a more informed decision.
A free trial is available. Pricing is dynamic, and the accompanying copy clearly explains how the trial works.
The price displayed on the button is dynamic and updates based on the selected option.
Install VPN Configuration
Install VPN Configuration
Upon completing a purchase or signing in, users are taken directly to the dashboard to begin using the app.
Upon completing a purchase or signing in, users are taken directly to the dashboard to begin using the app.
Interviews with real users revealed that some still had questions about the VPN configuration process. To address this, the explanatory message was revised to clearly communicate that installing a VPN profile is a standard and necessary step for enabling the VPN service on mobile devices—before the system alert appears.
The message in the Android version was slightly adjusted to reflect platform-specific technical details.
Interviews with real users revealed that some still had questions about the VPN configuration process. To address this, the explanatory message was revised to clearly communicate that installing a VPN profile is a standard and necessary step for enabling the VPN service on mobile devices—before the system alert appears.
The message in the Android version was slightly adjusted to reflect platform-specific technical details.
It’s essential to clearly differentiate between the VPN OFF and VPN ON states so that users can easily tell whether their connection is protected. To achieve this, the map and most of the screen are intentionally greyed out when the VPN is turned off.
The main switch is placed in the most accessible area of the screen.
The app precisely displays the status of each stage in the VPN connection process.
The app precisely displays the status of each stage in the VPN connection process.
Switching server
Switching server
By Default server, assigned to the region, pre-selected for the user. However changing the server is easy and intuitive process.
In addition, pin is moving across the map according to a new location. This animation is there to confirm, that the location changed.
By Default server, assigned to the region, pre-selected for the user. However changing the server is easy and intuitive process.
In addition, pin is moving across the map according to a new location. This animation is there to confirm, that the location changed.
Desktop vs. Mobile
Desktop vs. Mobile
When it comes down to mobile version,
controls are easily accessible and follow mobile-specific patterns and best practices.
When it comes down to mobile version,
controls are easily accessible, following mobile-specific patterns and best practices.
When it comes down to mobile version,
controls are easily accessible and follow mobile-specific patterns and best practices.
Post launch 🚀
Post launch 🚀
What else could be done and improved?
What else could be done and improved?
Provide location based "Default", "Faster" and other badges to help user make a choice, when selecting a server.
Provide search input on the Location Selection screen to display matching locations.
Provide advanced features such as Multi-hop VPN (VPN chaining) to bring maximum value for larger scale of users.
Provide location based "Default", "Faster" and other badges to help user make a choice, when selecting a server.
Provide search input on the Location Selection screen to display matching locations.
Provide advanced features such as Multi-hop VPN (VPN chaining) to bring maximum value for larger scale of users.
Final Data analysis & Results
Final Data analysis & Results
The mobile VPN product, available on both iOS and Android, has been recognized by
1 Million+ users
The standalone app was successfully launched and has earned one of the highest ratings among similar apps in its category.
4,8 ⭑
Designing a fully functional version of the app took approximately two sprints.
1 Month
The design of the standalone VPN product was successfully integrated in Malwarebytes Mobile Security apps without requiring any changes or adaptations. See the links below.
Contact
Whether you want to talk, feel free to connect.
Whether you want to talk, feel free to connect.
Whether you want to talk, feel free to connect.
It’s essential to clearly differentiate between the VPN OFF and VPN ON states so that users can easily tell whether their connection is protected. To achieve this, the map and most of the screen are intentionally greyed out when the VPN is turned off.
The main switch is placed in the most accessible area of the screen.