Sojo- Academy Class

Dojo Class is a Barcelona martial arts academy, specializing in karate, kendo, taekwondo, and capoeira, with top-level tournament preparation

Role

UI Designer

Industry

Sport

Tool

Adobe XD

Duration

2 months

a cellphone leaning against a wall
a cellphone leaning against a wall
a cellphone leaning against a wall

Project Overview

Dojo Class is a martial arts academy located in Barcelona.

It serves an average of 200 students a day and has 14 professional teachers in the discipline, 14 class assistants, and 5 people dedicated to the administrative area.

The factor that differentiates Dojo Class from the competition is its quality of teaching in various types of martial arts such as Karate, Kendo, Taekwondo, and Capoeira, as well as its excellent preparation for national and international tournaments. They also have personalised classes, in person or virtual.

Problem Statement

  • Dojo Class owns the domain dojoclass.es and they have it posted on their corporate stationery and on their social networks. However, they do not have a website. When entering the URL, the only thing that is seen is "site not found"

  • Additionally, Dojo Class has an internal use hours management system. What they do is answer the phone or in person, then manually enter the hours into their system. This generates a long process that takes valuable time from the administrative staff, just to digitise manually registered information.

  • The receptionist's room is always full, as people prefer to register in person because the phone is always busy..

Objectives

  1. An app to help the kids in studies and other activities with anyone online, because parents are always busy with their work.

  2. An app that helps to track the progress of their kids.

  3. Easy to use app for kids without the help of parents navigating around.

Challenges

People who enter "dojoclass.es" to see basic information about the martial arts academy and they can reserve their individual in-person or virtual class hours, as well as to choose their different levels of experience such as beginner, intermediate, and advanced, thus releasing the time of the administrative staff, avoiding crowds in the reception room and making it easier for students to book classes.

User flow

Homepage and Hours Form

  1. Homepage


  2. Reservation Form


UI Style Guide

Project Overview

Dojo Class is a martial arts academy located in Barcelona.

It serves an average of 200 students a day and has 14 professional teachers in the discipline, 14 class assistants, and 5 people dedicated to the administrative area.

The factor that differentiates Dojo Class from the competition is its quality of teaching in various types of martial arts such as Karate, Kendo, Taekwondo, and Capoeira, as well as its excellent preparation for national and international tournaments. They also have personalised classes, in person or virtual.

Problem Statement

  • Dojo Class owns the domain dojoclass.es and they have it posted on their corporate stationery and on their social networks. However, they do not have a website. When entering the URL, the only thing that is seen is "site not found"

  • Additionally, Dojo Class has an internal use hours management system. What they do is answer the phone or in person, then manually enter the hours into their system. This generates a long process that takes valuable time from the administrative staff, just to digitise manually registered information.

  • The receptionist's room is always full, as people prefer to register in person because the phone is always busy..

Objectives

  1. An app to help the kids in studies and other activities with anyone online, because parents are always busy with their work.

  2. An app that helps to track the progress of their kids.

  3. Easy to use app for kids without the help of parents navigating around.

Challenges

People who enter "dojoclass.es" to see basic information about the martial arts academy and they can reserve their individual in-person or virtual class hours, as well as to choose their different levels of experience such as beginner, intermediate, and advanced, thus releasing the time of the administrative staff, avoiding crowds in the reception room and making it easier for students to book classes.

User flow

Homepage and Hours Form

  1. Homepage


  2. Reservation Form


UI Style Guide

Homepage

The homepage is understood as a single screen that will load when the user enters dojoclass.es. This page must be responsive (adapt to the size of the window from which it is viewed)

The content of the page must include the Dojo Class slogan "training new talents since 1999", the distinctive characteristics of the martial arts academy (variety, different levels, and personalized class), as well as the contact information and a link to make the reservation of the classes, accompanied by some ad hoc image.

Reservation Form

A responsive form must be developed that allows users to schedule their class time in Dojo Class. The form must allow the user to:

  1. Identify the type of martial arts (Karate, Kendo, Taekwondo, Capoeira, and Muay Thai)

  2. Choose the class level (Beginner, Intermediate, and Advanced)

  3. Choose a teacher for their class. The filter of available teachers must be adjusted according to the type of classes selected.

  4. Select the day and time of the class. Only the hours that the selected teacher has available will appear available. The hours must be reserved at least 12 hours in advance and within a maximum period of one week.

  5. Fill in students’ data.

Once the form is successfully submitted:

  • A success message with the reservation details must be presented to the user.

  • A confirmation email must be sent to the user.

  • The reservation must be saved in the internal management system of Dojo Class.

Reservation Form

A responsive form must be developed that allows users to schedule their class time in Dojo Class. The form must allow the user to:

  1. Identify the type of martial arts (Karate, Kendo, Taekwondo, Capoeira, and Muay Thai)

  2. Choose the class level (Beginner, Intermediate, and Advanced)

  3. Choose a teacher for their class. The filter of available teachers must be adjusted according to the type of classes selected.

  4. Select the day and time of the class. Only the hours that the selected teacher has available will appear available. The hours must be reserved at least 12 hours in advance and within a maximum period of one week.

  5. Fill in students’ data.

Once the form is successfully submitted:

  • A success message with the reservation details must be presented to the user.

  • A confirmation email must be sent to the user.

  • The reservation must be saved in the internal management system of Dojo Class.

Other projects

Copyright 2024 by Gladys Diaz

Copyright 2024 by Gladys Diaz

Copyright 2024 by Gladys Diaz