POLI.design

UI design & testing

Here's a project I developed together with Carlotta and Selene during my executive course at POLI.design. The goal was to create a UI based on a given UX.

Crossways UI project introduction slide for POLI.design

The project focused on redesigning a section of the POLI.design website. The persona was a newly enrolled student who needed a clear and intuitive interface to manage their university life.

Persona profiles for the Crossways student dashboard redesign

We decided to name this interface Crossways and designed the layout around straight lines, reminiscent of technical drawings. The concept of intersections reflects the nature of the Politecnico and its architecture, so we wanted the app to express this identity.

Design inspiration and visual references for the Crossways interface

Our goal was to create something sleek, functional, and visually striking. Bauhaus was one of our main references for typography. We chose sharp corners and clean lines to convey the technical character of the different university faculties, each identified through specific colors.

  • Typography system and font choices for Crossways UI
  • Atomic UI components and design elements of the Crossways system
  • Modal windows and dialog components designed for Crossways UI

We also conducted a few eye-tracking tests to evaluate how the interface was performing. Fortunately, the information flow and visual hierarchy worked effectively.

Eye-tracking test results showing user attention flow in the interface

In the end, we developed an interactive prototype in Figma, which can be tested below.

Final Crossways UI prototype preview created in Figma Go to prototype