Contact me for an interesting idea, collaboration, talks or coffee...

Say Hello

Designed and developed by me. 👮🏾‍♂️

  • RESEARCH

  • AUDIT

  • INTERACTION

  • DOCUMENTATION

  • DESIGN RATIONALE

  • EFFECTIVE COMMUNICATION

  • LISTENING

  • NO-CODE

  • VISUAL DESIGN

  • CONCEPT DEVELOPMENT

  • INTERVIEWS & SURVEY

  • USABILITY

  • CRITICAL THINKING

  • HI-FI PROTOTYPING

Contact me for an interesting idea, collaboration, talks or coffee...

Say Hello

Designed and developed by me. 👮🏾‍♂️

  • RESEARCH

  • AUDIT

  • INTERACTION

  • DOCUMENTATION

  • DESIGN RATIONALE

  • EFFECTIVE COMMUNICATION

  • LISTENING

  • NO-CODE

  • VISUAL DESIGN

  • CONCEPT DEVELOPMENT

  • INTERVIEWS & SURVEY

  • USABILITY

  • CRITICAL THINKING

  • HI-FI PROTOTYPING

Contact me for an interesting idea, collaboration, talks or coffee...

Say Hello

Designed and developed by me. 👮🏾‍♂️

  • RESEARCH

  • AUDIT

  • INTERACTION

  • DOCUMENTATION

  • DESIGN RATIONALE

  • EFFECTIVE COMMUNICATION

  • LISTENING

  • NO-CODE

  • VISUAL DESIGN

  • CONCEPT DEVELOPMENT

  • INTERVIEWS & SURVEY

  • USABILITY

  • CRITICAL THINKING

  • HI-FI PROTOTYPING

Open to work

Open to work

Open to work

Joel Asemota

WEB3

2024

Suna

dApp Gamification on Solana: An protocol enabler for market prediction and lottery.

01 of 16

Overview

Project Summary

This is a software product of AfreximBank built with the aim of automating the vendor onboarding process of her external partner (vendors) with some of its core business units/internal teams of the bank. After a successful onboarding, vendors are able to receive jobs (called work requests), submit contracts, raise invoices and process receipts for a job done and keep record of all communications for audit purposes.

Visit website

Business Goals

Enhance the vendor onboarding experience from the manual approach it used to be carried out thereby reducing the onboarding time.

Increase the efficiency of the bank's business units from back and forths, as well as keeping correspondence of outsourced jobs to vendors.

Storage of vendors' record and work requests, provide insights into the top vendors and better vendor selection in the upcoming jobs (work requests).

Team Members

1

Product Designer

3

Subject Matter Experts

2

Solution Architects

2

Product Managers

4

Frontend Developers

3

Backend Developers

2

QA

1

Devops Engineer

My Role

Product designer: Research, Web design, Interaction design.

Industry

Finance

Tools

Overview

Suna is a DApps - a decentralised application (which is an application that can operate autonomously, typically through the use of smart contracts, that run on a decentralized computing, blockchain or other distributed ledger system) built on the solana network that leverage on the traditional goals of its users to gamble in a quest to increase their savings through betting on physical events as well as lottery system.

Goal

An easy-to-use interface that allows users deposit on-chain tokens, bet on digital assets on the outcome of real world events by aggregation of staked tokens and a lottery system where winners win the stake.

Value Proposition

Suna aims to generate massive adoption by launching this experiment on the SOLANA network majorly because of the low transaction fees while making the transition of transition users from traditional betting and lottery system seamless in such a way that it appears to be carry out the actions they are used to in just another currency. This would mean holding their hands all through the onboarding till they are able to securely link their wallet and allowing them fly afterwards.


Other nice-to-have features which would increase usage and attract users are the usual staking & farming, swapping of tokens, fixed and flexible investments for specific period of time for an interest reward which pose a low risk, offering loans.


The need for this protocol solution considering competitors already existing:

Ease of use.

Reward system.

Financial literacy.

Why Suna?

Full control on your wallet

01 of 16

Overview

Project Summary

This is a software product of AfreximBank built with the aim of automating the vendor onboarding process of her external partner (vendors) with some of its core business units/internal teams of the bank. After a successful onboarding, vendors are able to receive jobs (called work requests), submit contracts, raise invoices and process receipts for a job done and keep record of all communications for audit purposes.

Visit website

Business Goals

Enhance the vendor onboarding experience from the manual approach it used to be carried out thereby reducing the onboarding time.

Increase the efficiency of the bank's business units from back and forths, as well as keeping correspondence of outsourced jobs to vendors.

