UX/UI Design
Application Blockchain
2024
Trading Investment Token application
Create a comprehensive design direction aimed at expanding BBL Banking's customer base through strategic investment in Asset
Project Detail
Bisetoken Background
Our goal is to reflect BBL Ci's esteemed image by exuding professionalism and trust. We aim to expand our customer group while ensuring seamless transitions for existing BBL customers.
The Solution
What problem did we address?
for the general user who is not familiar with The Blockchain platform always feel uncomfortable espicially for the start using blockchain platform because they have a lot of thing to concern
Complex Experience
Security Concerns
Service Under Bisetoken Environment
Bisetoken
2024
Take Digital investments to the next level.
Seamless investment under the Bisetoken infastructure.
UX/UI Design
Application Blockchain
2024
Start Seamless Journey to Account Creation
Easy User Onboarding
Bisetoken's Onboarding Flow is meticulously designed to guide users seamlessly through a structured pathway, from the landing page to the creation of their account. This process ensures clarity, simplicity, and ease of use, offering users a straightforward and efficient journey.
"Go to Create an account"
Create an account after end the onboarding.
Onboarding Step
Onboarding Step with Highlight Feature.
1st Onboarding Page
Landing Page inform the BiseToken App. version
Quickly create your wallet with a secure account.
Auto Account Integreation under Bisetoken invironment.
"Combine the create account with open wallet automatically"
Seamless Account Creation
Bisetoken's account creation process is designed to offer users a hassle-free and secure experience, minimizing KYC steps for BBL customers while prioritizing enhanced security measures and seamless wallet setup.
Streamlined Steps for Entry
Initiate access to the investment portal through a concise process.
01
Effortless Sign-Up
Create your account seamlessly with minimal details required.
02
Instant Wallet Setup
Your digital wallet is automatically created upon sign-up, ready for your assets.
03
Immediate Transactions
Trade and manage your tokenized assets instantly in our user-friendly platform.
Wallet
Start Seamless Journey to Account Creation
Transaction to Fiat money easily.
Bisetoken's transaction feature empowers users with a convenient and secure method to seamlessly transfer their Bisetokens to their BBL bank account. This functionality ensures a straightforward process, enabling users to manage their assets effortlessly.
Bisetoken
2024
Gamification
Play To Earn
Key Feature
Loyalty Program with Gamification
Bisetoken's Loyalty Program introduces an innovative gamification system designed to engage users through rewarding missions. This feature encourages active participation and offers users Bisetoken rewards upon successful completion of missions.
Mission-Based Engagement
Show all mission progress to see the reward.
Earn the Reward
Go to the mission easily with Mission Row.
Mission Details
Finish All the step to get the reward.
Design Your Activities Mode
Dark or Light Theme Version
Define your Application Mode with Switch Dark & Light Mode
Get Deeper to the Design Process
Define a strategic design process for product develop.
01
User Reasearch
Key Research for understand our user
02
Design Process
Clear process direction to see the product overview
03
Wireframe Design
Design idea iteration from the Wireframe Level
3 keys Research to understand our user
User Research
We aim to comprehend the user through a comprehensive research approach using three key elements: User Needs, Business Needs, and Technology Needs. Additionally, we plan to expand our research by delving into the main user flow requirements identified in the initial phase of the project
Understand User Need
Understand Business Need
Understand Technology
Research Method
Research Method
We aim to comprehend the user through a comprehensive research approach using three key elements: User Needs, Business Needs, and
What the method we use in the research?
To review the overview research, we employ "Quantitative" and "Secondary Research" methods to delineate preliminary boundary information. This approach aids in narrowing the scope for ideation and facilitates our connection with real users.
BiseToken
2024
User Persona
User Persona
Brooklyn is a driven young professional working as an Assistant Manager in Bangkok.
Heard about asset tokenization and is intrigued by its potential for diversifying his investment portfolio.
Financially savvy and keen to explore investment opportunities beyond traditional avenues.
However, he lacks experience in blockchain technology and feels overwhelmed by the complexities of the digital asset world.
User Journey Map
User Journey Map
For the business, it's crucial to emphasize the conversion rate for BBl customers applying on the Bisetoken platform. We concentrate on the "Applying for an account" journey to identify potential user points of conflict and dropout.
Ideate User pain Point
Develop a strategic design direction for the
Complex Onboarding
Users might find the process of onboarding onto the platform and linking their accounts with the bank's blockchain environment confusing and time-consuming.
Security Concerns
Users could worry about the security of their digital assets, especially when dealing with a new platform that involves sensitive financial transactions and personal information.
Inconsistent Experience
If the integration between the application and the bank's environment is not seamless, users might encounter glitches, leading to a frustrating and inconsistent user experience.
Step to Stakeholder's Presentation
Design Process
To develop a comprehensive design presentation for our stakeholders, we intend to provide a high-level overview of the basic design process, starting from the initial concept to the final prototype. This walkthrough will offer a clear understanding of our design journey, ensuring transparency and alignment with stakeholder expectations.
Information architecture
Information architecture
We have established an information architecture that aligns all the planned content within the Bistoken Application. This includes defining the main levels of navigation, both at the top and bottom, to create a cohesive and intuitive design system documentation. This structured approach ensures a clear and organized user experience while facilitating effective communication of essential information
Information architecture
User flow
In response to the requirement to enhance the login conversion rate, we have developed a streamlined user flow for account authentication, integrating a seamless Single Sign-On (SSO) experience specifically tailored for BBL customers. This approach ensures a smooth and efficient login process, ultimately improving user satisfaction and engagement.
BiseToken
2024
Define Navigation Level
The App's Structure to control the information level.
Line Framework with design iteration
Wireframe Design
The Wireframe Design phase within Bisetoken's development process plays a pivotal role in transforming conceptual ideas into tangible and user-centric designs. Wireframes act as the blueprint, outlining the structure and functionality of the platform's interface and guiding the evolution towards high-fidelity prototypes.
Building the sketch
Wireframe Design Case
In our wireframe design case, we've optimized the navigation with a condensed 1 Row Merge Level 01 menu, improved content visibility in cards for better information display, and introduced a slide button style for primary actions, enhancing the user experience and interaction
Bisetoken
2024
Usability Testing
Usability Testing Overview: Bisetoken
UX/UI Design
Application Blockchain
2024
Measurement for Usability Testing
Measurement for Usability Testing
Bisetoken's design expectations anticipate a user-centric, intuitive, and engaging platform. The anticipated results align with the aim to provide a seamless experience, foster user satisfaction, and encourage active engagement across various functionalities within the Bisetoken ecosystem.
Usability Testing
Minimum Completion Rate - 80%
This metric aims to ensure that users successfully navigate through essential tasks or features within BiseToken. It measures the percentage of users who accomplish the minimum required actions or tasks defined by the testing parameters.
Usability Testing
Minimum Rating - 4.5
This criterion sets a benchmark for the feedback ratings received from users participating in the testing process. Users provide ratings on various aspects of the platform, and the minimum expected average rating is set at 4.5 on a predefined scale
BiseToken
2024
Research Method
Bisetoken Project Summary
"Bisetoken is a pioneering platform that merges blockchain technology with financial services"
“This Project is one of my case study to show My Design Thinking and Design Process, Hope you enjoy with my playground here!”
Taus Daengkul
Ux/Ui Designer