What the app does?

The time has come, a new application for student welfare. With the help of Matrix, the student can manage his studies in the virtual school. The user receives a digital satchel with which the student can enter online classes, submit assignments, chat with the lecturer, watch videos of recorded classes, worksheets, online assignments and exercises.

Design branding and more

ElegantMF

FbTipograf

My tray

PerCoins

drink

Menu

Dessert

Assembly

#b1ff4f

#51c85d

#287a7b

#f5e932

#ba1e2d

#231f20

Now a little explanation

about the design characterization process of the app

UX/UI

Wireframing

Even when only a design process is required - I will never start designing without going through the interface structure of the product to be designed - going through a typical process (even if it is a lean process) guarantees a tight design result which facilitates the next step - making it accessible for development.

Screen 1

Login Screen

On the home screen the user sees the app logo while it is loading.

Samsung Galaxy Sp-ux-m-1 copySamsung Galaxy Sp-ui-m-1 copy
Samsung Galaxy Sp-ux-m-2 copySamsung Galaxy Sp-ui-m-2 copy

Screen 2

Login Screen

On the login screen, the user (student) sees the Matrix virtual school application logo. The user enters his details and presses login (button to activate the action) or login through Facebook or Google.

Screen 3

Homescreen

On the home screen the user is exposed to his classes. When they take place and by clicking the login button the user enters the class, in addition the user sees his assignments.

Samsung Galaxy Sp-ux-m-3 copySamsung Galaxy Sp-ui-m-3 copy
Samsung Galaxy Sp-ux-m-4 copySamsung Galaxy Sp-uI-m-4 copy

Screen 4

personal area screen

The personal area screen shows the user's details and the major he is studying in. In addition, the user can filter the assignments, textbooks and worksheets according to the majors/courses he chose to study, the personal area screen is divided into 3 screens by clicking filter between the different categories. So that the user will be able to control all operations through the mobile/computer and learn in an optimal and correct way.

Screen 5

personal area screen

The personal area screen shows the user's details and the major he is studying in. In addition, the user can filter the assignments, textbooks and worksheets according to the majors/courses he chose to study, the personal area screen is divided into 3 screens by clicking filter between the different categories. So that the user will be able to control all operations through the mobile/computer and learn in an optimal and correct way.

Samsung Galaxy Sp-ux-m-5 copySamsung Galaxy Sp-ui-m-5 copy
Samsung Galaxy Sp-ux-m-6 copySamsung Galaxy Sp-ui-m-6 copy

Screen 6

personal area screen

The personal area screen shows the user's details and the major he is studying in. In addition, the user can filter the assignments, textbooks and worksheets according to the majors/courses he chose to study, the personal area screen is divided into 3 screens by clicking filter between the different categories. So that the user will be able to control all operations through the mobile/computer and learn in an optimal and correct way.

Screen 7

Time system screen

On this screen, the user sees the calendar, selects the selected day, and in it the user has the system of hours in which the assignments, meetings, lessons, etc. appear for that day

Samsung Galaxy Sp-ux-m-7 copy 2Samsung Galaxy Sp-ui-m-7 copy
Samsung Galaxy Sp-ux-m-8 copySamsung Galaxy Sp-ui-m-8 copy

Screen 8

My to-do screen

On the My Assignments screen, the user can filter the assignments according to the courses they are studying. In addition, the user sees the to-do list, messages and manage a chat with the lecturer, send files, etc.

Next Project