Hacken-Foundation
Made-with-Sketch-Abstract

Hacken is a cybersecurity company building an ecosystem of security B2C products for people in crypto. I worked on an app for that ecosystem called HackenAI, its satellites hVPN and hPass, for the ones who are staking HAI tokens, that blew up and made an exceptional 70X growth when we launched the products.

Responsibilities

  1. Take the lead on the design of the Hacken Foundation apps. 

  2. Release HackenAI app with core functionality in a short period.

  3. Make the development process as smooth as possible in a distributed team.

  4. Support Hacken company with all their design needs. 

I have never been working with crypto before. So all I knew was that Bitcoin and Ethereum are lousy investment options.

I changed my mind, and crypto has been my main investment option for the last two years. I learn I adjust my point of view.

2020-2022

Product Design
Cybersecurity
Crypto

UI/UX
Sketch App

HackenAI-App-Icon

VALUE IMPORTANCE

HAI token needed to have the value that can be purchased as a subscription all at once. So that, heavy-packing the app with features makes sense at the very beginning. 

COMMUNITY & INVESTORS

The community of Hacken was expecting explosive growth during the following crypto bull run. In addition, Hacken had whale investors wanting to expand its blockchain ecosystem with cybersecurity companies, so they invested in Hacken Foundation and HAI token to start up.

TRUST

Hacken had quite a solid reputation in the cybersecurity-related community since, from the very beginning, there were no company failures. Retail investors and significant investors like VeChain trusted Hacken’s intentions to make the most potent security app in crypto.

Master-Plan Adjusted-Plan

Do economic research before developing a crypto product.

Do not try to tackle all the things at once.

The go-to way to learn crypto is invest and explore.

Process & Planning

Work
Methodology & Framework

Since the team is spread out across locations we decided to work with Agile model and Waterfall framework. 

Technical limitations

A cross-platform app would be implemented using React Mobile back end and web-based front end to simplify the rapid development of the huge project.

Blockchain, a major technical limitation, makes the context of business logic, shapes the functionality.

Team

Budorin
Dyma Budorin, Executive
Naumenko
Ivan Naumenko, Product Manager

Team

Veles
Andrew Veles, Design
Bezuglyi
Eugene Bezugly, Product Team

UX Flow Planning

To fit all the information needed for all the focus groups: cybersecurity enthusiast gets his cybersecurity status and improvement tips; retail investors get an overview of their assets; DeFi enthusiasts could easily find their farming performance. 

To understand what we need to do and when I started creating a UX flow map of the app. UX flow had a broad overview of the app I wanted to make.

In the preliminary UX Flow designs, I wanted to conceptualize my vision of how HackenAI would work and what features it should have initially. 

Hacken's management request was High-Fidelity wireframes since me and my product manager formally described the whole list of User Stories.  

divider

Who

PERSONAS

DeFi-Enthusiast@2x
Cybersecurity-enthusiast@2x
Retail-investor@2x
Investor@2x

Persona-based decision making 

Ideally, all the personas' needs were scoped into the initial plan. Then, however, we slowly shifted our focus on the major groups: retail investors and DeFi enthusiasts (as a minority), who are mainly focused on investing in getting profit as traders and farmers.

Those people are relatively easy to understand and interact with. For instance, retail investors want to put their money into the industry that grows comparatively to their expectations, and DeFi enthusiasts wish to make the most of minimum investment.

We cut cybersecurity enthusiasts with very high standards in cybersecurity apps we couldn't provide because the competitive landscape is vast. So then, we also cut big investors because they were using different blockchains with lower liquidity. 

divider

What

GETTING QUANTITIVE DATA

We were able to ask users what they do in real-time and get instant feedback because everything in crypto happens in Telegram and Discord chats. So I will post there their generic input and needs. "What do you want to see in our new HackenAI app?" — I asked.

Telegram
60 responses

over 10 000 members

Discord
22 responses

over 1 500 members

Twitter
3 responses

50K followers

Survey among HackenAI users

Hacken has conducted a survey among the community. The main purpose of this survey is to test if we are on the right track with our current developments and what propositions our community would be interested in.

We have presented 12 suggestions. These suggestions are either propositions Hacken was already working on, propositions we would like to develop, or propositions suggested to us by the community.

