Allstate Mobile
Highlights
Allstate Mobile app was in need of a redesign after many years of legacy application. More than 10 million combined app store downloads and 1 million monthly active users. The redesign aligned with program goals of increased downloads and improved app store ratings. The integration of Digital Footprint and Allstate Identity protection aligned with Allstate's strategic transformation into the broader protection space.
Team Makeup
2 Principal Designers: split program level designs
1 Product Designer & 1 researcher
4 Product Owners & a number of BAs & System Architects
6 Development Teams
Products
Allstate Mobile (Serving North American customers)
Drivewise
Digital Footprint
Allstate Identity Protection
Details
Program timeline: 2016-2021
Customer-facing application serving 1 million active monthly users
Insurance and Protection
System of apps
Navigation Tree Testing
Allstate mobile serves a number of customers with differing needs. The app itself offered a variety of features. Started the redesign with tree tests of different navigational setups to explore the findability of our navigation, assess the labeling language used in the app, and gather insight into user mental models.
Feature Prioritization
Concurrently, facilitated workshops with key product stakeholders to identify and prioritize feature roadmap.
This allowed the team to map out a project plan to break down the redesign workload. Worked with product owners to establish expectations and delivery timelines.
IA & Wireframing, and Visual Explorations
Diverging conceptualization based on testing insights.
Key concepts were explored:
Greetings. Personalized greetings create a sense of warmth and human-likeness. Tested the effectiveness of greetings such as “How can we help?” vs “Hello”
Componentizing key To-Dos into cards. Bubbling those up to the top of the screen to allow users to take care of most urgent tasks.
Exploring various visual designs that were aligned with the “hug” element, which was part of the Allstate’s new brand guidelines.
Deliverables
Phase 1 deliverables include redesigned login, overview, and main landing pages. A component library was built in collaboration with the Engineering team.
Phase 2: Payments
Optimized payment flows based on user feedback and aligned with business goals. Focused on the following:
Reduced steps in making a payment by leveraging native app capabilities such as camera to scan credit card info
Optimized Auto-Pay enrollment per business goals
Insert more dynamic visual elements such as the celebration graphic in the payment confirmation screen.
