Enhancing the Mover Experience with a Voice-Enabled Virtual Assistant for U-Haul
2023 Aug - Oct ( 7 weeks )
4 Designers ( Myself, Malia Hong, Christina Yang, Kimberly Blacutt )
Figma, Figjam, After Effects, Premier Pro, Procreate, Notion
Interactive prototyping, UI/UX Design, User Research, Concept Development
In collaboration with three other designers, I contributed to the design of a voice-enabled virtual assistant, Sammy, integrated within the U-Haul App. This project aimed to streamline the moving experience by assisting users in managing repetitive and time-sensitive tasks.
Design Awards: UX design awards: (Nominated) Indigo design awards (Silver)
A collaborative project with designers that works towards a design challenge with user-centered design methods. I crafted interfaces, built components, developed design systems, and created clickable prototypes. Designed dialog-based interaction elements to enhance user engagement. In the process, I aligned visual systems across film, motion, and graphic design for a cohesive user experience.
Our team designed this all-in-one virtual assistant assist movers with their moving journey with U-Hual. It offers responsive voice-guided features that optimize tasks, enhance coordination, and provide real-time alerts and guidance. It's particularly adept at intelligently addressing requests, which is a valuable asset for movers under pressure. By doing so, it significantly boosts the efficiency and overall enjoyment of the moving process while simultaneously alleviating driving concerns through hands-free, real-time support.
A friendly guide, reminder, and cheerleader who provides U-Haul customers with multiple options to chose from; personalized recommendations based on user feedback; timely reminders, equipment tutorials, and safety alerts for a safe and pleasant driving experience.
Provides personalized guidance and recommendations for services or products that required multi-steps selections such as truck recommendations, order alternations, and moving helper selections.
Users can view and compare multiple service options, addressing edge cases and personal preferences.
Receive updates on order status, helper confirmations, and upcoming tasks ensure users are well-informed.
Integration with Apple Maps for safety alerts and navigation, promoting a secure and stress-free driving experience.
U-Haul is a well known transportation and storage solution company in North America with various services and choices from trucks, trailers, storage units to packing supplies.
With purpose to understand user behavior, we created artifacts including the tasks flow, we did App audit, task flow, persona, user journey map. User journey maps outlines the moving experience, identify key tasks and emotional states throughout the process. This helped pinpoint specific moments where a voice assistant could offer significant value.
One design can’t fit for all. We identified the design opportunities in three use cases, proposed design solutions can solve the three painpoints for UHaul users.
Utilizing the Wizard of Oz method, we simulated interactions between movers and Sammy to refine our design approach. This involved:
Scenario Planning: Imagining user interactions with Sammy during critical tasks like confirming orders and receiving guidance.
UI Pattern Selection: Choosing designs that effectively display options and information, using progressive disclosure to manage the complexity without overwhelming users.
There are some key decisions we've made for structuring Sammy with the user interface, page-to page transition and CTA buttons. We made the design iterations taking feedbacks from some user testing we conducted with the low-fidelity prototype.
Transitional Interfaces
Designed to ease the user into interactions with Sammy without abrupt page changes, enhancing the fluidity of the user experience.
Enhancements to U-Haul’s homepage to feature Sammy prominently, ensuring easy access and a consistent visual identity across the app.
When redesigning the home page, we considered several key factors:
Placement of Sammy: Where should Sammy be positioned to remain visible and accessible?
Feature Highlighting: Which features should be prominently displayed on the home screen?
User Differentiation: How should the home page differ for users with and without upcoming orders?
Visual Alignment: How do we ensure consistency with current U-Haul branding?
Sammy is placed at the bottom of the page to ensure constant visibility and availability for users. The redesigned app accounts for two user paths: those with upcoming orders and those without. For users with upcoming reservations, the reservation will be prominently displayed as the main info card. We simplified the navigation bar and moved the search function to the top of the home page for easier access. The main services and products are highlighted with visual emphasis to distinguish them from other services lower on the page.
Our goal for the new branding system is to design within the constraints of the current U-Haul branding while bringing a fresh perspective. I assembled the main components of the interface and crafted a clickable prototype for product demos and user testing.
Why Sammy?
U-Haul introduced it's first version of its "Sammy U" character in 1953, named after the company's founder.
Teamwork matters
Collaboration is crucial, especially in a design team. It fosters diverse perspectives, shared insights, and a collective effort towards achieving user-centric solutions. Our team accomplished projects by working closely together in pairs and being accountable for assigned tasks. We utilized design tools such as whiteboarding and conducted brainstorming sessions to generate collective solutions.
While other designers on the team focused on creating videos, we needed to work seamlessly to deliver UI prototypes for After Effects. This required careful handoff from Figma to AE, where I ensured that files were consistently named and easily understandable for smooth collaboration.
Consistency is the key
Consistency was key. While designing within the constraints of U-Haul’s existing branding system, I ensured that the new UI screens adhered to current branding guidelines. However, I introduced a fresh perspective by integrating elements like gradients while preserving the brand’s distinctive colors, such as green for notifications and alerts.
If I have more time, I will spend time on considering more edge cases such as last-minute orders and do more user testings to evaluate if the current UI components can solve customers' questions effectively. The effectiveness of the prompts we provide to users.