Situation/Customer problems
The first version of Transcend's admin dashboard was built and designed by engineers, so we had a number of usability issues that went unaddressed for some time until the product design team was built. The administration section of Transcend is where users are managed and invited on the platform, and the experience needed a facelift.
Process
We wanted to maximize the amount of rows of users we could display on screen without sacrificing readability, and also make it easy to apply changes in bulk as well as filter this view with our powerful filtering mechanisms. We looked at other various tools that solved similar problems and found that a straightforward implementation was not hard to imagine.
User journey mapping 1
Version before customer feedback
Iterations after aggregated customers feedback
How I solved these problems
We defined a new way of handling tables in Transcend, which maximizes horizontal and vertical space, as well as gives us the ability to use our new powerful filtering mechanisms.
How the solutions performed
These design patterns were reused and adopted throughout the platform, and were able to help us lay a very solid foundation for many subsequent designs. It was a good exercise in creating design patterns that are reusable and test them on low-stakes functionality with users.
What did I learn & how would I do things
differently next time?
As this was my first Product design project, the process was very much of me absorbing and synthesizing knowledge. First off, I spend some time studying the old design files
convert low fi stakeholder decisions into functional prototypes
I absolutely loved getting to apply Figma concepts like variants & translating them into hover states
Situation/Customer problems
The first version of Transcend's admin dashboard was built and designed by engineers, so we had a number of usability issues that went unaddressed for some time until the product design team was built. The administration section of Transcend is where users are managed and invited on the platform, and the experience needed a facelift.
Process
We wanted to maximize the amount of rows of users we could display on screen without sacrificing readability, and also make it easy to apply changes in bulk as well as filter this view with our powerful filtering mechanisms. We looked at other various tools that solved similar problems and found that a straightforward implementation was not hard to imagine.
User journey mapping 1
Version before customer feedback
Iterations after aggregated customers feedback
How I solved these problems
We defined a new way of handling tables in Transcend, which maximizes horizontal and vertical space, as well as gives us the ability to use our new powerful filtering mechanisms.
How the solutions performed
These design patterns were reused and adopted throughout the platform, and were able to help us lay a very solid foundation for many subsequent designs. It was a good exercise in creating design patterns that are reusable and test them on low-stakes functionality with users.
What did I learn & how would I do things
differently next time?
As this was my first Product design project, the process was very much of me absorbing and synthesizing knowledge. First off, I spend some time studying the old design files
convert low fi stakeholder decisions into functional prototypes
I absolutely loved getting to apply Figma concepts like variants & translating them into hover states
© January 2025