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.
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
continue >
< previous
Project X
2023
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.
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
continue >
< previous
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.
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
continue >
< previous
Project Y
2023
About
Sed ut perspiciatis unde omnis iste natus error sit voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.
Contact