Context
Ironhack UX/UI Design Bootcamp, May 2024
Overview
For the redesign project I chose to focus on miDGT app as it represents a key milestone in the Spanish digitalisation process. As a result, this app presents very specific constraints that I wanted to explore and overcome from a design perspective.
Scope
3 days
We were expected to deliver at least 3 screens and present them in a design critique to receive feedback from UX/UI professionals.
miDGT
This app offers administrative services, fines management, appointment requests and even an option to check your driving license test results.
Its core function is providing valid digital driving licenses and vehicle circulation permits.
These official documents also have a QR code linked to the driver’s ID and the vehicle’s license plate. This means that they can be used during a police control without any physical proof of identification, which is very convenient if you do not have your wallet with you.
Heuristics analysis
The first step in any makeover is identifying the specific areas to work on.
Due to this project's short duration, it was impossible to dive in user research. I opted to conduct a heuristics analysis instead as it allowed me to identify issues based on an established framework.
I aimed to present this app as a transition between the physical license and a fully digital experience.
I focused on maintaining and improving the existing gestures and references to the physical world. On the other hand, I also wanted to apply a more modern UI based on the DGT’s visual identity.
Info architecture & home screen
I created a navigation bar with the main features while the rest remained on the burger menu.
I have also added a news section to relocate the articles from the original home screen. By doing so, I could maintain the relevance of institutional communications without classing in the home screen with the driving license.
Driving license
Removing the articles freed a priceless space in the home screen.
I also included labels to clarify the license fields for the drivers. However, I kept the original number codes for police officers and DGT employees.
Lastly, I added a button to check the vehicle classes. This layout allows users to see all the driving license information at once.
Vehicle overview
I combined all the vehicle information in a grid layout on the same page.
I added an interaction icon to the warning messages so they can lead you to another screen/platform to solve the issue.
Circulation permit
For these screens, I took the same approach that I used for the driver’s license.
I added text labels, and in this case, I applied visual hierarchy to the information while grouping it in sections so it is more digestible.
