February 1, 2023

Studius

Design

Full Stack Development

Student homepage

Studius is an educational platform for high schools and universities. It was designed for the ease of use for both students and educators as well as system administrators.
The platform was founded on our own experience as we are students ourselves and also on the feedback of our very future users - students and staff at FER (Faculty of Electrical Engineering and Computing, Zagreb)

Subject overview page

Responsive Design

Since we aimed to improve the tools that were already present, we strived to implement the best practices from established UX guidelines. This included building the site to be mobile friendly as well as having A11Y support.

Dark Mode Support

With the internet experience growing more complex, we got spoiled by many features offered by various sites. Like Dark Mode, which we also implemented.

Light and dark mode showcase

Login Page

Login page

Error Page

A 404 error page

Administrative Tooling

Admin dashboard

User Management

User management dashboard

Design System

The Design System for Studius is thoroughly organized and was meant to be upgradeable and modular.
The foundations were laid for easy theming support through a beautiful color system. The typography was also a big focus, as it is crucial for expressing informational hierarchy.

Organization of colors and typography

Components used throught the platform

Enjoyed the read?

Hit me up via [email protected]

Copyright 2024 All rights reserved. Matija Fućek