Cookie Policy

Hi, and welcome!
I use cookies on this website just to see how many people visits my portfolio.
To find out more, read my Cookie Policy.

Polimi App

Redesigning Politecnico di Milano App, official university application for students.

Powered by Politecnico di Milano

New challenge for us as designers, new opportunity for students

For a master’s degree course, we were asked to redesign the Polimi app, an official university application for students.

Target: Universirty Students

Heuristic evaluation

After a desk research, an heuristic evaluation on the actual application has been performed. That analysis revealed huge issues that needed to be solved in the redesign of the application: overload of informations, lack of students’ perspective, and inconsistent design.

Usability test

8 usability tests were performed on different targets of students analyzing the error rate and keeping attention to their behaviour and their comments. these tests were important to reveal the main pain points of the user experience.

Information Architecture

Once analyzed the whole data and categorized the information into precise areas, was developed a structure of the service, creating an information architecture. The functionality of the application has been divided in order of priority.

Wireframe

Finally was the turn of the Wireframe. Some Lead Users have been involved in the whole process. Our User-Centred Design approach was essential to prevent a lot of errors but also to have in all the steps constant confirmations about the direction in which the project was proceeding.

Font & Colors

The typography of the app must follow the university’s brand identity rules. We selected the sleekest and most modern font among the selectable, universal lt, keeping the focus on ensuring a consistent match between titles. As colors, a cool white was chosen for the surface with touches of institutional blue.

User Interface

After designing the user experience, it was the turn of the visual identity and user interface. In order to design a style for the application that could communicate with the entire ecosystem, It was necessary to start from the existing Polimi brand book. The design system was aimed at executing two best practices: Brand consistency and accessible color palette.

Atomic Design

As one of the problems encountered in the previous research was the inconsistency of the design, the new system has to be a safe place in which the user can perform tasks and be helped by the interface. The atomic design was chosen as a mental model to design the interface and make it consistent and reliable.

Hi-Fi Prototype

A functioning prototype was created in figma. The homepage is the beating heart of the application, the center of the system that controls everything and allows everything to function correctly. From here, all the functions are easily and quickly reachable. The attributes of the new application were:

Tabbed application, hierarchical functionalities, three levels of depth max.

Features

In this video, all the principal features of the new university application redesign are explained.

User testing

Maze software was used to test the prototype. The incredible power of this tool allowed not only to involve a large amount of potential users but also many possibilities in the analysis of the data itself; thanks to the compatibility with Figma, it was possible to load the entire prototype, making it fully testable. This final test was useful to adjust some parts of the prototype and deliver an advanced prototype.

App teaser

We also created a teaser video to entice students to explore and embrace the new redesign of the university app.