Learn about the world of web 3

Design for apps

user experience

visual design

hackathon

Finished!

Sweet!

You’re booked.

Samantha H.

I am on a mission to revolutionize technology, making it more user-centric, more efficient, and, overall, more connected.

Blockchain

NFT

Defi

Book!

20 Replies

18/06/2022

100 likes

How does Web 3 architecture support the DeFi protocol?

The Web 3.0 protocol tends to democratize data. The architectural framework of this protocol abandons the current...

20 Replies

18/06/2022

100 likes

What's the possibility rate of Web 3 happening?

Predicting the future is not easy - so many people smarter than I get it woefully wrong. A guy called Watson allegedly predicted...

20 Replies

18/06/2022

100 likes

Is the metaverse and Web 3 the same?

As we suddenly gained access to more people, ideas and technologies than our brains knew what to do with, the centra...

Help Forum

What is Web3?

Join Live

Karen L.

Live

Web 3.0 is the next iteration of the internet that aims to promote democracy and decentralization. Dive deep into the basics of Web3 with Karen, a full stack Web3 developer at Parallel Finance!

Suggested

Upcoming Sessions

Mentor

5 days to go!

Samantha H.

21/05/2022

11:00 am

Defi

Samantha H.

Blockchain

NFT

Defi

David O.

Blockchain

NFT

Defi

Benjamen Y.

Blockchain

NFT

Defi

Kiara M.

Blockchain

NFT

Is Web 3.0 technology the real savior of our digital economy?


The purpose of using Web 3.0 for the digital economy is to free our world wide web from the shackles of Web2 tech giants, while giving users privacy and transparency.

Users on Ocean have full control over who accesses their data, how, and ensures that they are rewarded for what they share.


0 Replies

18/06/2022

0 likes

I'd say yes to that question and it's a fact that Ocean is one of the best Web 3 projects out there.

Mentor

Samantha H.

Submit a response

For you

Live

Pre-recorded

Different between tokens and coins

Coins and tokens both represent a store of value, much like fiat currency, such as dollars, euros, yen, etc.

What is web 3?

Web 3.0 is the next iteration of the internet that aims to promote democracy and decentralization. Dive deep...

Pre-recorded

Pre-recorded

Blockchain fundamentals

Blockchain dApp Development

The Web3 Foundation “Blockchain for Beginners” MOOC teaches blockchain from the very basics all the...

Integration of Solidity Smart Contract based Decentralised Applications with Web3.js on Ethereum Blockchain

Blockchain

DeFi

Pre-recorded

DeFi Infrastructure

Decentralized Finance: The future of finance

Decentralized Finance: The Future of Finance is a set of four courses taught by Campbell R. Harvey...

DeFi and the Future of Finance is a four course learning experience. DeFi or Decentralized Finance...

Live

Home

Task

How might we improve the accessibility/education of Web3 projects?

Background

During the 7-day hackathon hosted by Avocademy, we were given 3 design problems to choose from, we chose the prompt above. Although web 3 has the potential to change the way we use the internet, due to the lack of effective education, we believe that it will alienate casual users from entering the space.

My role / tasks

Prototyping, Visual design,

Ideation

Duration

1 week


*spent another couple of days working on a website version

Tools

Figma, Notion, Zoom

Google survey, Google slides

Team

2 designers

User Research

Our first objective was to conduct user research to identify the challenges users faced when trying to learn web 3 and possible pain points we can tackle.

Themes

Overwhelming amount of resources

An overwhelming amount of resources cause users confusion, making them feel lost and have no idea where to start.

Technical jargon

Technical jargon used can create frustration, especially for cause users who may not know a lot about the web 3

Lack of support / Community

Lack of support can be lonely, discouraging, and affect a learner’s motivation

Problem statement

To create problem statements we used the How Might We technique. We didn’t think too much about the statements at first, we focused on writing out as many as we could. We then went through the statements together, pinning the ones we thought best reflected our user’s pain points. In the end, we settled on 3 main problems

How might we...

Provide a sense of community within our app?

Consider users with different learning styles & experience levels?

Promote equity and accessibility?

Prioritization Matrix

Due to our tight deadline, we needed to make a quick decision on which ideas to pursue. To make the best decision, we created a prioritization matrix. This matrix helped us sort our ideas based on how feasible they were and how much value we think they would bring to the user.

We estimated the value to the user based on our previous research, but in a real scenario, we would have tested the solution with real users. By doing this, we would have a better understanding of what the users really wanted and needed.

Ideation

To create problem statements we used the How Might We technique. We didn’t think too much about the statements at first, we focused on writing out as many as we could. We then went through the statements together, pinning the ones we thought best reflected our user’s pain points. In the end, we settled on 3 main problems

UI Research

At this point, I had a good understanding of the features that should be incorporated into the app. To gather inspiration and get a clearer picture of what the app would look like, we conducted some basic UI research.


We examined how other designers had designed similar features to the ones we wanted to add to the app. This research helped us determine the types of components we wanted to use, the layout of the app, and the overall look and feel.

