top of page
Frame 1261158871.png

EDNOVATOR

by Monkey Everyday (Learning academy)

Ednovator is an innovative application that integrates learning and gaming features to inspire and motivate children to engage more enthusiastically in their studies.

Group.png

My Role

Task

Duration

Tools

Design Application /
Web Lms / Web Back Office / Model 3D

Figma, Adobe Illustrator,

Adobe Photoshop, Blender

Jan 2024 - April 2024 (Contact 3 m. )

UX/UI Designer ,

3D Designer

Objective

  • This app must be able to support the learning system like contain video, buy course, send homework, etc.

  • This app offers games aligned with each year's learning content, providing a fun, brain-training, and competitive experience.

  • Financial transactions can be conducted within the app, featuring an in-app currency used for both the learning section and for purchasing courses, game upgrades, and outfits.

  • There must be a back-end system that allows the team to manage student and teacher systems.

Solution

  • For students, this app seamlessly combines learning content and games. They can also share information with their parents to request the purchase of courses.

  • For teachers and parents, a back-end system will be available to review students' study history, homework, and course information, facilitating the organization of appropriate content for the students.

  • In the back-end system, we will have a Backogice website that keeps you updated on learning events, course price reductions.

1

 Application 

Home Page

I revamped various components based on team test results and developed an entirely new UI, beginning with the home page, to ensure a consistent overall theme for the app.

2nd Draft for usability test

Button7.jpg
Button1.jpg
Button2.jpg

2nd Draft for 1st prototype

Frame 1261158871.png

2

CURRENCY SHOP PAGE

This page features a preliminary currency design and layout of the shopping window. It is intended for testing with elementary and middle school students to identify the most user-friendly setup.

1st Draft for usability test.

SHOP4.jpg
SHOP2.jpg
SHOP1.jpg
Edno-Store4.png
Edno-Store2.png
Edno-Store1.png

2nd Draft for usability test

3

PROFILE PAGE

This page contain all function about student account like setting, learning-table, your course, home work, etc.

Student profile

Setting

Learning.png
profile-setting.png

Parent view

parent.png
parent1.png

4

Activity Part

This part contain with leaning and playing game sessions. I combine the competitive from doing quiz with some gift for the winner.

4.1

  GAME IN THIS APP 

Choose Subject

game-select-subject.png

3 games style

game-sentence-order.png
game-order.png
game-matching.png

Your Score

result-01.png

Game Score

result-02.png

Competitive

battle-parent-teacher.png
battle-student.png

 GAME LEADER BOARD 

4.2

Ranking in country

leaderboard.jpg

Ranking in Tounament

arena-leaderboard.jpg
Leaderboard.png

 LEARNING 

4.3

Learning Home page

learn-homepage.png

Homework

learn-assignment.png

Learning files

learn-class-material.png

1

 Website 

Landing Page

This part is about design website landing page to promote our product and event.
my role is define, ideate, and develop Ui.

Product display.png
tournament-mobile-min.png
tournament-desktop.png

2

Tornament Event

This part is about design website show tournament detail. To explain how student can register in competitive and get premium gifts for the winner.

3

Product LMS

LMS is system that provide student detail for management by teacher. Teacher can manage homeworks, activities, tests, quizs, and assignment in this website also teacher can fill student's score, and grade in this part.

lms-detail-desktop.png
lms-detail-mobile.png

Product LMS

LMS is system that provide student detail for management by teacher. Teacher can manage homeworks, activities, tests, quizs, and assignment in this website also teacher can fill student's score, and grade in this part.

lms-desktop.png
lms-mobile-min.png

1st Draft

Home-page.png

Final prototype

LMS.png
Frame 1261158900.png
Frame 1261158911.png

 CHARACTER DEISN 

I had created some character to provide mood and tone in this app more user-friendly and correct the space theme.

 3D version 

Gencraft AI :

Property 1=Default.png

Create own 3D character in Blender :

`ไอเคี้ย101.png
EDNOHERO101.png

 2D version 

Screenshot 2024-03-04 132628_edited.jpg
Screenshot 2024-07-12 133801.png
Screenshot 2024-03-05 151659.png
Screenshot 2024-03-07 152216.png
Screenshot 2024-03-07 164051.png
SCORE.png
  • White Twitter Icon
  • White Instagram Icon
  • White Facebook Icon

© 2022 by Jirawit W. Proudly present my works

bottom of page