Hey there, Silviu here 👋

I am a Senior Product Designer at Sweat Economy, previously focused on creating the base UX & UI of the wallet app and now focused on the financial and asset management of the app.

In this case study, I will go over one of Sweat Wallets’s core features , Growth Jars, and how we explored and came up with a solution catered for our web2 users.

Curious? Cool, let’s get rolling 🎥

The next billion into crypto

SWEAT Wallet is on a mission to bring users into crypto by walking, and making them more physically active. With such a focused mission and such a broad user base you would expect some language barriers, as not everybody understands crypto jargon (crazy, right ?)

Lest start with the basics

What is staking? It is a way for users to earn passive yield on their cryptocurrency holdings by locking tokens up on the network for a period of time. For example, if you decide you want to stake your SWEAT holdings, you would do so on in the Sweat Wallet, that is built on NEAR network.

Basically a savings account for the crypto world

So how did we do it

Identifying the problem

Staking in crypto is clinical, and sometimes quite scary. Also, the language used can deter users that don't understand the space, so called crypto noobs. Also UX in crypto can be head scratching even for tech people, so why not make it better.

Step 1

Reviewing the competition and learning what are they doing well and what are they not. The below example is from Crypto.com

Usually revolves around easy and simple selection screen, almost clinical, with big cognitive load on the users when they are reviewing terms

Step 2

Mapping your the essentials of the functionality into wireframes

Step 3

Create the initial UI and iterate upon it with the help of user interviews for comprehension and usability

Some interesting findings

1. Creating a friendly metaphor for staking (growth Jars)

2. Having a friendly and playful UI when things are not as serios ( in term selection screen)

3. Always be transparent with what the user will be getting and make sure the understand

4. Have easy to understand Terms and Condition with the option of diving deep if they want to

5. You can get away without check boxes if you create enough friction with the confirmation button

1. The jars metaphor

Usually in fintech you'll find nomenclature such as savings accounts, vaults, pots or piggy bank.

If you think back in your childhood you most likely had a piggy bank, bottle or jar that you were saving money into, either being for swearing, towards a bike or why not a car (hotwheels/lego) , the pocket change used to get in there somehow.

Piggy being used in Sweatcoin app as a boos feature, I chose the direction for jars. As it turned out, our users adopted the jargon (pun intended) very easy and they use it in their communication

2. Friendly UI

3d elements go a long way in helping the UI to be less clinical. And also, nothing beats a social proofing ribbon for the term you want to highlight and gets used the most.

3. Transparency

What does the user get in return ? They don't know, so tell them

FYI ... the gallery contains the 4 and the 5 as well

4. Easy to understand T&C

You can make them want to read them by having an expandable section on demand

5. Friction improves UX

Let them approve the action with a slide to confirm button. Enough friction without the headache of having multiple checkboxes

Growth Jars overview

the result: 42% SWEAT Staked

Our users love it ❤️

And that is a wrap 🎬

Thank you for your time in reading this case study

You can follow me on 📸 Instagram or visit 💻 my website to learn more about me.

Did you enjoy this case study? 🔥

Let's chat! design@sweatco.in

Show your love and remember to follow us!  Press „L”.