Roadside Safety
Project Overview
As UX/UI Designer for Allstate Roadside, my role was to enhance the digital experience by creating intuitive, user-friendly interfaces that streamline the roadside assistance process. I focused on designing seamless interactions that allow users to quickly request and track their rescue from their mobile devices, reducing stress during emergency situations.
Interface Design
UX
![Allstate_Icon_Navy_LightBlue_01_020 [2].png](https://static.wixstatic.com/media/eb58a8_4ada334b86684cc6ae56da26eefb01aa~mv2.png/v1/fill/w_104,h_54,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Allstate_Icon_Navy_LightBlue_01_020%20%5B2%5D.png){kind=icon}
Problem Statement
Drivers experiencing roadside emergencies often encounter delays and uncertainty when requesting assistance. The lack of a seamless, real-time tracking system can lead to frustration and stress. There is a need for a user-friendly solution that allows drivers to quickly initiate and monitor their rescue directly from their phone, ensuring a faster, more transparent, and reassuring experience.
Iconography
Icon Styles & Designs
At Allstate, I contributed to the component library, establishing design standards that made scaling easier. By reducing redundancy and creating a shared design language, I ensured visual consistency across pages and channels, making the experience more seamless and efficient for both designers and users.
10+
Platform Logos
10+
Illustrations
50+
Icons
Design Timeline
UI Design
I created a cohesive visual design system that maintained consistency across desktop, tablet, and mobile. Along with interface elements, I developed guidelines and components that updated seamlessly across all pages, ensuring a smooth and scalable user experience.
Design UX
Discovery
Design UI
Week 1
Week 2
Week 3
Week 4
Idea Project Into
UI Design Responsive
Content Illustrations
UX Design User Flows & Wireframes
UI Design Mobile App
The mobile applications enable users to request assistance quickly and track the arrival of help in real-time, enhancing the overall user experience.
Research User Research
For 3 years, I worked closely with cross-functional teams, applying Agile UX methodologies to create User Centered designs for Allstate's Roadside Assistance platform.
TEST MVP Flow
Each sprint allowed us to design, test and improve small parts of the product, ensuring continous enhancements based on real user feedback.
UI Design Concepts
Rather than spending months refining a design before launch, we took an iterative approach, working in short, focused sprints.
Complex (ARS) EcoSystems
Platform-as-a-Service (PaaS)
The mobile apps make it easy for users to request help and track its arrival in real-time, creating a smoother and more reassuring experience. On a broader level, the Allstate Roadside Services (ARS) ecosystem served multiple user personas, adding complexity to the design process and making this a uniquely challenging and rewarding project.
Connect Provider
RoadSmart Mobile Web
RoadSmart Provider Portal
MMA
GHRN Dispatcher (CompoZed)
Connected Customer
GHRN Rescuer (CompoZed)
GHRN Rescuer Onboarding
(CompoZed)
White Label Rescue
Native App
Good Hands Rescue
(GHR)
Allstate Roadside
Services.com
Agency Support
Gateway
Alliance
Iconography
Icon Styles & Designs
Icons are also an important part of the app’s style. They are simple and easy to understand for every user.
"This recognition is a testament to the creativity of our team members who work hard to keep Allstate on the leading edge of business and technology innovation, year after year"
~Suren Gupta
Executive Vice President of Allstate Technology and Strategic Ventures