Urgently
Design lead for partner swimlane, working with BMW, Mercedes-Benz, and Enterprise to create user portals and accompanying mobile apps to deliver seamless roadside assistance solutions
Charged with defining and designing AI chatbots and micro-apps
Translate ARDs into sketches and draft designs, working with product managers and developers to build final deliverables
Assisted in migrating siloed patterns and products to a global design system based on Material Design to streamline design, development, and deployment
AI Chatbot
The first step of this project was meeting with the product managers to understand and define what the AI chatbot needed to be. Once we had sign-off from those stakeholders, I conducted competitive analysis, looking at USAA and American Family Insurance roadside assistance.
Defining and Research
Sketches and Ideation
This part of the process was just pen and paper to quickly create design concepts to determine the best next steps to be able to present rough ideas early with product managers and partners.
Refining the Design
Here I was able to build out the screens and apply our global design system. With the bulk of the design in place, I could quickly modify and revise to meet user expectations.
Prototype and Stakeholder Sign-Off
Once stakeholder sign-off was achieved, I pushed all the final designs to Zeplin for hand-off to the developers. This included our globally connected styleguide and design system components. To accompany the prototypes, I put together flows within Zeplin to help the developers better visually understand how the application would work.
Delivering to Development Team
BMW Emergency Tire
ARD and User Flow
We had a contract to provide roadside services to BMW and they requested a new Emergency Tire feature for their service providers. My product manager and myself met with their team to formulate a plan of execution, starting with requirement documentation. From there I designed user flows to help their team visualize early.
Sketches and Ideation
This part of the process was just pen and paper to quickly ideate concepts to determine the best next steps. As you can see below, we went through many ideas, which in turn helped reform the user flows as well.
Refining the Design
Here I was able to build out the screens and apply our global design system. With the bulk of the design in place, I could quickly modify and revise to meet BMW’s expectations.
Prototype and Delivering to Development Team
Once stakeholder sign-off was achieved, I pushed all the final designs to Zeplin for hand-off to the developers. This included our previous bootstrap design system library (contract was signed before we moved to MUI system). To accompany the prototypes, I put together flows within Zeplin to help the developers better visually understand how the application would work.
Design Evolution
Before I joined the Urgently team, the products they were using were entirely custom and out-of-date with the current design trends and had little structure with a wonky user experience (top left). To make the experience better for users, at the time, we upgraded our most-used product to Bootstrap (bottom left). To further refine the experience, we migrated all our of products to a global design system which allowed our team to lower production costs and create a more streamline experience (right).
-
![Micro-apps]()
Micro-apps
-
![Apple Watch Concept]()
Apple Watch Concept
-
![Design System Library]()
Design System Library
Urgently is the leading Smart Mobility Assistance™ Platform at the center of the expanding mobility and connected assistance ecosystem. Delivering mobility assistance services through a seamless, end-to-end digital platform, viewable by every stakeholder – motorist, service provider, enterprise partners, and Urgently support teams – in real time. Urgently is the choice of leading global brands trusted by millions of consumers across automotive, insurance, telematics and new mobility companies in North America, Europe, Asia and Australia.