Enigma Cloud is a mobile web application that can extract data from iCloud backups. This application belongs to the same brand as the Enigma Recovery software and I designed the full UX and UI for it.
- Building trust with users so that they are willing to input their iCloud details
- Educating users about the apps functionality (first of its kind)
- Implementing consistent branding with the desktop software
- Security measures that are promoted on the app
- Three educational slides for first time users
- Following and adapting the existing style guide
- High fidelity designs
- Updated style guide
- App started generating revenue immediately after launch. We were able to redirect some of the traffic from existing products where some users could not be served.
When I started working on this project, I already had a lot of user data from the Enigma Recovery project, however I performed some additional surveys specifically for this project. It was clear that users valued recovered messages the most (over other types of data). Based on the data I created several user personas, one of which you can see below.
Low fidelity designs
During this phase I produced wireframes, flow charts and diagrams in Axure RP and user journey maps in Excel.
I created various flow charts to account for different scenarios and to ensure that users are never left in a dead end.
I designed wireframes for every page and created functional prototypes which I used for presentation and user testing. Some of the challenges were to make the onboarding process quick and easy and encourage users to trust the webapp with their iCloud login details.
High fidelity designs
During this phase I produced high fidelity designs and prototypes in Adobe XD and Marvelapp.com.
The finished landing page had three slides that explained the functionality of this application so that trust can be built with the user.
I simplified the onboarding process by allowing users to log into iCloud straight away and creating an Enigma Cloud account automatically.
The recovered messages screens were designed to look very similar to native iOS screens for consistency.
I used relevant graphics for the Purchase and Upgrade screens and made it easy for users to select the plan they wanted.
I used a simple credit card form on the purchase page with real-time validation to avoid user errors. The purchase confirmation screen allows users to disable “auto-renew” if they forgot to deselect it previously.