UX DESIGN
Phantom.png

Phantom.ME

 

Phantom.Me

MOBILE PRIVACY SOLUTION

 

{2018} Freelance work, designed for Phantom.Me mobile app. 
I was involved throughout the whole design process – research, brainstorming, design creation and working with developers to achieve the best outcome.


 

INTRODUCTION

Phantom.Me is a private zone hidden inside your mobile device, which only you know it exists. Inside phantom you can browse, chat, capture and store your sensitive stuff in complete encrypted and private incognito mode.

2 app screens.jpg

MY ROLE IN THIS PROJECT

UX Design

Research

Visual Design


 

MY DAILY WORKING PROCESS

My day-to-day included close collaboration with the product manager, understanding the users’ needs, researching and creating A/B tests for some of the screens I’ve designed.

 

UX CHALLENGES

  • Privacy is the key - how might we help our users feel safe while they are using their mobile phone?

  • Providing a central repository for all common mobile workflows such as: browsing, searching, chatting, etc

  • Create a neutral workspace that simulates the existing work environment of mobile phones

  • Staying true to the Material Design guidelines

 
2 app screensC.jpg
 

Features & designs

 

Case Study A:

Testing Payments & Plans


OVERVIEW

Following the onboarding screens the apps payment page are shown. 
The current screen featured 3 different subscription options from which users can select the one that fits them the most.

Since we had a high percentage of drop-off users we wanted to test a few options meant to reduce this number.

Current solution.png
 

RESEARCH

The research process included working closely with the PM, understanding the users’ needs and examining existing payments & plans conventions on different apps.

The next step was to find out what are the existing solutions for plans & pricing pages. 

 

INSIGHTS

Some of my key findings were:

  • Subscription terms should be shown upfront

  • Have at least 3 to 4 different subscription options

  • Use icons and large text to show the difference between plans

  • Give a taste - such as one month free trial

  • Tell the users what they going to get

 

TRYING OUT DIFFERENT LAYOUTS

I  started the design process with low fidelity wireframes. 
I tried different layouts, exploring ways of making the experience intuitive and clear.

Testing different layouts.png
 

TESTING IDEAS

After a couple of low fidelity iterations I had the general idea ready. I suggested two new layouts for this feature, and after presenting them to the team we’ve decided to go on and test both of them with our users.

 
Testing ideas.png

Testing ideas 02.png
 

For the purpose of this test we’ve decided to keep the existing payment screen and added the two new designs. 
Our goal was to examine the rate of people that didn’t click through to the next step. 

The test was done in such a way that new users randomly received different versions of the screens - during initial use.

The test was done in such a way that new users randomly received different versions of the screens - during initial use.

 

TEST RESULTS

We’ve tested the different designs with the app users for a few weeks.
As you can see, the results speak for themselves.

The drop off rate for plan B had the best outcomes.

The drop off rate for plan B had the best outcomes.


TO SUMMARIZE

Before

  • Plans and payment options are all in the same page

  • Lack of details

  • Layout is wrong when it comes to mobile

After

  • Using cards scrolling for showing different plans & payments

  • Give users more details

  • This change significantly decreased the drop off rate