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.
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
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.
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 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.
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.
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.
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