STAGE 01 - SETTING THE SCENE

D-20, before the launch

SCENE 01|04 - CONTEXT

SovereignWallet is run by brilliant engineers, who have created a first-of-its-kind messenger-style cryptocurrency wallet with banking grade security. Like many of the engineering-focused companies, marketing and design came into consideration late in the process. Just 20 days before their first token sale, critical marketing assets such as messaging, website, mobile app design, social media channels, explainer videos and online community were all incomplete, if not nonexistent.

phantom

SCENE 02|04 - ROLE

UX/UI Designer | Webdesigner | Graphic Designer

SCENE 03|04 - TOOLS

Pen & Paper, Post-its (lot of Post-it), Figma, After Effects

SCENE 04|04 - DATE

2018

STAGE 02 - RISING ACTION

The race to success

using app

SCENE 01|05 - BUSINESS OBJECTIVES

- Increase the number of registrations
- Increase the participation in the token sale

SCENE 02|05 - USER NEEDS

A user-friendly mobile wallet that offers intuitive transfer and exchange of cryptocurrency

SCENE 03|05 - DESIGN PROBLEM

The SovereignWallet app offered many helpful features for users, but it was designed from the developers’ point of view. This meant that the app was difficult to navigate for average users. Because the success of SovereignWallet’s business model depended on the network effect of its user base, the app was in need of an overhaul for user friendliness and sleek design.

Kevin - meeting

SCENE 04|05 - THE CHALLENGE

The challenge was to make the process of registration and use of main features easier and quicker for the users, while respecting the rules/law required for a blockchain mobile app.

SCENE 05|05 - ONBOARDING EXPERIENCE

The G3 Partners team downloaded and registered to SovereignWallet. We quickly found the experience very difficult - it required too many steps and offered confusing instructions. We offered to rethink and improve the onboarding experience as the first step.

STAGE 03 - CLIMAX

Research & Exploration

SCENE 01|03 - RESEARCH

The goal was to see how other apps solved similar problems and replicate their success. Based on my experience and past research, I selected projects with a intuitive and easy onboarding process.

Sketch

SCENE 02|03 - PREVIOUS APP

Previous App

Identifying pain points

I discovered a couple of problems with the existing onboarding process. It took too many steps to register; the brand identity was inconsistent throughout the process; the inputs were not clearly visible.



Constraints

There was an aim to rethink the entire onboarding but we needed to respect the rules that apply on blockchain mobile app.

Derek and Kevin

SCENE 03|03 - PROTOTYPE

I used Figma and its prototype tool + Figma Mirror available on mobile to share our ideas and explore different options. I invited SovereignWallet’s engineers to our office and Skype with their team in Singapore to present them our ideas and directions.

Gif with Nathan
Skype meeting
Figma Mirror

STAGE 04 - SOLVING THE PROBLEM

Design

SCENE 01|05 - GET STARTED

Get Started 1
Get Started 2

SCENE 02|05 - LOGIN INFORMATION

Gif Login info

To help the users throughout the process, I placed some hints close to the inputs. On the top, I added a progress bar for the user to see at which step of the onboarding process he/she is. As the process is quite long, it’s important that the user sees the progress.

SCENE 03|05 - CREATE PASSCODE

Gif Create passcode
Previous version

To make the app more secure and to protect the user’s personal information in the case of theft, the SovereignWallet app requires a passcode that users enter each time they open the app. This is something that I felt was important to emphasize compared to the previous version, and this is why I added a reminder.

SCENE 04|05 - ACCOUNT SECURITY

Gif Account security
Previous version

This step was the most confusing in the previous version of the app but for security reasons, I was asked to keep it. I was, however, able to make the step as clear as possible with the reminder. To make sure that all the inputs were correct, I showed clear Call To Action in different colors.

SCENE 05|05 - VERIFY YOUR NUMBER

Last but not least, the verification of the phone number. On the previous version, the inputs for both the phone number and the code were on the same page, forcing users to scroll down to see. On the new version, I decide to split them into two separate pages- phone number first and code next - to make each step more visible and hassle-free.

Visual Design Verify yr number

STAGE 05 - (RE)SOLUTION

Ending the story... for now

Our goal was to improve the user experience simple and intuitive design, while keeping the brand identity intact throughout the app.. We made the registration process much easier for the users with improved interface and instructions. Despite the constraint of regulation, we successfully reduced the number of steps for the users to register and apply for KYC.

BROWSE OTHER PROJECTS