Stallet
Akorede J. Ayanbisi
I want to build an all-in-oneĀ cross-chainĀ andĀ non-custodial crypto walletĀ built onĀ Stacks blockchain,Ā secured byĀ Bitcoin, for day-to-day activities such as DeFi, Cross-Chain Exchange, NFT, GameFi, and Metaverse. Most notably with my main focus onĀ non-crypto savvy users, to easily onboard them and give themĀ easy access to the world of web3.
Overview
TheĀ StacksĀ ecosystem is growing at a bullish pace. With about 10 protocols & communities, 19 partners & integrations, 12 tools and utilities, and about 27Ā dAppsĀ are currently built on the ecosystem. Stacks ecosystem is becoming a significant player in the decentralized market and web3 as a whole.
In the Stacks ecosystem, you can connect with decentralized applications (dApps) usingĀ Hiro Wallet, send and receiveĀ Stacks (STX)Ā tokens usingĀ Wise, swap tokens usingĀ Alex, buy NFTs with Stacks (STX) onĀ Gamma, stack Stacks (STX) to earn Bitcoin (BTC) usingĀ Planbetter, and manage your Stacks (STX) assets onĀ Xverse; but imagine anĀ all-in-one cross-chain and non-custodial crypto walletĀ that can do all these and more. š¤Æ
The Challenge
Before we dive into the nitty-gritty, letās look at what led to Stallet:
As a product designer, an active web3 user, and also based off my personal experience and researches, here is what I discovered;
Occasionally, web3 and crypto wallet users encounter various problems during the onboarding, communications and general user experience of some products. These problems can be frustrating, discouraging and undoubtedly disappointing.
Also, users encounter multiple problems while swapping and bridging tokens; these problems may increase the risk of losing money, and it is stressful to handle.
So because web3 is relatively new, users are still trying to onboard in the space, as the user experiences of most of the existing web3 products are inexplicit, and require some level of expertise to use and interact with.
During my research phase, I had to go from different decentralized applications (dApps) that already exists on the Stacks ecosystem to buy, store, manage Stacks (STX) and NFTs, then go to another to swap these same assets and finally find another to stack Stacks (STX). This was quite challenging in a way, and I discovered it was the same for users and people who believe in the Stacks ecosystem.
These underlying problems birthedĀ Stallet.Ā Then as I began to work on this new idea, I onboardedĀ Martins OlaniyanĀ (product designer)Ā to come work with me on this idea I was about to build. I called itĀ the next big thing in web3.Ā š
We were able to turn this rough idea into a reality with so much back and forth, arguments and premium violence. š
Our SolutionĀ will enable Stacks users to do much more without having to switch between dApps.
Our GoalĀ is to be the one-stop for every Stacks user in terms of buying, sending and receiving STX, other tokens and NFTs, swapping tokens on Stacks blockchain and other chains, storing, accessing and managing their assets on Stacks, and stacking their Stacks (STX) to earn Bitcoin (BTC), web3 educational platform and much more
In addition, Our main focus is making whatever solution we arrived at easy to use for any non-savvy crypto user.
How did we arrive at this solution? š¤
For every product to be successful, it must solve the userās needs while aligning with the business goal and keeping the userās (UX) experience as good as possible.
Looking back at when web3 hit the market, it was more about the technology and its benefits, but never about how easy people could understand and easily use these technologies. Although there have been many improvements to this cause, but users still find it hard to navigate through these products.
In fact, according toĀ 8-bit.ioĀ Statista, Only 0.71% of the worldās population (65 million people) use blockchain technology. The blockchain audience is expanding and to be able to onboard users to use blockchain solutions there are things we must get right:
A user test was carried out by Chokablock about the non-savvy users using web3 products which says that the biggest problem for new blockchain users wasĀ clarity and poor information architecture.
From this information we proceeded to carry out more user research and draw up user personas mainly focused on three user categories;
We created three user personas that categorized different types of users in the blockchain space. These personas are going to guide our decision-making when building this solution for stacks: The personas helped to highlight some core user priorities:
Non-Savvy Users:Ā This group of people have an interest in the web3 Space, but haveĀ Little or Zero KnowledgeĀ about how it works and how to go about it. They have no experience using web3 dApps. These users are familiar withĀ web2Ā mental models.
Mid-Savvy Users:Ā This group of people have recently been introduced to the web3 space with experience using web3 dApps, but are still not aware of the many possibilities web3 has to offer. These users areĀ fairlyĀ familiar withĀ web3Ā mental models.
Crypto-Savvy Users:Ā This group of people are experts with web3 space with experience using web3 dApps. These users areĀ superĀ familiar withĀ web3Ā mental models.
From our research, our target audience are generally users with little or no experience with web3.
And that leads us to the main and recurring problem throughout this case study is that most web3 products, even though they are solution-based, are not for non-crypto savvy users and the ultimate goal of this project is to make Stallet the gateway to web3 and as easy to use as possible.
Competitive Analysis
After knowing what type of users we are creating these solutions for, we decided to carry out aĀ Competitive AnalysisĀ to be able to figure out patterns, what other dApps are doing best, what they are not doing better and how we can squeeze all these information to make sure we provide a quality comprehensive solution for our potential users.
One of our main focus was the onboarding process of these dApps and how easy it was for new users to understand and set things up. We also focused our research on how users can safely secure their wallets with seed phrases or secret keys.
We looked at the onboarding process of 7 different dAapps and how easy it was for them to onboard users, especially users that are not familiar with web3.
Here is a link to theĀ Competitive Analysis
Right before we jumped into the product design ofĀ Stallet, we had aĀ particular observationĀ and arrived at aĀ perfect solutionĀ after we drafted out our user personas and conducted our competitive analysis.
We created explainer popups or what we call modal popups around Stallet to help newbie users get acquainted with web3 terminologies they donāt understand.
UX Direction
The idea:Ā A larger percentage of ourĀ target audienceĀ are users who have no prior web3 experience, to help these users get onboarded onĀ Stallet, we decided toĀ stick with existing patterns from web2 mobile apps.
Our reason behind this isĀ Jakobās law, a UX law, which emphasises the fact that: Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.
In other words, we are sticking with existing patterns web2 users already know and are very familiar with.
User Flows, Maybe š¤·āāļø
The importance of user flows and journeys can not be underestimated in designing a product, but we decided to be unconventional by not sticking with them, not because we donāt want to, but because we wanted to pay attention to every detail and interaction the user has withĀ Stallet.
We concluded from our previous research to stick with five navigation tabs which will easily be able to cover user needs and enable easy navigation:
The Home or Dashboard screen
ā¢ The Stacking screen
ā¢ A screen (modal-like) to carry out all transaction actions
ā¢ Browser screen to access other dApps in-app
ā¢ Settings screen
But before we jumped fully into the designs and the UX experience, we created aĀ foundational design systemĀ to help, and as we proceeded in our iterations, we scaled the design systems.
We are big fans of Design Systems ā
Not every product requires a design system, but because of the goal and scale of the vision at Stallet, we created a scalable design system, which we could work with and also for future designers and engineers.
We built our design system usingĀ Shipfasterās Design SystemĀ by Mizko
Our Design System hasĀ 1034 components and 166 Styles, so it is almost impossible to share everything in this case study, this is the link to preview theĀ full design system.
We also tokenized our design systems to be able to communicate the design systems better to future developers:
Interaction Design
Onboarding Stage
Each web3 product has its own unique onboarding process, the process where users are introduced to the product and perform obligatory actions like creating a password for their wallet or backing up their wallet.
Stallet is not in any way different, the idea is to make this process seamless and easy for users.
How did we do this?Ā As I said earlier, we adopted proven UX web2 patterns and tweaked them for the onboarding process.
The web3 onboarding model is almost full of mandatory decisions that users must carry out. Although these decisions are important, we decided to make them less stressful by providing a few options for them, which makes them feel more in control of the process, rather than the normal web3 process.
Home Screen
The home or dashboard screen is usually the first screen a user is introduced to after the onboarding process, and also the first screen a user sees anytime the user gains access to the app.
We had just a major goal for the home screen. We want our home screen to be simple, clean and also help the users easily navigate to some core parts of our app,Ā Stallet.
Stallet Learn
Stallet Learn is what makes Stallet different from a majority of web3 products out there. You see, we conducted research and noticed that when most users needed help or are stuck with an issue while using a web3 product, they search for solutions on Google, Twitter, Reddit or Quora.
While this is stressful for the user, it might lead to lack of customer retention and high churn rate.Ā So we created this perfect solution calledĀ āStallet Learnā.
Although there are existing educational platforms like Binance Academy, Coinbase Learn and others, our goal is to be the go-to educational platform for existing and new web3 users.
According to thisĀ source, 6.64Billion people own a smartphone and thatās 83.40% of the world population. These are the people we have in mind for Stallet. Accessibility and ease of use are our visions for Stallet and that birthed the idea ofĀ Stallet Learn.
Stallet Learn is an educational arm of Stallet, that contains numerous information about web3 and helps users learn in a fun and interesting way.
With the help of Stallet Learn, potential users can easily navigate and learn how to also use Stallet effectively.
Send, Receive, Buy, Swap & Bridge Stacks (STX) or Other Tokens
Following our tradition of making things easier to use, we wanted to make the flow and process of sending, receiving, buying, swapping and bridging Stacks (STX) or any other tokens very easy for our users.
We imbibed smooth communication as a vital tool in this process in other to make it seamless and easy to use.
Send šš¾
Receive šš¾
Swap šš¾
Bridge šš¾
TheĀ Buy StacksĀ will be an integrated feature for users to easily buy Stacks (STX) or any other crypto tokens of their choice without having to leave the Stallet app.
Stacking
Stacking is a unique feature of the Stacks ecosystem which is similar to the Staking feature in other blockchains. Itās basically a feature where users stake (stack) Stacks (STX)to earn Bitcoin (BTC) for a particular period of time or cycle.
Browser to access other dApps
We want users to be able to get almost anything related to web3 in Stallet and to make Stallet more accessible to users, we accommodate other dApps in Stallet. This helps users perform functions in other dApps without having to leave the Stallet app.
Conclusions and Key takeaways
Overall, we learnt a lot of things from working on this product and that was majorly making complex part of web3 simple and easy for users.
As we all know, the web3 space is still relatively new and most internet users do not understand what it is about or its full potentials, this is why we are buildingĀ Stallet.
We also saw the use of effective competitive analysis, at each process, we were actively studying similar dApps to know what they did best and what they need to do better.
Thank you for reading this case study and for your time. š
Stallet Contact Info
Website:Ā www.stallet.co
Facebook:Ā www.facebook.com/stalletco
Twitter:Ā www.twitter.com/Stalletco
LinkedIn:Ā www.linkedin.com/company/Stalletco
Instagram:Ā www.instagram.com/Stalletco
Medium:Ā www.medium.com/@stalletco
Discord Channel:Ā bit.ly/StalletDiscordChannel
Contact Info
Email:Ā ajayanbisi@gmail.com
Telephone: +234 818 344 0913
Whatsapp:Ā https://bit.ly/TextAkorede
Twitter:Ā www.twitter.com/AJ_Ayanbisi
LinkedIn:Ā www.linkedin.com/in/AJAyanbisi
Like this project
Posted Jan 25, 2024
An all-in-one cross-chain and non-custodial mobile crypto wallet built on Stacks blockchain, secured by Bitcoin.
Likes
0
Views
24
