The object of this redesign was to re-create the Geico home screen in a way that optimizes real estate and usability conventions to create a home screen that provides Geico policy holders with quick and easy access to all app features. I did not have the oppertunity to conduct a full redesign using the UX design process, as I was given only a week to develop this redesign, however, it does touch on parts of the design process including Empathizing, Defining, Ideating, and a mockup.
In order to start the redesign process, I first had to understand the users pain points, wants, and needs. As I was unable to conduct a full user research analysis, I instead researched auto insurance holders frustrations with their current mobile application (including competition such as Allstate, State Farm, Liberty Mutual, ect.) as well as online statistics about auto insurance mobile applications.
Of customers report not having information when they need it.
Of customers do not receive assistance in a timely fashion.
Of customers report lack of communication with an agent as a main pain point.
Along with the key pinpoints that I found above, my research provided me with a list of other wants and needs desired by the customer. this list includes:
Mobile Payments/In-app payment system
Alerts and Notifications
Live Chat with Customer Care Representatives/Integrated Chat
After my research, I synthesized all of the users pain points, wants, and needs into a comprehensive list of the 5 most important home screen features.
The next stage in my redesign process, was researching other auto insurance/regular insurance applications in order to find inspiration in applications already on the market, as well as to learn from their mistakes. Below you will find some of the homescreens that I researched in order to create my final design.
The final stage in my redesign process, was designing the actual home screen. I started by hand-drawing wireframes based off of my research, and then creating the version that you see to the right via Adobe XD. I also listed a few design choices that I wanted to highlight:
Users requested easier access to claim, so I decided to include their open claims on the dashboard. I used a card style allowing them to view a brief snapshot of the claim while provided a clear call to action taking them to the full claim. This card style also allows for multiple open claims at once. I also decided to include a + button, which upon selection will allow the user to open a new claim.
INSURANCE ID CARD GRAPHIC
I chose to display the user's Insurance ID cards as a graphic at the top of the screen, in order to easily differentiate ID cards from policies. Being able to visually distinguish between ID cards and other insurance content, is important in allowing users to quickly access their cards when necessary. Another reason that I used this graphic, was to allow the users to quickly expand and contract the card. Upon expansion, users will be able to share their ID card with authorized parties.
I decided to use a tab bar navigation as the primary app navigation system. I chose this form of navigation in liue of a hamburger menu, as it provides for a quick, easy scan of the app's content all of which is accessibility without a multitude of clicks.
In order to easily request roadside assistance, I provided a distinct "Roadside Assistance" button beneath the digital ID cards. This button is in a focal point, allowing users to find it easily when scanning the screen for assistance.
As requested by the users, I decided to incorporate an "upcoming payments" section of the dashboard, where users are able to see the payment that is being requested, the policy number, and the due date upon scanning. I also included a primary and secondary call to action, allowing them to pay the amount or view the policy details.