In July 2023 I decided to start a long journey on Coursera, by enrolling on the Google UX Design certificate program. One of the projects I was asked to complete was a client-billing app for a shipping company that uses drones. It brought me on a path that I never crossed and improved my skills as a researcher and as a designer.
Most of the invoices apps are misleading and not clear, so the idea was to create a client-billing app for a shipping company that uses drones.
Ideate a clear and understandable design with no dead ends, that doesn’t confuse the users.
The first step to understand the user was conducting interviews to better understand how my users think of an invoicing app and what their needs are. The research identified two main groups:
I drew 5 different wireframes for the dashboard, the graph detail and the client detail screens, and in each one of them I selected the core items I wanted to be displayed in the design, and grouped them in one final wireframe:
The idea was to give the user a handful of actions to do in the dashboard, in order to quickly access what they need. Client Detail page can be accessed both from dashboard and from the “Invoices” menu. It contains all the insights from that client, with the possibility to access each invoice.
After designing the low-fidelity prototype on Figma, it was time to test it with users. The goal was to determine if the main user flow is a smooth and easy process for the user. This would be determined by using 3 Key Performance Indicators (KPIs): Task completion rate, Time spent on task and User satisfaction.
The study involved 6 users: 2 male, 2 female, 2 non-binary all aged 30-60. In this group two users often use assistive technology.
According to feedback I had to improve UX in 3 ways:
Taking advantage of the information obtained, I began to make the design more similar to what users need
The typeface I chose is Visby because of its open and airy construction, which enhances its readability as a headline, subtitle, caption or copy. Type hierarch has been built following Material Design 3 Guidelines
I felt Green was the correct choice thanks to the soothing nature of it, since it is associated with nature. Also, darker shapes tend to give a more professional look.
Once I picked all the colors and setup all the typography rules started the fun part: designing the first version of the high-fidelity mockups. Note that I didn't use the definitive version of the logo for this.
This second round was conducted with 6 other Participants, still 2 male, 2 female, 2 non-binary all aged 30-60, different from the first round. The goal was to test the main user-flow: Adding invoices, and the overall user experience on the application.
After gathering feedback from the participants, I identified patterns and came up with 3 precious insights:
This project holds a special significance for me as it marks my maiden voyage into the realm of end-to-end project ownership. From conducting comprehensive UX research to meticulously crafting the UI design, this endeavor encapsulates my holistic approach to the creative process. It served as a profound learning experience, allowing me to not only delve into the intricacies of user-centric design but also showcase my capability to steer a project from conception to completion. As my inaugural project, it stands as a testament to my dedication to mastering every aspect of the design journey, setting the tone for future endeavors with a passion for excellence.