We asked participants to divide 100 points over these 12 suggestions. This way they had to really make a decision on what proposition they really wanted.

The survey had 85 valid responses

DeFi enthusiast - 10 responses 
Twitter stranger - 9 responses
Retail investor - 33 responses
Hacken investor - 33 responses 

Survey-results@2x
divider

When

SETTING OBJECTIVES

Development-Phases

01

To encourage small investors to lead into more considerable investments with the added value of cybersecurity apps they might use for free.

02

To introduce a cybersecurity suite for the Hacken fans, including a password manager, VPN, and more.

03

For the newcomers, to learn more about cybersecurity and how it connects to Hacken, and give a hint on how to secure yourself.

04

Hold assets on a secure wallet, and allow them to interact with their asses comparatively easily. People could farm tokens of the companies connected with Hacken.

divider

Sweet! There’s so much information we have!

Let's act!

Dashboard

PURPOSE

To fit all the information needed for all the focus groups: cybersecurity enthusiast gets his cybersecurity status and improvement tips; retail investors get an overview of their assets; DeFi enthusiasts could easily find their farming performance. 

Onboarding
Settings

DESIGN CHALLENGE №1 (Design System)

To fit up all the information on the dashboard. To prioritize it properly: on a master plan, the main goal was to show how secure the user is; in the second approach (after user research) we found that financial information is more valuable for the user.

DESIGN CHALLENGE №2 (Product)

To incentivize users to buy memberships for the money they invested in Hacken for perks that aren't available for a broader community.

DESIGN CHALLENGE №3 (User Interface)

To show user's performance at a glance: wallet balance, educational progress, current farming, and referral dashboard. App notifications are also stacking in there.

Wallet

PURPOSE

To give complete control of the user's assets in the wallet that is created automatically when the user signs up. The wallet is the place where users can buy their memberships and get Hacken Foundation perks like APY booster for farming and free VPN & password manager.

Send-1
Staking-1

DESIGN CHALLENGE №1 (Product)

To introduce a multi-chain approach within the wallet. I was working on only the VeChain protocol in the first version of the app, but management decided to go over new blockchains: Ethereum and Binance Smart Chain. 

DESIGN CHALLENGE №2 (User Interface)

To fit controls on the Send screen with the persistent keyboard: the issue was to keep all the controls visible on a smaller screen. All the competitor apps had a 2-step approach in this, but I was asked to do everything in a 1-step way.

DESIGN CHALLENGE №3 (Product)

Hacken was pushing its memberships. Users needed to buy memberships to avoid HAI token holders selling their assets on exchanges by locking a specified amount of tokens on a smart contract.

Farming

PURPOSE

The purpose of introducing Farming, LP Farming and Staking features is to make users to save Hacken's token value by sending their HAI tokens for rewards. 

Claim
Contract

DESIGN CHALLENGE №1 (Design System)

To fit up all the information on the dashboard. To prioritize it properly: on a master plan, the main goal was to show how secure the user is; in the second approach (after user research) we found that financial information is more valuable for the user.

DESIGN CHALLENGE №2 (Product)

To incentivize users to buy memberships for the money they invested in Hacken for perks that aren't available for a broader community.

DESIGN CHALLENGE №3 (User Interface)

To show user's performance at a glance: wallet balance, educational progress, current farming, and referral dashboard. App notifications are also stacking in there.

Education (Bootcamp)

PURPOSE

We found a way how to onboard the users in the cybersecurity suite we offered, along with HAI crypto asset, we partnered with EdEra to develop a 6-series interactive course to learn how to protect yourself and discover the best sides of business with Hacken. 

P1
P2

Module 1

Passwords
25 blocks
3 tests

Module 2

Phishing
21 blocks
4 tests

Module 3

Privacy Settings
30 blocks
6 tests

Module 4

Encryption
31 blocks
4 tests

Module 5

Updates
30 blocks
4 tests

Module 6

Crypto
38 blocks
5 tests

Download HackenAI App

App-Store
Google-Play
CTA

Outcomes, In All Modesty

X70

Token value

30K

Active users at peak

$5M

Total value locked at peak

4.7/5

App Store Rating

Graph
Telegram
Twitter

© Andrew Veles. No rights reserved. Nothing is permanent.

© Andrew Veles. No rights reserved. Nothing is permanent.

View