Storage of vendors' record and work requests, provide insights into the top vendors and better vendor selection in the upcoming jobs (work requests).

Team Members

1

Product Designer

3

Subject Matter Experts

2

Solution Architects

2

Product Managers

4

Frontend Developers

3

Backend Developers

2

QA

1

Devops Engineer

My Role

Product designer: Research, Web design, Interaction design.

Industry

Finance

Tools

02 of 16

Background

Story

Afrexim, The African Export-Import Bank (Afrexim bank) is a pan-African multilateral financial institution headquartered in Cairo, Egypt. It was established in 1993 under the auspices of the African Development Bank (AfDB) to promote and finance trade within Africa and between Africa and other continents.


Prior to this digital solution that caters for her vendors, jobs were outsourced to vendors (a job could be to supply computer devices to the company) manually through paper contracts and traditional methods for negotiations and overall communications over the years. With a huge amount of businesses done over the years and an increasing amount of vendors to do businesses with, it became important to approach this in a better and more effective way and optimize for time and cost.


This was outsourced to a software agency (Revent Technologies) where I contributed as the sole product designer to bring this solution to life. On team also, there were 2 Product Managers, 4 Frontend Developers, 3 Backend Developers, 2 Solution Architects, 3 Subject Matter Experts (from Afrexim bank) who had hands-on knowledge of how it worked, 2 QA Engineers and a Devops Engineer.

03 of 16

Problem Statements

Some of the problems highlighted by the clients were:

Using a PRD (Product Requirement Document) as a precedent, along with round-table discussions with the client and the product team, we defined the core problems as follows:

Inability to accurately track financials such as invoices and cost limit and keep an efficient inventory.

Difficulty with sorting of documents and contracts that binds vendors activities with the bank.

Difficulty with following the life span of a job (work request) from assignment to completing.

Communication barrier between internal units and her vendors that many result from negotiations and deliberations.

Inefficiency of the overall traditional approach.

04 of 16

Approach

Solution

These problem statements guided the questions we asked during a series of interview sessions with subject matter experts who were most familiar with the vendor processes in the organization. We also interviewed about three of their vendors and a member from each business unit. This approach aimed to address the identified problems and explore potential areas of innovation to create a more efficient process. By understanding their pain points through these questions, additional research, and subsequent meetings, we devised optimal solutions.

Core Modules

This solution is being compartalized in two parts (user personas) for a seamless interplay of processes. The first part pertains to the bank's side (which includes the business units—Compliance, BOSE, Business Departments Users, and System Support/Admin) The second part pertains to the vendors.

Sign up, Onboarding and Sign in

