Algoblocks is led by a team with an optimal blend of proven expertise in finance, capital markets technology, and crypto. They are aligned to enable anyone to access DeFi products by removing the major roadblocks to accessing the DeFi space: Fear, Complexity and Technical knowledge.
The goal of the project was to create an interface where people can easily manage and track their DEFI activities. In addition, we needed to provide a better UX of all DEFI activities.
What we proposed to the client – our approach & methodology
First, we ran a workshop which covered a very challenging topic: UX in web 3.0 (DEFI ecosystem) created by developers that differs from web 2.0 heuristics and behaviors we all know.
The main question was:
How to gather multiple DEFI activities in the form of a simple dashboard so users can manage them from one place.
In addition, we created a questionnaire using G-form and got 118 responses from DeFi experts.
Later on, based on the workshop and questionnaire replies, our Product manager, together with UX/UI specialists, prepared personas, a value-proposition canvas and future sandbox.
The next step was preparing a brand new design and a clickable mockup. Once this was done, we began the implementation of the project according to the tech stack proposed below.
All communication went through Slack and email primarily. We also had recurring meetings where we discussed progress (dailies, planning, reviews, retros etc.).
The customer was from Singapore, so all communication was online. We had two workshops during the project, both of which were online using the Miro tool.
2x UX/UI Experts
Techstack: what technologies were used & integrations
The front-end part of the system will be developed using the React library fed with customized UI elements, including a web3 connectivity system based on web3modal library.
The pure front-end part of the system will deliver functions such as:
– Connecting with users’ wallets (metamask, hardware wallets, wallet connect etc.).
– Listing data are taken directly from smart contracts.
– Building and signing contracts for submission.
– Submitting signed transactions to Own Node, Infura, or 0x subsystem.
Server-side implementation will be done in Typescript in NodeJS. Server-side will deliver functions such as:
– Wallet data caching (full history of transactions).
– Marketplace configuration.
– Dapps store configuration.
– Proposed actions (yields, swaps, etc.).
– Proposed copies of other people’s functions.
In the future, the backend will also keep its node for communication with the Blockchain. For now, the Infura system will be used.
All potential actions that users can perform will be collected directly from the 0x subsystem. This includes yields and stakes available for users.
Most of the actions will be pre-configured by the backend and the only frontend actions available will be configuring and using these pre-configured options and submitting them directly through 0x API.
Any future extensions of this solution will require replacing the 0x subsystem with its contracts deployed (depending on the business model as interacting with 0x will require paying their fee).