WEB3 LEARNING PLATFORM
WEB3 LEARNING PLATFORM
WEB3 LEARNING PLATFORM
2024
2024
2024
MOBILE APP
MOBILE APP
MOBILE APP
WEB3 LEARNING PLATFORM
2024
MOBILE APP
DID YOU KNOW
The adoption rate of fintech services is 87% in India, far higher than the global average of 64%. This shows that users are skilled at navigating complex fintech services so It’s time to take advantage of the new era of decentralized internet, But is it that easy to jump into it? Not really!
DID YOU KNOW
The adoption rate of fintech services is 87% in India, far higher than the global average of 64%. This shows that users are skilled at navigating complex fintech services so It’s time to take advantage of the new era of decentralized internet, But is it that easy to jump into it? Not really!
DID YOU KNOW
The adoption rate of fintech services is 87% in India, far higher than the global average of 64%. This shows that users are skilled at navigating complex fintech services so It’s time to take advantage of the new era of decentralized internet, But is it that easy to jump into it? Not really!
DID YOU KNOW
The adoption rate of fintech services is 87% in India, far higher than the global average of 64%. This shows that users are skilled at navigating complex fintech services so It’s time to take advantage of the new era of decentralized internet, But is it that easy to jump into it? Not really!
INTRODUCTION
Web3 is still new and can be hard to get into. Even with all the excitement, users are just starting to try out ideas. The complexity of this evolving technology makes it tough for everyone to jump on board right away. so, what’s needed to fill this gap is Education.
We cannot neglect the importance of Web3 education in the wide adoption of Web3.
-Dr. Ravi Chamria, co-founder CEO of Zeeve Inc
We cannot neglect the importance of Web3 education in the wide adoption of Web3.
-Dr. Ravi Chamria, co-founder CEO of Zeeve Inc
INTRODUCTION
Web3 is still new and can be hard to get into. Even with all the excitement, users are just starting to try out ideas. The complexity of this evolving technology makes it tough for everyone to jump on board right away. so, what’s needed to fill this gap is Education.
We cannot neglect the importance of Web3 education in the wide adoption of Web3.
-Dr. Ravi Chamria, co-founder CEO of Zeeve Inc
I’D RATHER WATCH A VIDEO
PROBLEM STATEMENT
Welcome to Web3: The Excitement is Real, but So is the Complexity!
Welcome to Web3: The Excitement is Real, but So is the Complexity!
Web3 is super exciting, but let’s be real—it’s pretty complex and still new. Imagine being so excited to learn something new only to be bombarded with hundreds of technical jargons that is scattered everywhere and interconnected. So what if there is an more organized and beginner friendly way to learn web3.
PROBLEM STATEMENT
Welcome to Web3: The Excitement is Real, but So is the Complexity!
Web3 is super exciting, but let’s be real—it’s pretty complex and still new. Imagine being so excited to learn something new only to be bombarded with hundreds of technical jargons that is scattered everywhere and interconnected. So what if there is an more organized and beginner friendly way to learn web3.
OK BUT WHY THIS IS AN ACTUALPROBLEM ?
Officially Hyped: My Rollercoaster Ride Through the Blockchain Hype Club
Officially Hyped: My Rollercoaster Ride Through the Blockchain Hype Club
I was one of those people who got hyped about the potential of blockchain. But as I started diving deeper, I found myself in the rabbit hole of complex lingo like gas fees, nodes, and mining.
OK BUT WHY THIS IS
AN ACTUAL PROBLEM ?
Officially Hyped: My Rollercoaster Ride Through the Blockchain Hype Club
I was one of those people who got hyped about the potential of blockchain. But as I started diving deeper, I found myself in the rabbit hole of complex lingo like gas fees, nodes, and mining.
THE STAGE OF CLARYFYING CONTEXT
Clarifying Context: Better Questions Lead to Better Answers
I always use this framework in all my projects because asking better questions helps me make smarter design choices. It's really straightforward, but it makes a big difference in understanding the problem well and making the right design decisions, Read more about it here.
THE STAGE OF CLARYFYING CONTEXT
Clarifying Context: Better Questions Lead to Better Answers
I always use this framework in all my projects because asking better questions helps me make smarter design choices. It's really straightforward, but it makes a big difference in understanding the problem well and making the right design decisions, Read more about it here.
RESEARCH
White paper research- What’s happening in the web3 education space now?
White paper research- What’s happening in the web3
education space now?
To know more about what’s happening in the web3 space currently I read a lot of articles and blogs which helped me understand the user needs and the market for web3 education. For the articles and more details about the research you can refer here.
Quantitative research - Understanding the market through numbers
Since the concept is in the early stage I went with the generative research to understand the existing solutions in the market so I conducted competitor analysis and Survey it was done based on the resources available online like You Tube, Video courses, blogs, articles etc.
RESEARCH
White paper research- What’s happening in the web3 education space now?
To know more about what’s happening in the web3 space currently I read a lot of articles and blogs which helped me understand the user needs and the market for web3 education. For the articles and more details about the research you can refer here.
Quantitative research - Understanding the market through numbers
Since the concept is in the early stage I went with the generative research to understand the existing solutions in the market so I conducted competitor analysis and Survey it was done based on the resources available online like You Tube, Video courses, blogs, articles etc.
Qualitative research - Understanding the users
To understand the user needs I conducted a semi structured interview, while recruiting participants for the research I had some category of users in which I want to interview to get better insights.
Students and Learners
These are primary users who will directly engage with the education app to learn about Web3 concepts, technologies, or applications.
Blockchain Enthusiasts
Individuals who are already interested in technology may provide valuable feedback on the app's content and usability.
Novice Users
People who have little to no experience with Web3 technologies can provide feedback on the app's accessibility and ease of understanding.
Early Adopters
Users who are enthusiastic about trying new technologies and providing constructive feedback on the app's initial versions.
Qualitative research - Understanding the users
To understand the user needs I conducted a semi structured interview, while recruiting participants for the research I had some category of users in which I want to interview to get better insights.
Students and Learners
These are primary users who will directly engage with the education app to learn about Web3 concepts, technologies, or applications.
Blockchain Enthusiasts
Individuals who are already interested in technology may provide valuable feedback on the app's content and usability.
Novice Users
People who have little to no experience with Web3 technologies can provide feedback on the app's accessibility and ease of understanding.
Early Adopters
Users who are enthusiastic about trying new technologies and providing constructive feedback on the app's initial versions.
READ MORE ABOUT THE RESEARCH
Got more time to read about the research you can view below ( navigates to the notion research file) . It would take you 15 mins to read.
READ MORE ABOUT THE RESEARCH
Got more time to read about the research you can view below ( navigates to the notion research file) . It would take you 15 mins to read.
INSIGHTS FROM THE RESEARCH
Users find video lessons and live sessions more effective for learning.
Users prefer using apps and websites to learn effectively rather than other formats.
The current market lacks content that is easy for beginners to understand and engage with.
The current market lacks content that is easy for beginners to understand
and engage with.
Existing resources predominantly cater to technical developers and users who are already familiar
with blockchain technology.
Existing resources predominantly cater to technical developers and users
who are already familiar with blockchain technology.
To achieve widespread adoption, fostering community learning is crucial within the blockchain space.
To achieve widespread adoption, fostering community learning is crucial
within the blockchain space.
There are numerous resources available, but they are often disorganized, making it difficult for users to
know where to begin.
There are numerous resources available, but they are often disorganized, making
it difficult for users to know where to begin.
Not all resources offer community support, and those that do often lack beginner-friendly content.
Not all resources offer community support, and those that do often lack
beginner-friendly content.
Free courses are often perceived as illegitimate; therefore, pricing plays a significant role in perceived
value and credibility.
Free courses are often perceived as illegitimate; therefore, pricing plays a
significant role in perceived value and credibility.
Much of the adoption in web3 technologies is driven by enthusiasm towards cryptocurrencies.
Much of the adoption in web3 technologies is driven by enthusiasm towards
cryptocurrencies.
Implementing gamification can increase user engagement and improve course completion rates.
Implementing gamification can increase user engagement and improve course
completion rates.
INSIGHTS FROM THE RESEARCH
Users find video lessons and live
sessions more effective for learning.
Users prefer using apps and
websites to learn effectively
rather than other formats.
The current market lacks content
that is easy for beginners to
understand and engage with.
Existing resources predominantly
cater to technical developers and
users who are already familiar with
blockchain technology.
To achieve widespread adoption,
fostering community learning is
crucial within the blockchain space.
There are numerous resources
available, but they are often
disorganized, making it difficult
for users to know where to begin.
Not all resources offer community
support, and those that do often
lack beginner-friendly content.
Free courses are often perceived
as illegitimate; therefore, pricing
plays a significant role in perceived
value and credibility.
Much of the adoption in web3
technologies is driven by
enthusiasm towards
cryptocurrencies.
Implementing gamification
can increase user engagement
and improve course completion rates.
WHAT ARE THE PAINPOINTS AND GOALS OF THE USER
Meet Ahmad : Your Curious Web3 Explorer
As an enthusiastic learner and participant in the Web3 space, Ahmad has set specific goals and encounters various pain points in his journey.
Ahmad Baptista
26 years old
Ahmad Baptista
26 years old
Ahmad Baptista
26 years old
I Wish it was less complex to start with,
Its more boring than I assumed it to be.
I Wish it was less complex to start with,
Its more boring than I assumed it to be.
WHAT ARE THE PAINPOINTS AND
GOALS OF THE USER
Meet Ahmad : Your Curious Web3 Explorer
As an enthusiastic learner and participant in the Web3 space, Ahmad has set specific goals and encounters various pain points in his journey.
Ahmad Baptista
26 years old
I Wish it was less complex to start with,
Its more boring than I assumed it to be.
THE MILLION DOLLAR QUESTION
How might we make learning Web3 beginner-friendly, engaging, and well-supported?
THE MILLION DOLLAR QUESTION
How might we make learning Web3 beginner-friendly, engaging, and well-supported?
LET’S BRAINSTORM SOME IDEAS
Let's Spark Some Ideas!
After two weeks of research involving over five users, I gathered four key insights. Based on the pain points identified from these user interviews, I brainstormed several ideas around four main themes.
Beginner- friendly content
Pricing
Community support
Wallet integration
LET’S BRAINSTORM SOME IDEAS
Let's Spark Some Ideas!
After two weeks of research involving over five users, I gathered four key insights. Based on the pain points identified from these user interviews, I brainstormed several ideas around four main themes.
Beginner- friendly content
Pricing
Community support
Wallet integration
Information architecture
Then I did a information architecture for the themes decided .
Information architecture
Then I did a information architecture for the themes decided .
User flow
Then I worked on the user flow of the app and made it intuitive, so the users are absolutely sure where it will navigate.
User flow
Then I worked on the user flow of the app and made it intuitive, so the users are absolutely sure where it will navigate.
Initial Wireframes
After multiple iterations and drawing inspiration from various course card designs and moodboards, we arrived at this final design. It includes the most important elements to kick things off effectively.
Initial Wireframes
After multiple iterations and drawing inspiration from various course card designs and moodboards, we arrived at this final design. It includes the most important elements to kick things off effectively.
Initial Wireframes
After multiple iterations and drawing inspiration from various course card designs and moodboards, we arrived at this final design. It includes the most important elements to kick things off effectively.
STYLE GUIDE
Crafting the Visual Identity: Style Guide
I chose #194BFB as the primary color for the web education platform because Blue is often associated with trust, reliability, and professionalism, making it a suitable choice for an educational platform that aims to convey these qualities.
STYLE GUIDE
Crafting the Visual Identity: Style Guide
I chose #194BFB as the primary color for the web education platform because Blue is often associated with trust, reliability, and professionalism, making it a suitable choice for an educational platform that aims to convey these qualities.
PROTOTYPE
From Concept to Interaction: Designing and Refining Prototypes
It took some serious patience to get to this point without jumping straight into designing. In this phase, the goal was to take ideas and turn them into prototypes I could actually test with real users. You can view the prototype here.
PROTOTYPE
From Concept to Interaction: Designing and Refining Prototypes
It took some serious patience to get to this point without jumping straight into designing. In this phase, the goal was to take ideas and turn them into prototypes I could actually test with real users. You can view the prototype here.
USABILITY TESTING
Enhancing User Experience: Key Insights from Usability Testing
When I began usability testing the primary task was to complete a course booking. The process was straightforward and familiar, allowing users to complete it without any issues. Although During testing, I identified a key suggestions:
Incorporate Free Courses
Although, paid courses attract serious learners and top-notch instructors, adding to the overall quality and credibility.
Offering free courses can significantly lower the barrier to entry for new users, especially those who are just starting with Web3 and blockchain concepts.
USABILITY TESTING
Enhancing User Experience: Key Insights from Usability Testing
When I began usability testing the primary task was to complete a course booking. The process was straightforward and familiar, allowing users to complete it without any issues. Although During testing, I identified a key suggestions:
Incorporate Free Courses
Although, paid courses attract serious learners and top-notch instructors, adding to the overall quality and credibility.
Offering free courses can significantly lower the barrier to entry for new users, especially those who are just starting with Web3 and blockchain concepts.
Added Labels to the Navigation
Redesigned this a bit so that it has labels to ensure the user where they will be directed
Removed the background of the card
To increase white space and improve usability emphasizing on the content.
Splitting the Screen for better usability
Splitting a single, crowded screen into multiple, more focused screens can significantly enhance usability.
Added Labels to the Navigation
Redesigned this a bit so that it has labels to ensure the user where they will be directed
Removed the background of the card
To increase white space and improve usability emphasizing on the content.
Splitting the Screen for better usability
Splitting a single, crowded screen into multiple, more focused screens can significantly enhance usability.
FINAL DESIGNS
Why are they designed the way they are?
Here’s the rationale behind my design decisions, why they are designed the way they are . here’s the most iterated screen of the design.
Here’s the rationale behind my design decisions, why they are designed the way they are . here’s the most iterated screen of the design.
Home screen
FINAL DESIGNS
Why are they designed the way they are?
Here’s the rationale behind my design decisions, why they are designed the way they are . here’s the most iterated screen of the design.
Home screen
Setup screens
These setup screens are designed to identify user preferences and provide tailored content based on their skill level.
Profile screens
This page provides a brief introduction of the user and displays the course they are currently learning.
This page provides Scores and leaderboard of the user in order to encourage course completion
This page provides account settings and personal details for the better customization for the user.
Setup screens
These setup screens are designed to identify user preferences and provide tailored content based on their skill level.
Profile screens
This page provides a brief introduction of the user and displays the course they are currently learning.
This page provides Scores and leaderboard of the user in order to encourage course completion
This page provides account settings and personal details for the better customization for the user.
Setup screens
These setup screens are designed to identify user preferences and provide tailored content based on their skill level.
Profile screens
This page provides a brief introduction of the user and displays the course they are currently learning.
This page provides Scores and leaderboard of the user in order to encourage course completion
This page provides account settings and personal details for the better customization for the user.
Course screen
To display content from followed users and interests, keeping users engaged. Scrollable feed with posts, each having options to like, comment, and share.
This page provides Scores and leaderboard of the user in order to encourage course completion
Courses are prominently displayed with quick access buttons, encouraging users to explore more offerings from the same tutor, thus aiding in upselling.
checkout screens
To allow users to review the course details and confirm their selection before proceeding to payment. Displays course title, instructor name, and course fee prominently. Ensures users know exactly what they are purchasing.
Displays the selected plan details prominently, including duration (e.g., monthly, yearly), cost, and benefits. Users can double-check their choice before proceeding.
Multiple plans displayed side-by-side (e.g., monthly, yearly). Each plan includes pricing, duration, and features. The most popular or best-value plan is emphasized to guide user decision-making.
Course screen
To display content from followed users and interests, keeping users engaged. Scrollable feed with posts, each having options to like, comment, and share.
This page provides Scores and leaderboard of the user in order to encourage course completion
Courses are prominently displayed with quick access buttons, encouraging users to explore more offerings from the same tutor, thus aiding in upselling.
checkout screens
To allow users to review the course details and confirm their selection before proceeding to payment. Displays course title, instructor name, and course fee prominently. Ensures users know exactly what they are purchasing.
Displays the selected plan details prominently, including duration (e.g., monthly, yearly), cost, and benefits. Users can double-check their choice before proceeding.
Multiple plans displayed side-by-side (e.g., monthly, yearly). Each plan includes pricing, duration, and features. The most popular or best-value plan is emphasized to guide user decision-making.
Course screen
To display content from followed users and interests, keeping users engaged. Scrollable feed with posts, each having options to like, comment, and share.
This page provides Scores and leaderboard of the user in order to encourage course completion
Courses are prominently displayed with quick access buttons, encouraging users to explore more offerings from the same tutor, thus aiding in upselling.
checkout screens
To allow users to review the course details and confirm their selection before proceeding to payment. Displays course title, instructor name, and course fee prominently. Ensures users know exactly what they are purchasing.
Displays the selected plan details prominently, including duration (e.g., monthly, yearly), cost, and benefits. Users can double-check their choice before proceeding.
Multiple plans displayed side-by-side (e.g., monthly, yearly). Each plan includes pricing, duration, and features. The most popular or best-value plan is emphasized to guide user decision-making.
Quiz screen
Each question is displayed prominently at the top of the screen with easy-to-read text. Questions are shown one at a time to keep the user focused and prevent overwhelm.
Course screen
Clearly outlines the course duration, modules, and languages offered. Important information like difficulty level and language options are easily visible.
An expandable list of modules and lessons, showing the structure and topics covered. Users can see an overview of the entire course or click to expand sections for more details.
Recommendations for similar courses are displayed below the course content, encouraging users to explore more options and potentially enroll in additional courses.
Displays reviews from other users, including ratings and comments to build trust and provide social proof.
A prominent "Enroll Now" button at the bottom, clearly indicating the course fee and creating a sense of urgency. The button stands out to make it easy for users to complete their purchase.
Quiz screen
Each question is displayed prominently at the top of the screen with easy-to-read text. Questions are shown one at a time to keep the user focused and prevent overwhelm.
Course screen
Clearly outlines the course duration, modules, and languages offered. Important information like difficulty level and language options are easily visible.
An expandable list of modules and lessons, showing the structure and topics covered. Users can see an overview of the entire course or click to expand sections for more details.
Recommendations for similar courses are displayed below the course content, encouraging users to explore more options and potentially enroll in additional courses.
Displays reviews from other users, including ratings and comments to build trust and provide social proof.
A prominent "Enroll Now" button at the bottom, clearly indicating the course fee and creating a sense of urgency. The button stands out to make it easy for users to complete their purchase.
Quiz screen
Each question is displayed prominently at the top of the screen with easy-to-read text. Questions are shown one at a time to keep the user focused and prevent overwhelm.
Course screen
Clearly outlines the course duration, modules, and languages offered. Important information like difficulty level and language options are easily visible.
An expandable list of modules and lessons, showing the structure and topics covered. Users can see an overview of the entire course or click to expand sections for more details.
Recommendations for similar courses are displayed below the course content, encouraging users to explore more options and potentially enroll in additional courses.
An expandable list of modules and lessons, showing the structure and topics covered.
Displays reviews from other users, including ratings and comments to build trust and provide social proof.
A prominent "Enroll Now" button at the bottom, clearly indicating the course fee and creating a sense of urgency.
Recommendations for similar courses are displayed below the course content, encouraging users to explore more options .
Clearly outlines the course duration, modules, and languages offered. I
A prominent "Enroll Now" button at the bottom, clearly indicating the course fee and creating a sense of urgency. The button stands out to make it easy for users to complete their purchase.
40
DARK MODE
40
DARK MODE
40
DARK MODE
40
DARK MODE
INTRODUCING BITWISE
INTRODUCING BITWISE
USABILITY TESTING 2
40
Enhancing User Experience: Key Insights from Usability Testing 2 after the launch
The primary task was to complete a course booking. The process was straightforward and familiar, allowing users to complete it without any issues like earlier
Here are some of the questions that helped me better understand their actions.
1. Was there any point you felt confused about what you needed to do or not?
Talk me through how you would complete this task.
USABILITY TESTING 2
40
Enhancing User Experience: Key Insights from Usability Testing 2 after the launch
The primary task was to complete a course booking. The process was straightforward and familiar, allowing users to complete it without any issues like earlier
Here are some of the questions that helped me better understand their actions.
1. Was there any point you felt confused about what you needed to do or not?
Talk me through how you would complete this task.
WHAT CHANGED?
40
Increased Net Promoter Score from 60% to 85%
User Completion Rate increased by 30%
Users appreciated the UI changes, such as clearer navigation menus more space for content contributed to higher completion rates.
WHAT CHANGED?
40
Increased Net Promoter Score from 60% to 85%
User Completion Rate
increased by 20%
Users appreciated the UI changes, such as clearer navigation menus more space for content contributed to higher completion rates.
MUSEUM OF FAILURE
40
What went wrong?
I tried to learn about integrating a wallet into the application to provide users with practical learning experiences, but it did not work because:
Integrating a wallet can be technically complex
Wallet integration might complicate the user experience, especially for beginners.
Ensuring the security of wallet transactions and user data is crucial and can be challenging.
Integrating and maintaining a wallet might require significant development resources and expertise.
MUSEUM OF FAILURE
40
What went wrong?
I tried to learn about integrating a wallet into the application to provide users with practical learning experiences, but it did not work because:
Integrating a wallet can be technically complex
Wallet integration might complicate the user experience, especially for beginners.
Ensuring the security of wallet transactions and user data is crucial and can be challenging.
Integrating and maintaining a wallet might require significant development resources and expertise.
ITS A WRAP!!
40
What did I learn ?
Every stage of the project is the stage of discovery where we discover Insights to make the concept intuitive and user friendly.
Thank you for taking the time to read my case study. Your interest and attention are greatly appreciated. Got any projects brewing in that mind of yours? Let’s team up! Feel free to reach out.
Hope you enjoyed taking a leap into the Web3 education world !
ITS A WRAP!!
40
What did I learn ?
Every stage of the project is the stage of discovery where we discover Insights to make the concept intuitive and user friendly.
Thank you for taking the time to read my case study. Your interest and attention are greatly appreciated. Got any projects brewing in that mind of yours? Let’s team up! Feel free to reach out.
Hope you enjoyed taking a leap into the Web3 education world !
Search
Consultation with Dr. Ann Rosser for emergency management
Meeting ID: zycbie234mbffrRFFRGN67889
?
Meeting Chat
To:
Everyone
Type message here...
Hi doctor am I audible?
Yes, I can hear you
11:32 am
11:30 am
Patricia Jones
patriciajones@gmail.com Free
