Marlon Vargas

Classia

The ideal tool for before, during and after lessons.

A hand holding a tablet showing the Classia app, behind there is a classroom

Classia is a concept of an app for the digitalization of education. It would allow teachers to plan, organize, conduct and review their classes.

Year

2023

Purpose

Semester Project

Work

UX / UI Design

UX Research

Branding

Tools

Figma

Illustrator

Blender

Project Brief

i-Book: Development of a concept for digitalization in schools to optimize the learning process and/or teaching. Analysis of historical teaching methods, design of new user flows and development of a prototype with gamification elements. Target groups are teachers, students and educational institutions.

Research

During the research phase of the project, an educational advisor specialising in digitalisation in schools was consulted. The existing alternatives were examined to identify their strengths and weaknesses. Here are the main problems with them

a screenshoot of Apple classroom app
a screenshoot of Apple classroom app
a screenshoot of Apple classroom app

Apple Classroom + Schoolwork

  • 2 separate apps.
  • No communication between teachers and students.
  • Dependent on external apps.
  • 2 separate apps.
  • No communication between teachers and students.
  • Dependent on external apps.
  • 2 separate apps.
  • No communication between teachers and students.
  • Dependent on external apps.
a screenshoot of google classroom app
a screenshoot of google classroom app
a screenshoot of google classroom app

Google Classroom

  • No device management
  • Questionable data protection.
  • Dependent on internet connection and external apps.
  • No device management
  • Questionable data protection.
  • Dependent on internet connection and external apps.
  • No device management
  • Questionable data protection.
  • Dependent on internet connection and external apps.
a screenshoot of a school platform app
a screenshoot of a school platform app
a screenshoot of a school platform app

Proprietary school platforms

  • Often an outdated and confusing design.
  • Slow implementation and updating.
  • Limited functions.
  • Often an outdated and confusing design.
  • Slow implementation and updating.
  • Limited functions.
  • Often an outdated and confusing design.
  • Slow implementation and updating.
  • Limited functions.

Features

A hand holding a tablet showing thehomescreen of the Classia app
A hand holding a tablet showing thehomescreen of the Classia app
A hand holding a tablet showing thehomescreen of the Classia app

Manage teaching material

Teachers can manage their assignments, homeworks, exams and so on inside of Classia. Students can open them and solved them inside of Classia itself.

3 tablets showing 3 instances of the Classia app
3 tablets showing 3 instances of the Classia app
3 tablets showing 3 instances of the Classia app

Questions & Answers

Classia sllows communication between teachers and students. Students can ask questions directly in the learning material or homeworks, the teacher recibes it and can asnwer directly. Students can also see the questions from the others.

a hand holding a tablet showing the classia app, the app shows the class organization feature
a hand holding a tablet showing the classia app, the app shows the class organization feature
a hand holding a tablet showing the classia app, the app shows the class organization feature

Plan and manage classes

With classia teachers can plan and organize classes. During the class they can manage devices, students activity set current assignment and recording asisstance.

Process

The design phase involved the creation of an information architecture, user- & task-flows and wireframes. Here an example of an userflow:

an userflow showing how to add learning material

Branding

Typeface

Montserrat

#9A1F43

#F0F1F5

#20293C

Prototype

The project result includes a figma prototype. Here is a demo video:

Images

Close up of the Classia App icon on a tablet
Tablet on a desk showing the Classia App
Multiple screen examples of the Classia App
a tablet showing the a dock with the Classia app icon
a tablet showing the a dock with the Classia app icon
Close up of the Classia App icon on a tablet
Close up of the Classia App icon on a tablet

Extras

As part of the design, i created some illustrations to make the app for friendly and dynamic.

an Ilustration of a teacher smiling
an Ilustration of a teacher smiling
an Ilustration of a teacher smiling
an Ilustration of a teacher smirking
an Ilustration of a teacher smirking
an Ilustration of a teacher smirking
an Ilustration of a kid walking
an Ilustration of a kid walking
an Ilustration of a kid walking
an Ilustration of a teacher talkinf to little children
an Ilustration of a teacher talkinf to little children
an Ilustration of a teacher talkinf to little children

© 2025 Marlon Vargas - All rights reserved.

Frankfurt am Main
01:54 PM
Bogotá D.C.
06:54 AM
Your location
01:54 PM