Admins sign in through a third party OKTA portal; Vendors sign up and onboard through another (the vendor's portal) either as an Individual or Corporate.

Work requests

Afrexim's users with the permission creates work requests and assigns it to a vendor; Vendors preview details, does the needful and provide invoices for job done.

Contracts

Admin may request, store and update binding contracts with these vendors.

Dashboard

An overview of activities going on in the system such as total invoices, work requests. Admin dashboard has a more detailed one than the vendors.

Organizational settings

To manage roles and permissions, configure currency and department and provide system support.

Users

Vendor admin especially corporate vendors can invite other users giving them a set of permissions.

How it went down...

I came across some prevalent challenges faced by web3 users from X (formerly twitter) in terms of getting acquainted with the web3 space and carrying out some actions which I considered quite basic. It caught my interest my this gap may exist and the need to validate these hypothetic problems dawned on me. Some of which were:


Challenge 1(DeFi): Design an On-Ramp - On-ramps enable users to exchange their fiat money(USD, AED, NGN) for cryptocurrencies.

Challenge 2(DeFi): Design a lending app that allows users to lock in a fixed rate of interest over a specified period of time. (https://youtu.be/dTCwssZ116A)
Lending protocols are constantly fighting for liquidity thus they offer incentives, protocols like AAVE uses flash loans to gain liquidity, over time if there isn’t already, we might have protocols allowing for under-collarization (maybe the liquidation rate will be affected/increased) - Check out testiest (https://youtu.be/sIIg2owOz3w) Take sensible cut of your borrow limit to be safe

Challenge 5(DeFi): No-loss lottery dApp - Design a platform for users to deposit a variety of tokens into a pool and then connect the pool to a Solana lending protocol which aggregates funds and rewards the interest to a winner over a period of time. Inspo: Check out @stakefair_ 

Challenge 7(Defi): Design a Liquid ETH 2.0 staking dApp that allow users stake ETH and receive dETH which may be used to participate in other defi opportunities  including liquidity provision, lending, leveraged farming etc. A lot of Grammar for newbies, DYOR👨🏽‍🍳

Challenge 10(Defi): Design a prediction market that allows users to bet digital assets on the outcome of real world physical events.

I needed to validate these problems from users and intending users since I hope to increase the market size as well. Having condcted desk and market research and was sure how to go . I grouped my participants into traditional gamers, crypto gamers so I interviewed 4 persons each. (venn diagram to show mix) wth sweet preference to those involved in both.

I then conducted competitive analysis to figured....


Some questions asked were (Now questions and repsonses)


Beng a pet project, I decied to utilize some recent learnings to enrich my research and dev process and internally compare with how I did others

Hats worn

Testing

Testing

Testing

Testing

Testing

User testing

Lorem ipsum dolor sit amet consectetur. Cursus odio orci amet odio lectus. Morbi justo justo varius duis mi interdum ullamcorper pulvinar felis.

User testing

Lorem ipsum dolor sit amet consectetur. Cursus odio orci amet odio lectus. Morbi justo justo varius duis mi interdum ullamcorper pulvinar felis.

User testing

Lorem ipsum dolor sit amet consectetur. Cursus odio orci amet odio lectus. Morbi justo justo varius duis mi interdum ullamcorper pulvinar felis.

User testing

Lorem ipsum dolor sit amet consectetur. Cursus odio orci amet odio lectus. Morbi justo justo varius duis mi interdum ullamcorper pulvinar felis.

User testing

Lorem ipsum dolor sit amet consectetur. Cursus odio orci amet odio lectus. Morbi justo justo varius duis mi interdum ullamcorper pulvinar felis.

05 of 16

Process

My Process: From Discovery to Delivery

We kicked off by receiving a business document outlining the core proceses involved few weeks before the first debrief session so as to get a sense of the goal to be achieved and better inform the questions to be asked. After the debreifing session, these questions were asked that resulted in further insights.


Afterward, we held additional internal sessions with the solution architect and product teams to delve deeper into the details. I created moodboards and low-fidelity prototypes of key flows, which were reviewed and refined by the team. The brand team then added more flair to the website. These efforts collectively influenced the direction of the remaining flows and the project as a whole.

EMPHATIZE

DEFINE

IDEATE

PROTOTYPE

TEST

Discovery

Understanding the scope and goals of the project as well as identifying the concerned users and their needs.

Research: Market & User

Reviewing and comprehending the Product Requirements Document (PRD), conducting research using relevant articles to understand unfamiliar workflows, and seeking clarification through questions.

Ideation

Synthesizing insights, brainstorming potential solutions on paper, and creating moodboards and visual cues that align with the modern financial industry.

Prototype

Developing visual designs and interactive prototypes based on the ideation phase

Test

Testing these solutions to verify they meet the intended goals and identifying areas for improvement.

Non-Linear

8-weeks locked in

Research

Interview, Desk research

UX

Hypothesis, Sitemap

UX

User Persona, Userflow

Concept

Sketching, Wireframe, Moodboard

UI Design

Design system, User interfaces, Prototyping

Testing

Presentation, Iteration

Week 1

Week 2

Week 3

Week 4

Week 5

Week 6

Week 7

Week 8

Discovery

Research

Ideate

Prototype

Test

05 of 16

Process

My Process: From Discovery to Delivery

Discovery

Research

Ideate

Prototype

Test

Competitive audit

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

Comparison and contrast of features.

LOGOS

01 of 16

User Research

Some Interview Questions

🧐 Question 1

Can you describe the current process for vendor onboarding and the challenges associated with it?

💡 Key Insights

Understand the specific pain points, inefficiencies, and manual steps that cause delays or errors. This information helps in designing features that streamline and automate these steps.

🧐 Question 2

What are the most common issues vendors face during the onboarding process?

💡 Key Insights

Identify recurring problems vendors encounter, such as unclear instructions or lengthy approval times. Addressing these issues can improve user satisfaction and reduce support queries.

🧐 Question 3

How do internal teams currently communicate and collaborate with vendors?

💡 Key Insights

Learn about the communication tools and methods used, as well as any gaps in communication. This can guide the integration of effective communication features within the platform.

🧐 Question 4

What are the key compliance and regulatory requirements that need to be considered in the onboarding process?

💡 Key Insights

Ensure the design adheres to necessary legal and regulatory standards, which is crucial for a financial institution. This helps in building features that facilitate compliance tracking and documentation.

🧐 Question 5

What metrics or KPIs are used to measure the success of the vendor onboarding process?

💡 Key Insights

Identify important performance indicators, such as onboarding time, vendor satisfaction, and error rates. This allows for the inclusion of analytical tools and dashboards to track these metrics.

🧐 Question 6

What feedback have you received from vendors about their experience with the current system?

💡 Key Insights

Direct feedback from vendors can provide valuable insights into their needs and preferences. This helps in prioritizing features that enhance user experience and address common complaints.

01 of 16

User Research

User persona

Summary

Johnathan is a seasoned supplier manager at TechSupply Co., responsible for managing contracts and supply chain logistics. He deals with various clients, including large financial institutions like Afrexim Bank, and ensures timely delivery of products and services.

Pain-points

  • Lengthy and cumbersome onboarding process for new clients.

  • Difficulty in tracking the status of submitted documents and contracts.

  • Delays in payment processing, leading to cash flow issues.

  • Lack of transparency and clear communication from the client's side.

  • Managing multiple communication channels for different clients.

Desires

  • A streamlined and efficient onboarding process with clear instructions.

  • Real-time updates on the status of contracts and payments.

  • A single platform to manage all client interactions and communications.

  • Timely and transparent payment processing.

  • Easy access to support and assistance when needed

Jonathan Ebube

Staplers Vendor

Age: 45

Gender: Male

Summary

Lisa is a dedicated vendor relations specialist at Afrexim Bank, managing the onboarding and ongoing interactions with external vendors. She ensures that the bank's vendor management processes are efficient and compliant with regulatory standards.

Pain-points

  • Managing a high volume of vendor applications manually.

  • Keeping track of multiple contracts and their statuses.

  • Ensuring compliance with regulatory and internal standards.

  • Handling frequent inquiries and support requests from vendors.

  • Lack of a centralized system for vendor management.

Desires

  • An automated system for vendor onboarding that reduces manual work.

  • A centralized platform for managing contracts and communications.

  • Tools to ensure compliance with regulatory and internal standards.

  • Efficient handling of vendor inquiries through a support portal.

  • Analytics and reporting features to monitor and improve vendor management processes.

Lisa Usman

Subject Matter Expert

Age: 37

Gender: Female

09 of 16

UI Solutions

Final designs

Dashboard

The Dashboard provides a comprehensive overview for both admins and vendors. Admins can efficiently monitor vendor onboarding statuses, manage contract approvals, and track payment processing with real-time insights and notifications. Vendors benefit from an intuitive interface to manage work requests, submit contracts, and track payments, ensuring seamless and transparent communication with Afrexim Bank.

Sign up

The Dashboard provides a comprehensive overview for both admins and vendors. Admins can efficiently monitor vendor onboarding statuses, manage contract approvals, and track payment processing with real-time insights and notifications. Vendors benefit from an intuitive interface to manage work requests, submit contracts, and track payments, ensuring seamless and transparent communication with Afrexim Bank.

Onboarding

The Dashboard provides a comprehensive overview for both admins and vendors. Admins can efficiently monitor vendor onboarding statuses, manage contract approvals, and track payment processing with real-time insights and notifications. Vendors benefit from an intuitive interface to manage work requests, submit contracts, and track payments, ensuring seamless and transparent communication with Afrexim Bank.

Invite Vendor

The Dashboard provides a comprehensive overview for both admins and vendors. Admins can efficiently monitor vendor onboarding statuses, manage contract approvals, and track payment processing with real-time insights and notifications. Vendors benefit from an intuitive interface to manage work requests, submit contracts, and track payments, ensuring seamless and transparent communication with Afrexim Bank.

Work Requests

The Dashboard provides a comprehensive overview for both admins and vendors. Admins can efficiently monitor vendor onboarding statuses, manage contract approvals, and track payment processing with real-time insights and notifications. Vendors benefit from an intuitive interface to manage work requests, submit contracts, and track payments, ensuring seamless and transparent communication with Afrexim Bank.

Contracts

The Dashboard provides a comprehensive overview for both admins and vendors. Admins can efficiently monitor vendor onboarding statuses, manage contract approvals, and track payment processing with real-time insights and notifications. Vendors benefit from an intuitive interface to manage work requests, submit contracts, and track payments, ensuring seamless and transparent communication with Afrexim Bank.

09 of 16

UI Solutions

Key Takeaways

The Dashboard provides a comprehensive overview for both admins and vendors. Admins can efficiently monitor vendor onboarding statuses, manage contract approvals, and track payment processing with real-time insights and notifications. Vendors benefit from an intuitive interface to manage work requests, submit contracts, and track payments, ensuring seamless and transparent communication with Afrexim Bank.

Invite Vendor

Thank you for reading!