Prototyping & Iterating

When designing our low-fidelity wireframes, we made sure to tie everything back to our problem statement and user flow to prevent us from getting sidetracked.

Low fidelity wireframes

Help Forum

20 Replies

18/06/2022

100 likes

What’s the purpose of token?

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate...

20 Replies

18/06/2022

100 likes

What’s the purpose of token?

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate...

20 Replies

18/06/2022

100 likes

What’s the purpose of token?

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate...

What is Web3?

Join Live

Samantha H.

Live

Web 3.0 is the next iteration of the internet that aims to promote democracy and decentralization. Dive deep into the basics of Web3 with Samantha, a full stack Web3 developer at Parallel Finance!

Help Forum

What’s the purpose of token?

Sed ut perspiciatis unde omnis iste natus error sit voluptatem?

3 Replies

18/06/2022

0 likes

Submit a response

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur!

Mentor

username

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur!

username

Suggested

Upcoming Sessions

Mentor

Blockchain

Blockchain

Blockchain

Blockchain

NFT

NFT

NFT

NFT

Defi

Defi

Defi

Defi

Mentor name

Mentor name

Date / time

Mentor name

Mentor name

Mentor name

Home page iterations

Blockchain

Blockchain

live

live

Pre-recorded

What is web 3?

Different between tokens and coins

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Blockchain

Blockchain

live

live

Pre-recorded

What is web 3?

Different between tokens and coins

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

For you

live

live

Pre-recorded

What is web 3?

Different between tokens and coins

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

For You

Tag

What is web 3?

Different between tokens and coins

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tag

View All

Favorites

Tag

What is web 3?

Different between tokens and coins

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tag

Filter

Browse by Category

Tag

What is web 3?

Different between tokens and coins

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amet, consectetur dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Live

Pre-

Home

For you

Live

Pre-recorded

Different between tokens and coins

Coins and tokens both represent a store of value, much like fiat currency, such as dollars, euros, yen, etc.

What is web 3?

Web 3.0 is the next iteration of the internet that aims to promote democracy and decentralization. Dive deep...

Pre-recorded

Pre-recorded

Blockchain fundamentals

Blockchain dApp Development

The Web3 Foundation “Blockchain for Beginners” MOOC teaches blockchain from the very basics all the...

Integration of Solidity Smart Contract based Decentralised Applications with Web3.js on Ethereum Blockchain

Blockchain

DeFi

Pre-recorded

DeFi Infrastructure

Decentralized Finance: The future of finance

Decentralized Finance: The Future of Finance is a set of four courses taught by Campbell R. Harvey...

DeFi and the Future of Finance is a four course learning experience. DeFi or Decentralized Finance...

Live

Home

Solution

personalised Onboarding

For our onboarding flow, we followed the standard mental model of a typical signup process, this provides users with comfortability and familiarity. Users are asked for their experience level and topics of interest so the app can tailor the learning content to their preferences and needs.

Live lessons

Blueprint features both live seminars and pre-recorded lessons as well as provides captions for further accessibility. We also added a section where users submit questions during live lectures.

Booking a consultation with mentor

To create a more human-centric experience, we added a ‘book a mentor’ feature. This allows users to meet with more experienced mentors on a one-on-one basis to get answers to their most in-depth, burning questions. The concept was inspired by Cofolios and ADP list.

Help forum

Often times users can feel alone when learning causing demotivation and unwillingness to learn. To address this, we decided to add a help forum where people can submit and answer questions. This forum aims to provide users with a community where everyone is learning together.


When starting, we understand that users may feel intimidated about asking questions, fearing judgment for their lack of knowledge. We felt that the best solution to this is to allow users to submit questions anonymously.

Desktop

80% of users say they prefer using a desktop rather than a phone, because using a phone would be difficult to get into a "learning mindset".


*This was not part of the designation, it was done in my own time

Take away

Impact

Our design solution Blueprint ranked in the top 10% out of 200+ design entries👏

We learned

Having a strong MVP is more important than having a million features

There were a lot of cool features we wanted to implement, so having clear, targeted objectives ensured our team was staying on track.


Great design comes from great research foundations

We came into this process with little knowledge about the world of Web3. Through extensive research and surveying, we found that the main struggle regarding web3 accessibility stemmed from the fact that the average user feels unable to learn and confidently take part in the web 3 space.


Imperfection is okay

Throughout the process, we both discovered that our most viable ideas came from the messiest, most imperfect brainstorming.

Next time

Gamification in learning

A study from Intuition, a leading global knowledge solutions company found that Gamification Increases learners' Productivity and engagement by 67%, companies such as Duolingo and Kahoot are just 2 examples of gamified learning. If we had more time this is definitely something to incorporate.

Consider flow through the mentor's perspective

Working on the user flow through the perspective of our mentors and their experience with the product, due to a time limit this was not something we were able to consider during the designation as they are also our main target users.