
CESAE Hub
Roles:
UX / UI Design
Full Stack Developer
Client:
CESAE Digital
Team:
Joana Fernandes
João Vale
Natana Oliveira
Year:
February 2023
Project Overview

CESAE Digital is a center for the development of digital skills. The center is dedicated to qualification, certification, technical improvement, and enhancing entrepreneurial capacity. CESAE offers various in-person and online courses, spread across more than ten units in Portugal.


Problem
Currently, CESAE uses an Excel document to request the availability of its trainers. However, besides being outdated, this process often confuses trainers and is susceptible to errors during completion.

Solution
​
Design a mobile app that helps teach kids about nutrition and encourages them to enjoy healthy eating.
Requirements

1 -
​
2 -
​
3 -
Possibility for the trainer to have several areas/technologies in which he provides training;
Assign a calendar to the trainer where it is possible to mark their availability;
​
“Reserve” the trainer on the platform to plan new courses.
Methodology

Understanding priorities
​
Periodic meetings with the client
​
Weekly team meetings
​
Breaking down into small parts
​
Introducing changes throughout the project
Tools / Coding

TRELLO

MIRO
IDE


FIGMA

DRAW.IO
Programming language


XAMPP

GITHUB
Framework

Personas



Information Architecture

Design System
Colors

Typography


Icon set

Size: 22px.22px
45px.45px
Screen Flow

Prototype
Login Page
Error Page

Administrator Account
Admin Dashboard
Courses Page

Add new course
Success Page

Training Manager Account
Manager Dashboard
Class Page

Timetable Page
View Trainer Profile

Trainer Account
Trainer Dashboard
Trainer Profile

Availability Marking

Dark Mode
