K-12 Crypto

k12-cryto-(LLD)_-Teacher-User-Flow-Screens (1).gif

SEE IN ACTION!

Who is K-12 Crypto?

K-12 connects schools and students to web3 by creating a positive behavior intervention ans support token know as (PBIS) economy for school communities.

Role

Skills

Team

Timeline

Problem

The problem was the lack of motivation in kids to attend school and graduate. K-12 create an incentive that will keep the kids motivated to stay in school and receive rewards for completion.

Challenges

1. Making sure the branding was sutted for all age ranges because the app would be uses through out the childs education.

2.Having a seemless transition from grade to grade and well as the graduation.

3. Providing customization for the user as they grow.

Let's Break it down!

We had three user flows that need to be created and tackled, each flow served a separate purpose and completed different actions.

Teacher

Student

Guardian

The teacher flow was responsable for tracking the students attendnce. The student was able to create their own avatar and track how they are doing in school that current school year. Last was the gardian they had access to see the progress the student was making through out the year while also recieving updates if their were issues with attendece.

Let's see a sneak peek before diving deeper!

Branding

K-12 had provided some color inspiration from their website that was used to market their company to investors. After talking about the purpose and the target market, I add some changes to the brand's color to help portray the brand in a more effective way.

Screen Shot 2023-03-27 at 7.51.14 PM.png

The brand used alot of dark colors with hints of purple and yellow in their old branding.

Adding bright colors to help resonate with the wide age range while also being fun and not too childish. Adding these colors helped to add more personality to the brand.

Not only did we keep the same 3D icon and characters, I also create some customer pieces that make it special to their brand.

View Prototype

Behind the design

Teacher Portal

Screens take you into the teacher portal where they log in and take the attendance for the class. Keeping the design simple and minimal makes it easy for teachers to find what they are looking for and efficiently complete their tasks.

Behind the design

Student Portal

The student portal was designed to give the user the ability to create their own avatar after verifying their account and linking to a parent account.

Rounded corners and colorful squares were chosen to soften the brand and make icons easy to recognize.

Student Goal Section

Student Challenge Card User Flow

Challenge Cards are issued to students that are behind in attendance.

Having a pop up card was designed to act as an alert. It pops up on the students screen and they can then click the card to acctept or decline the challenge.

Displaying the challenge card in multiple locations in the app was essential to remind the student of the challenge card that they have accepted. Keeping the student accountable.

Parent Portal

Parent must verify their information and then link their account with their children's accounts. ( 2 verification screens)

-We decided that the parent only had to view access to the student's account so the child has control over their over all account while the parent can only view certain actions.

-Parents can't make changes to the student's account like accepting challenge cards or spending their tokens.

Student Off Boarding

Because there was a lot of information that need to be completed at the end of their time with K-12, breaking the information into individual screens made the information less overwhelming and easy to follow.

-Creating a brief overview at the end makes it easy for the user to make edits to the information before moving forward and completing the off-boarding process.

Up