Senpai

Introducing people to the world of Web 3 in a simple and fun way!

Client

Designathon

Role

Product Designer

Timeline

15/5/2022 - 21/5/2022

Team

Laura
Myself

The Problem

The field of crypto and web3 is very new and people had little to no idea on what it is. Since the technology behind it is growing rapidly, we decided to create an education app that focuses on the education of web3. This problem was part of a Hackathon.

Process

Being a one week project was definitely going to be challenging. We had to rely on our design intuition which we did in taking certain decisions which we believed would work for the final solution. In our research we wanted to understand how many people knew the term web3 and what they know about it. This would give us an idea of the existing knowledge among people. We also wanted to identify the ways they acquire new knowledge.

We sent out a survey and these were our key findings:-
-Just over 50% of our users have heard of the term Web3, from which only 11% consciously use it, and 22% do it sometimes.
-55% of users created and shared educational content.60% of the users cannot  wrap their head around the idea of web3.
-80% of users regularly use educational apps with the example of Duolingo or Udemy.
-Users like to get knowledge from different resources such as books, websites and videos.
-What stops users from continuing learning is mostly: a lack of time, money, and boring materials.
-Users would like to get their knowledge from videos, pictographs, real-life examples and games. Broken down into smaller, digestible content.

The Problem

The field of crypto and web3 is very new and people had little to no idea on what it is. Since the technology behind it is growing rapidly, we decided to create an education app that focuses on the education of web3. This problem was part of a Hackathon.

Process

Being a one week project was definitely going to be challenging. We had to rely on our design intuition which we did in taking certain decisions which we believed would work for the final solution.

Research

In our research we wanted to understand how many people knew the term web3 and what they know about it. We also did a competitive analysis. This would give us an idea of the existing knowledge among people. We also wanted to identify the ways they acquire new knowledge. We sent out a survey and these were our key findings:-

  • Just over 50% of our users have heard of the term Web3, from which only 11% consciously use it, and 22% do it sometimes.
  • 55% of users created and shared educational content.60% of the users cannot  wrap their head around the idea of web3.
  • 80% of users regularly use educational apps with the example of Duolingo or Udemy.
  • Users like to get knowledge from different resources such as books, websites and videos.
  • What stops users from continuing learning is mostly: a lack of time, money, and boring materials.
  • Users would like to get their knowledge from videos, pictographs, real-life examples and games. Broken down into smaller, digestible content.
Competitve Analysis

Ideation and Design

We decided based on the results to create an mobile app that focused on educating people about web 3 in a fun and interactive way. As that was established we moved creating our Information architecture.

Information Architechture
Sketch

Once that was done we started to create preliminary wireframes sketches and low fidelity wireframes. We wanted to focus on gamifying the app by adding achievements, leaderboard and hands on learning approach by creating a wallet and earning in the app by completing the short courses and reading community clips and articles.

Low-Fi Wireframes

Preliminary user testing

We did a quick user testing with friends and family for our wireframes. Our testing results were as follows:-

  • App design was intuitive app. Everything was fairly understandable at first glance. No need of double checking
  • Lot of different options. Good touch on accessibility
  • Good variety of options but not too much to get confused or overwhelming. All the expected options were available.
  • The forum and the create content should be combined instead of segregating it to have it centralized
  • Modules on the course to break it down to have the option to select from them

Outcome

With the user testing done, we implemented the changes in our final designs. We also did a final user testing with the users which gave us the following insights:-

  • App design was great. The colors scheme was beautiful and the flow of the app is also really good
  • The transitions were smooth and the overall feel felt really comfortable and easy to use.
  • Progress bar on the course would be a nice addition

We also included accessibility options and designed various features such as dark mode, screen reader and increasing text size

Prototype
Dark Mode

Outcome

This research validated our problem statement and led us to focus on how we can educate the people in a way they can do it easily without being bored and while remaining engaged.

We quickly moved onto brainstorming ideas for designs and started to create wireframes. We prioritised making the main screens and eliminated the optional standard screens such as settings and account page to keep the focus on the design, how it will achieve the goal and also save time.

Prototype

Challenges

Having to condense all the design process in a week was challenging. Especially reaching out to friends and family and getting around their schedule to do user testing. Having to manage this project while having a full time job was even more of a strain but was able to come out with a good project in the end. We did not win but did manage to meet other designers.

Other projects

Dandy Diary mobile design
2010 👉 2016

Dandy Diary

~ Designer at the leading men's fashion blog in Germany, moving millions of people while challenging big brands.

Precious Plastic website UI
2015 👉 to date

Precious Plastic

~ Design Director for the go-to place on the web for creative plastic recycling used by tens of thousands around the world.

Preview of the project
2022 Oct 👉 2023 May

CareerFit

~ A website that helps people transition to new careers and strengthen their existing skills to stay on top of the industry.

2023 Mar 👉 2023 SEP

Arcadia Hub

~ Gaming Dashboard redefining the way people purchase, play and explore new games

Welcome