Experience a new way to learn

The Collegium Da Vinci student portal offers easy access to schedules, grades, study materials, and important announcements. With an intuitive interface and real-time updates, this platform helps students stay organized and informed, simplifying their academic experience.

Client

Collegium Da Vinci

Industry

Education

Year

2022

Deliverables

Web App Design

Toolstack

Figma

Experience a new way to learn

The Collegium Da Vinci student portal offers easy access to schedules, grades, study materials, and important announcements. With an intuitive interface and real-time updates, this platform helps students stay organized and informed, simplifying their academic experience.

Client

Collegium Da Vinci

Industry

Education

Year

2022

Deliverables

Web App Design

Toolstack

Figma

Experience a new way to learn

The Collegium Da Vinci student portal offers easy access to schedules, grades, study materials, and important announcements. With an intuitive interface and real-time updates, this platform helps students stay organized and informed, simplifying their academic experience.

Client

Collegium Da Vinci

Industry

Education

Year

2022

Deliverables

Web App Design

Toolstack

Figma

Your all-in-one hub for schedules, grades, and real-time updates to enhance your academic journey

Your all-in-one hub for schedules, grades, and real-time updates to enhance your academic journey

Your all-in-one hub for schedules, grades, and real-time updates to enhance your academic journey

Goal

The goal was to design a comprehensive student portal app that seamlessly integrates academic tools, fosters collaborative engagement among students, and streamlines the overall university experience. To create an intuitive, user-friendly platform that promotes organizational efficiency, academic excellence, and a sense of community within the university environment.

Goal

The goal was to design a comprehensive student portal app that seamlessly integrates academic tools, fosters collaborative engagement among students, and streamlines the overall university experience. To create an intuitive, user-friendly platform that promotes organizational efficiency, academic excellence, and a sense of community within the university environment.

Goal

The goal was to design a comprehensive student portal app that seamlessly integrates academic tools, fosters collaborative engagement among students, and streamlines the overall university experience. To create an intuitive, user-friendly platform that promotes organizational efficiency, academic excellence, and a sense of community within the university environment.

Project phases

Project phases

Project phases

Discovery

Discovery

Discovery

Problems

01

Confusing schedule

Students find the schedule calendar difficult to navigate, with cluttered layouts and unclear event details. This makes it hard for them to understand their daily or weekly commitments, leading to missed classes or important academic events.

02

Inefficient messaging system

Students face challenges when trying to contact professors or university administration, as the current messaging system is cumbersome and lacks clear organization. This delays communication, making it hard for students to get timely responses or assistance with academic issues.

03

Lack of real-time updates

Students often miss last-minute changes in their schedules or important university announcements because the portal doesn’t offer real-time notifications, leaving them unaware of critical updates.

Solutions

01

User-friendly calendar

I redesigned the schedule calendar to be more intuitive and visually clear. By using color-coded events and offering both daily and weekly views, I ensured students can easily understand their commitments at a glance. The layout is decluttered, with event details displayed in a simple, accessible format, helping students manage their time and never miss important classes or events.

02

Improved messaging system

I restructured the messaging system to make communication with professors and university administration more efficient. Conversations are now organized by course or topic, allowing students to quickly find past messages and track responses. I also added a clear, easy-to-use interface that encourages faster replies, so students can address academic issues without delays.

03

Real-time notifications

To address missed updates, I integrated real-time notifications for schedule changes and important university announcements. Students now receive instant alerts directly within the portal and on their devices, ensuring they stay informed about any changes or critical information as soon as it’s available.

User stories

As a student, I want to easily access my class schedule and assignments, so that I can stay organized and manage my time effectively throughout the semester.

As a student, I want to access a centralized hub for campus announcements and news, so that I can stay informed about important updates and events within the university community.

As a professor, I want to efficiently upload and share course materials, so that students can easily access and engage with the necessary resources for their studies.

As a professor, I want to have a user-friendly interface for grading and providing feedback on student submissions, so that I can efficiently assess and communicate with my students.

Explore

Explore

Explore

User Flows

User flows were created for various scenarios and use cases. The goal of the flows was to create a clear and easy-to-use experience for users.

User Flows

User flows were created for various scenarios and use cases. The goal of the flows was to create a clear and easy-to-use experience for users.

User Flows

User flows were created for various scenarios and use cases. The goal of the flows was to create a clear and easy-to-use experience for users.

