top of page
Concrete Wall

Application Redesign

Clocr
3 Months
Client
Clocr
Web Application
UX Design and UI Design 
Application Redesign
Design and User research 
Team
2
Ashok Gotte 
Shafiqah Zulfikar
Personal Contribution
Design
User Research
Wireframing
Visual Design 
Prototyping

 
DgitalEstate_3x.png

Clocr is a content heavy estate planning application thereby the redesign project aims at fixing both UI and UX issues with the existing application in order to increase the efficiency of use by reducing the complexity. 

Problem Space

My father passed away one night and in that sudden emergency, nobody knew what had to be done to his numerous online accounts and to the will that nobody was aware of. That is when Clocr was born!

"

Background :

1. Clocr has multiple online accounts and documents making it a very content heavy platform.

2. Educating users about the need to store all of one’s digital accounts in one safe space

3. Allowing users to have a peace of mind while they live, not worrying about who will take care of their last needs

4. There are still many who are hesitant to get onto to this platform, how do we break this barrier ?

- CEO of Clocr

Platform Goal

​

1. To create an end to end secure platform for digital estate planning

2. Provide assistance and help in planning of future and unforeseen events

Design Challenge

1

Redesigning the existing Clocr application to make it more intuitive, usable and approachable

2

To reduce the complexity by addressing issues faced by users while documenting assets and assigning beneficiaries

User Research

As this application was a working system with multiple users around the world, we first decided to conduct secondary research to understand what users have to say about the product. After gathering various positive as well as negative reviews from online sources we created an affinity map to understand what type of reviews are overpowering the others, this furthermore helped us in understanding what the main issue of the current system was.

User reviews
Group 1337.png
Group 1339.png

Key Findings

The second stage of the secondary research was to understand how the competitors are doing, what is it that they do that Clocr does not have and what are some mistakes we need to stay cautious from repeating. The following are the three applications that we conducted an in depth study on along with the key findings :

Screenshot 2020-11-24 at 12.49 1.png
Screenshot 2020-11-24 at 12.52 1.png
Screenshot 2020-11-24 at 12.47 1.png
Group 1789.png

1

2

3

4

1

Sharing

Intent :

Certain information or the entire account of the digital asset owner can be shared to other family members or friends, so that they can use it appropriately

Opportunity :

The sharing levels can be different for different users and can be granted on means of the necessity. Sharing will allow easy access in times of emergency.

2

Prompts

Intent :A more interesting way for users to fill out informations by providing users with prompt questions which they have to answer. These questions are likely to trigger thoughts they might miss out in ideal situations

Opportunity :

Use these prompts to gather as much information as possible about the user during the onboarding process by giving the user pre - built scenarios.

3

Suggestions

Intent :Suggestions for users are based on personal preferences and their choices, it helps it delivering a more customized experience which in turn allows the user to not miss out on any important aspects that concerns them

Opportunity :

Suggestions can be used appropriately to guide the user about the steps he or she needs to take in order to have a complete and

4

Tracking

Intent :Easy for new users to keep track of the information they are uploading and that is needed to be uploaded

Opportunity :

Helps users understand the benefits of keeping track of the status of tasks that is being done and also giving them a peace of mind when showing completed tasks

Gap Analysis

Mask Group (5).png

Pain Point​

Guided navigation for new users is not intuitive to take an action on how users want to view the tutorial 

​

As the focus of this project was to redesign the existing platform in terms of both the User Experience and the User Interface, it was important to conduct a heuristic analysis of the current screens/ stages of the user journey within the application. This stage helped in getting a better understanding of the current pain points that are prevalent and also helped in formulating potential design opportunities to tackle the specific pain point. 

Screenshot 2020-11-29 at 8.11 2.png

Design Opportunity

​A more clearer interface that allows users to understand how to watch the next steps of the tutorial

Current Onboarding Screen

Pain Point​

List of digital accounts that the user holds and the options to edit and delete the same are not easy to understand

​

Design Opportunity

​List view can be made more interesting and intuitive as there is a lot of content for the user to process all at a time

Screenshot 2020-11-29 at 8.29 2.png
Current Digital Estate Screen

Pain Point​

To provide information to the user about the different task performable on the page, for example adding accounts 

​

Design Opportunity

​The nomenclature is unlcear making it a time taking and trial and error process to understand the tasks to be performed

Screenshot 2020-11-29 at 8.29 2.png
Current Digital Estate Screen

Pain Point​

To allow users to edit and delete certain drawers along with being able to view the contents under the drawer

​

Design Opportunity

Actions can be made more clear and should allow distinguishing between the various actions

Screenshot 2020-11-30 at 4.49 2.png
Current Drawers Screen

Pain Point​

To allow users to answer questions about personal choices and preferences, enabling them to set up the digital portfolio

​

Design Opportunity

A more two way dialogue approach, making it more interesting to answer the needed questions

Screenshot 2020-11-29 at 8.03 2.png
Current Onboarding Screen

Concept Development

The main phases of the concept development included creating a persona, drafting a customer journey map to understand pain points and opportunities at various touch points and redesign the information architecture to one that is more intuitive and less complicated.

Persona Analysis
Group 1340.png
Customer Journey Map
User Journey map (1).jpg
Redesigned Information Architecture

Key Stages

Red routes with wireframes

After conducting a heuristic evaluation, crafting a journey map and persona to understand the major pain points in the current system, the next step was to map the key activities or stages within the application that needed to be redesigned. 

Onboarding - Helping users get accustomed to the platform and recording personal choices to see what features are most useful

Time Capsule - Leave messages for loved ones to access once your life on earth has ended

Digital Estate - Online repository of all the online accounts that the users possess with additional information

Legal Forms - Handle legal formalities related to the will of your near and dear ones once they leave you

 Onbaording Wireframes 

Desktop - 105 (1).png

Onboarding  Login and Sign up

​

Onboarding  Personal Details

​

Onboarding  Choosing a preferred service

​

Onboarding  Getting started

​

Visual Design

03_2x.png
Open Sans + Montserrat.png
Group 176 (1).png
Group 178 (3).png
Group 177 (1).png

Micro Interactions

Screenshot 2021-01-29 at 11.56 1.png
Screenshot 2021-01-29 at 11.55 2.png
Screenshot 2021-01-29 at 11.55 1.png
Information
Input Box
Dialogue Box

Interface Illustrations

TimeCapsule.png
Cryptovault_3x.png
Legalforms_3x.png

Before

Screenshot 2020-11-29 at 9.57 3.png
Dashboard
Screenshot 2020-11-29 at 8.29 3.png
List of online accounts
Screenshot 2020-11-29 at 8.03 2.png
Onboarding

After

08-Digital Estate - Account List_2x 1.png

1. Clearer call to actions

2. Intuitive hierarchy

3. Multiple viewing options

06-Dashboard-Summary 1.png

1. Decluttering of Information

2. Progressive  Disclosure

05-03-Onboarding 1.png

1. More intuitive selections

2. Visibility of system status

Impact of
new
design

06-02-Onboarding-Digital-Estate-OnlineAccounts-GridView-Sticky-CTA 1.png
06-Help 1.png
09-Digital-Vault-Files-File-Upload 1.png
08-Digital Estate - Digital Estate-Add new benefitiary 2.png

80%

Reduces
cognitive
load 

Help and Support readily available to make even novice users comfortable

1/2

Saves
Time by

Effortless onboarding session, with a simple feature to select multiple accounts all at once

Drag and drop feature, to make the process of adding online accounts extremely straightforward

Quick and Intuitive process for adding a single online account to the digital estate

Perdure : UI & UX Sprint

Back to top
bottom of page