PM Report
Redesign of a web app used by Project Managers in Akkodis' Milan Office.
PM Report
Redesign of a web app used by Project Managers in Akkodis' Milan Office.
PM Report
Redesign of a web app used by Project Managers in Akkodis' Milan Office.
PM Report
Redesign of a web app used by Project Managers in Akkodis' Milan Office.
MY ROLE
UX/UI designer
TOOLS
PROJECT TYPE
Internship project at Akkodis
YEAR
2025/2026
Problem
While the task was to redesign the UI to enhance visual hierarchy and the overall feel, I noticed that the UI was structured without users in mind.
High loading time, strange naming, too many action possibilities, and too much data displayed.
Solution
My solution tries to simplify the interface while keeping all the action possibilities.
Changing default views is intended to reduce loading time, while using a grid and a clear design system creates a more consistent and elegant interface.
Problem
While the task was to redesign the UI to enhance visual hierarchy and the overall feel, I noticed that the UI was structured without users in mind.
High loading time, strange naming, too many action possibilities, and too much data displayed.
Solution
My solution tries to simplify the interface while keeping all the action possibilities.
Changing default views is intended to reduce loading time, while using a grid and a clear design system creates a more consistent and elegant interface.
Problem
While the task was to redesign the UI to enhance visual hierarchy and the overall feel, I noticed that the UI was structured without users in mind.
High loading time, strange naming, too many action possibilities, and too much data displayed.
Solution
My solution tries to simplify the interface while keeping all the action possibilities.
Changing default views is intended to reduce loading time, while using a grid and a clear design system creates a more consistent and elegant interface.
New Homepage
New Homepage
New Homepage
New Homepage
#
1
The interviews highlighted the problem with loading time
While many PMs complained about the overall UI aesthetics, I noticed that the main problem here was the loading time of the homepage, which contained a list of all the projects by all PMs and took about 10 seconds to load every single time.
#
1
The interviews highlighted the problem with loading time
While many PMs complained about the overall UI aesthetics, I noticed that the main problem here was the loading time of the homepage, which contained a list of all the projects by all PMs and took about 10 seconds to load every single time.
#
1
The interviews highlighted the problem with loading time
While many PMs complained about the overall UI aesthetics, I noticed that the main problem here was the loading time of the homepage, which contained a list of all the projects by all PMs and took about 10 seconds to load every single time.
#
2
The main change intended to reduce the problem was to change the default view
Since virtually every PM told me they were mainly interested in their own projects, I decided to change the default homepage view from every projects to only the ones the PM is responsible for.
If complemented by a change in how the back-end works, this simple change can drastically reduce loading times, as confirmed by a fellow developer I asked.
#
2
The main change intended to reduce the problem was to change the default view
Since virtually every PM told me they were mainly interested in their own projects, I decided to change the default homepage view from every projects to only the ones the PM is responsible for.
If complemented by a change in how the back-end works, this simple change can drastically reduce loading times, as confirmed by a fellow developer I asked.
#
2
The main change intended to reduce the problem was to change the default view
Since virtually every PM told me they were mainly interested in their own projects, I decided to change the default homepage view from every projects to only the ones the PM is responsible for.
If complemented by a change in how the back-end works, this simple change can drastically reduce loading times, as confirmed by a fellow developer I asked.
#
3
The other big problem was the wide range of possible actions
The web app displayed many actions on each page, especially on the homepage. Not only without a hierarchy, but, more importantly, without having a clue about users’ needs.
As a result, a lot of space was occupied by actions never taken by PMs.
#
3
The other big problem was the wide range of possible actions
The web app displayed many actions on each page, especially on the homepage. Not only without a hierarchy, but, more importantly, without having a clue about users’ needs.
As a result, a lot of space was occupied by actions never taken by PMs.
#
3
The other big problem was the wide range of possible actions
The web app displayed many actions on each page, especially on the homepage. Not only without a hierarchy, but, more importantly, without having a clue about users’ needs.
As a result, a lot of space was occupied by actions never taken by PMs.
#
4
Therefore, I chose to highlight the most used actions, while removing or giving less prominence to the others
To begin with, I created a side navigation bar that contained a list of all the pages to make navigation easier. Then I moved the pages link from the bottom side of the homepage to the sidebar.
As a consequence, only a few actions remained available. Since many PMs never use them, I decided to turn them into icons-only buttons, with a tool tip that is displayed when hovering over the icon.
#
4
Therefore, I chose to highlight the most used actions, while removing or giving less prominence to the others
To begin with, I created a side navigation bar that contained a list of all the pages to make navigation easier. Then I moved the pages link from the bottom side of the homepage to the sidebar.
As a consequence, only a few actions remained available. Since many PMs never use them, I decided to turn them into icons-only buttons, with a tool tip that is displayed when hovering over the icon.
#
4
Therefore, I chose to highlight the most used actions, while removing or giving less prominence to the others
To begin with, I created a side navigation bar that contained a list of all the pages to make navigation easier. Then I moved the pages link from the bottom side of the homepage to the sidebar.
As a consequence, only a few actions remained available. Since many PMs never use them, I decided to turn them into icons-only buttons, with a tool tip that is displayed when hovering over the icon.
#
5
The Overall Reports page was simplified as well
This page is definitely the most complex, as it displays a lot of data for each project. Users should then have full control over what is shown and what is hidden. Through the filters, they can decide which columns to show, as well as their order, through a draggable list.
Again, the default view is to display just one’s own projects, with the possibility to display other PMs’ projects with a filter.
#
5
The Overall Reports page was simplified as well
This page is definitely the most complex, as it displays a lot of data for each project. Users should then have full control over what is shown and what is hidden. Through the filters, they can decide which columns to show, as well as their order, through a draggable list.
Again, the default view is to display just one’s own projects, with the possibility to display other PMs’ projects with a filter.
#
5
The Overall Reports page was simplified as well
This page is definitely the most complex, as it displays a lot of data for each project. Users should then have full control over what is shown and what is hidden. Through the filters, they can decide which columns to show, as well as their order, through a draggable list.
Again, the default view is to display just one’s own projects, with the possibility to display other PMs’ projects with a filter.
#
6
Bonus: how I used AI in the project
In the research phase I’ve used Microsoft Teams audio transcription to have a written overview of the interviews I’ve conducted with my tutor.
Many prototyping tools, such as Lovable, Banani, Base44, Stitch, and Visily, helped me speed up the process and generate inspiration for the Homepage layout. I exported the design from Banani to Figma and modified it from there based on research and my personal judgement.
#
6
Bonus: how I used AI in the project
In the research phase I’ve used Microsoft Teams audio transcription to have a written overview of the interviews I’ve conducted with my tutor.
Many prototyping tools, such as Lovable, Banani, Base44, Stitch, and Visily, helped me speed up the process and generate inspiration for the Homepage layout. I exported the design from Banani to Figma and modified it from there based on research and my personal judgement.
#
6
Bonus: how I used AI in the project
In the research phase I’ve used Microsoft Teams audio transcription to have a written overview of the interviews I’ve conducted with my tutor.
Many prototyping tools, such as Lovable, Banani, Base44, Stitch, and Visily, helped me speed up the process and generate inspiration for the Homepage layout. I exported the design from Banani to Figma and modified it from there based on research and my personal judgement.
AI tools I've explored with
Got anything in mind?
Got anything in mind?
Table of contents