Poppins

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) - = + ~ < > ?

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) - = + ~ < > ?

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) - = + ~ < > ?

Cetacean Blue

#04093E

Brilliant Azure

#3D92F3

Off White

#FFFFFF

Anti-Flash White

#EFEFF3

Wireframes

The wireframes were created using a combination of user research and feedback from stakeholders. They found them to be clear, easy-to-understand, and helpful.

UI Kit

The goal of the UI Kit was to provide a consistent and reusable set of UI elements for the new app. The elements are designed to be flexible and adaptable, so they can be used to create a variety of different screens.

UI Kit

The goal of the UI Kit was to provide a consistent and reusable set of UI elements for the new app. The elements are designed to be flexible and adaptable, so they can be used to create a variety of different screens.

UI Kit

The goal of the UI Kit was to provide a consistent and reusable set of UI elements for the new app. The elements are designed to be flexible and adaptable, so they can be used to create a variety of different screens.

Design

Design

Design

Dashboard

The Dashboard is the central hub for students, offering a clear overview of upcoming classes, assignments, grades, and campus announcements. With personalized widgets and quick links to essential tools, it keeps students informed and organized for a streamlined university experience.

Dashboard

The Dashboard is the central hub for students, offering a clear overview of upcoming classes, assignments, grades, and campus announcements. With personalized widgets and quick links to essential tools, it keeps students informed and organized for a streamlined university experience.

Dashboard

The Dashboard is the central hub for students, offering a clear overview of upcoming classes, assignments, grades, and campus announcements. With personalized widgets and quick links to essential tools, it keeps students informed and organized for a streamlined university experience.

Schedule

The Schedule keeps students organized with a clear view of classes, assignments, and events. Color-coded and real-time updates ensure students never miss important deadlines or schedule changes.

Schedule

The Schedule keeps students organized with a clear view of classes, assignments, and events. Color-coded and real-time updates ensure students never miss important deadlines or schedule changes.

Schedule

The Schedule keeps students organized with a clear view of classes, assignments, and events. Color-coded and real-time updates ensure students never miss important deadlines or schedule changes.

Messaging

The Schedule keeps students organized with a clear view of classes, assignments, and events. Color-coded and real-time updates ensure students never miss important deadlines or schedule changes.

Messaging

The Schedule keeps students organized with a clear view of classes, assignments, and events. Color-coded and real-time updates ensure students never miss important deadlines or schedule changes.

Messaging

The Schedule keeps students organized with a clear view of classes, assignments, and events. Color-coded and real-time updates ensure students never miss important deadlines or schedule changes.

Dark mode

The portal features a versatile dark mode, providing a comfortable and visually pleasing experience for users in low-light settings. This mode reduces eye strain and conserves device battery, making it ideal for students who study late into the night or prefer softer lighting.

Takeaways & learnings

Balancing the needs of both students and professors led to features that served both groups effectively.

Implementing real-time updates and responsive layouts ensured seamless access for all users across devices.

Working closely with developers and stakeholders emphasized the importance of teamwork in meeting diverse user needs and project timelines.

Takeaways & learnings

Balancing the needs of both students and professors led to features that served both groups effectively.

Implementing real-time updates and responsive layouts ensured seamless access for all users across devices.

Working closely with developers and stakeholders emphasized the importance of teamwork in meeting diverse user needs and project timelines.

Takeaways & learnings

Balancing the needs of both students and professors led to features that served both groups effectively.

Implementing real-time updates and responsive layouts ensured seamless access for all users across devices.

Working closely with developers and stakeholders emphasized the importance of teamwork in meeting diverse user needs and project timelines.

Thank you for viewing!

Thank you for viewing!

Thank you for viewing!

See more of my work

I'm proud of the work I've done in my career, and I'm excited to share it with you.
Check out my other projects to see examples of my skills and experience.

See more of my work

I'm proud of the work I've done in my career, and I'm excited to share it with you.
Check out my other projects to see examples of my skills and experience.

See more of my work

I'm proud of the work I've done in my career, and I'm excited to share it with you.
Check out my other projects to see examples of my skills and experience.

© 2024 Nikita Gulak. Slaay.

Made by me in Figma & Framer.

Live Love Laugh

© 2024 Nikita Gulak. Slaay.

Made by me in Figma & Framer.

© 2024 Nikita Gulak. Slaay.

Made by me in Figma & Framer.