Stella Scheier's Portfolio

l

Stella Scheier's Portfolio

l

Trenitalia

The Problem

Accademia Italiana

2023

About

During my time studying abroad in Florence, I had the opportunity to work on an individual project redesigning the totems used in train stations.

The Challenge

Design Features

My redesign of the Trenitalia UI was able to achieve a user-centered approach and an updated and modern UI. I focused on simplicity throughout the design.

Stella Scheier's Portfolio

l

Stella Scheier's Portfolio

l

Current Design

As you can see, this is a very outdated UT design. The main features that I wanted to update from the current UI are:
- More modern UI
- More intuitive
- Simple color palette

Redesign

For my redesign, it was essential that I focus primarily on the issues that I noted from the current UI design. Another focus of mine was functionality as I felt that there were several aspects of the current design that did not serve a functional purpose.

Design Progression:

Low-fidelity Wireframe

My design journey started with a basic prototype where I created the page's layout and content. This was a crucial initial step because it helped me express my ideas in response to issues I identified in the current design and user interface. By using this approach, I could swiftly generate designs, gather feedback, and concentrate on key features.

High-Fidelity Prototype

In my design journey, I upgraded my basic wireframe to a more refined high-fidelity version.

For the color scheme, I drew inspiration from Trenitalia's logo, with a vibrant red as the main accent. I balanced this bold red with a range of gray shades to fill in buttons and icons. To maintain a clean and consistent look, I ensured that all buttons were a sleek dark gray, adding subtle white highlights for cohesion.

Based on this design, I received valuable feedback from my professor, which greatly influenced my final design. One key observation was that the use of a dark black outline in both the journey page and the progress bar didn't align with the modern aesthetic I was aiming for.

Furthermore, I was struggling with making my designs feel realistic, especially in the context of a train station. It was at this point that my professor encouraged me to explore design systems, a concept I delved into and then incorporated into my work to ensure consistency across buttons and design elements.

To achieve the sleek and modern UI design I desired, I also sought inspiration from other websites and apps with clean and simple designs. These insights proved instrumental in shaping my creative process.

Final Design

The feedback and input I received heavily shaped my final design. I made sure to tackle the problems I spotted in the original design, like the outdated interface, lack of intuitiveness, and distracting colors. I'm pleased to say that I successfully addressed these concerns with my clean and modern UI. It's important to me that my design feels realistic and suitable for implementation at train stations, and I'm confident that I achieved that.

Here is a sneak peak into the final design!

© 2023 by Stella the Designer

< previous

continue >

< previous

© 2023 by Stella the Designer

© 2023 by Stella the Designer

© 2023 by Stella the Designer

continue >