top of page
Frame 1836 (4).png

Overview

Group 3465019.png

Role

UX Design

UX Research

UI Design

UX Design

UX Research

UI Design

Team

Me (UX)

Radhika (DPM)

Amit (Unity)

Sumithra (SM)

John (Lead)

Sonal (Dev)

Team

Me (UX)

John (Lead)

Andrew (Dev)

Sumithra (SM)

Radhika (DPM)

About AVON

AVON is an innovative virtual onboarding platform created to revolutionize the employee induction process. It offers a guided, interactive experience through a simulated virtual office, where new hires are welcomed and assisted by a digital persona acting as their trainer. Through gamified tasks, quizzes, and immersive scenarios, employees are introduced to essential processes and workflows in an engaging and efficient manner. The platform provides role-specific training materials that are accessible at different stages of onboarding, accommodating both pre-joining and post-joining needs. AVON simplifies complex induction sessions into interactive modules, ensuring employees can quickly adapt to their roles while enjoying a seamless and personalized onboarding experience. By delivering a cutting-edge digital approach, AVON enhances productivity, reduces onboarding time, and sets a benchmark for future-focused employee engagement.

AVON began its journey in 2020 during the global shift to remote work, addressing the challenges of long, exhaustive onboarding calls. Allstate India, recognizing the need for a seamless and efficient induction process, set out to transform onboarding for its employees. Given Allstate's core focus on insurance, it was critical for teams to grasp essential policies on cybersecurity, risk, compliance, and other vital areas right from day one. AVON was envisioned to simplify and elevate this experience, starting with priority modules related to IT policies and gradually expanding to include HR policies in its next phase. As the Senior Designer for this project, I oversaw the entire design and research process, serving as the sole designer driving the platform's user experience. My role involved not only crafting intuitive designs but also conducting research to ensure the platform met user needs effectively.

AVON is a state-of-the-art virtual onboarding platform designed to revolutionize employee induction. It provides an interactive and guided experience through a simulated virtual office, where new hires are welcomed and trained by a digital persona acting as their virtual trainer. Gamified tasks, quizzes, and immersive scenarios introduce employees to critical processes and workflows, making learning engaging and memorable. The platform also caters to role-specific training needs, offering materials tailored for pre-joining and post-joining stages. By breaking down traditional induction sessions into concise, interactive modules, AVON enhances productivity, reduces onboarding time, and fosters a smooth transition for new employees. This innovative approach not only sets a benchmark for employee engagement but also reflects Allstate’s commitment to leveraging technology to deliver exceptional onboarding experiences.

UX development stages

Frame 1000003352 (1).png
Frame 1000003352 (1).png

The AVON project was a comprehensive initiative aimed at revolutionizing onboarding processes through innovative virtual solutions. The discovery phase focused on understanding user goals, identifying their needs during onboarding, and simplifying complex policies. This involved creating user journey maps, ecosystem maps, and employing Octalysis mapping to structure gamified modules effectively. My contribution began in stages 02a and 02b, where I joined to enhance the web and mobile versions of AVON. Key deliverables included UX storyboarding, flow mapping, journey mapping, and process identification to ensure a user-centric design approach. Prototypes were iterated and tested with users, incorporating feedback to refine the platform's usability and engagement.

The development relied on Unity 3D and JavaScript for the web platform, while the mobile app used compatible technologies ensuring seamless deployment through Intune for secure access by employees. My responsibilities spanned across UX and UI domains, from wireframing and gamification mapping to data visualization and storytelling. I worked on low, medium, and high-fidelity mockups, usability testing, design system studies, and prototyping. Additionally, I supported development through testing, narrative prototyping, and asset creation. The culmination of these efforts was a highly interactive and efficient onboarding platform that simplified induction processes, enhanced engagement, and set a benchmark for future employee onboarding solutions.

Challenges

Complex Policies

How can we simplify complex IT, cybersecurity, and compliance policies to ensure new employees understand them effectively and quickly?

Time-Consuming Onboarding

How can we streamline the onboarding process to reduce manual, repetitive communication and minimize delays in getting employees up to speed?

Limited access to resources

How can we provide consistent, up-to-date resources across multiple platforms to support seamless self-paced learning?

Lack of Engagement

How can we enhance the onboarding experience with interactivity and gamification to boost engagement and effectiveness?

Problem statement

Employees face challenges during onboarding due to fragmented and outdated resources, lack of engaging, interactive learning, and whole-day onboarding process, leading to slower adaptation, higher dependency on manual support, and a diminished learning experience.

Business challenge

Policy teams, including the IFSC team, are dedicating entire days to onboarding, diverting focus from their core responsibilities and resulting in decreased productivity and delayed operations.

Frame 7 (1).png
Frame 1000003358 (2).png
Frame 1000003358 (1).png
AVON - Brainmap_2024-12-27_05-36-20 1.png
AVON - Brainmap_2024-12-27_05-36-20 1.png
Product Stages
~ High level 
Product stages  ~High level 

I focused on Requirement Gathering, Analysis and Design, Prototype Development, and UX Testing, ensuring user-centric solutions through collaboration, ideation, prototyping, and iterative feedback.

The product development journey commenced with an extensive requirement-gathering phase, where data was collected from key stakeholders to understand their pain points and expectations. This included detailed feedback sessions, interviews, and surveys, coupled with collecting essential 2D/3D assets for the project's visual elements. The analysis stage involved segregating the collected data and brainstorming on design narratives and storytelling techniques to ensure the onboarding experience would be engaging and immersive. Ideas were translated into actionable concepts, leading to the development of wireframes and detailed UX/UI designs. Advanced creative techniques, such as audio integration, visual effects, animations, and 3D modeling, were incorporated to elevate the overall experience. A critical component of this stage was implementing gamification strategies to enhance user engagement and simplify the understanding of complex policies.

The prototyping phase saw the collected assets being configured into a functional scene setup, enabling the development team to create an interactive and visually engaging prototype. Unit testing ensured the prototype’s technical functionality met the expected standards. This was followed by a rigorous testing phase, where the prototype underwent performance evaluations, usability testing, and iterative feedback sessions with stakeholders and end-users. Feedback loops were crucial in identifying and addressing bugs and refining the design. Once validated, modules were integrated into the Diana Hub, an internal platform designed for seamless deployment. Post-integration testing within the hub ensured system stability, compatibility, and an error-free experience. The final deployment marked the transition of the solution into a live environment, making onboarding an efficient, centralized, and user-centric process. This step established a scalable foundation for future enhancements, aligning with Allstate's vision of delivering innovative employee experiences.

Group 1432 1.png
image 239.png
Group 3465020.png

3D interactive data storytelling bridges the gap between complex information and user engagement. For AVON, this approach transformed static data into dynamic, immersive experiences. By leveraging 3D assets and visualizations, we presented intricate policies and workflows in an intuitive, interactive format. Users could explore data scenarios, simulate tasks, and understand key processes within a virtual environment, making the onboarding experience both impactful and memorable. This method not only simplified complex topics but also allowed users to connect with the content on a deeper level, ensuring retention and clarity.

Player-Centered Design (PCD) was integral to AVON’s success, focusing on creating an engaging and user-friendly experience. Inspired by game design principles, the platform incorporated gamified tasks, rewards, and interactive modules to captivate users. This approach ensured that every interaction was purposeful, motivating employees to actively participate and complete their onboarding journey with enthusiasm. By prioritizing user engagement and aligning the design with individual learning styles, PCD made the onboarding process seamless and enjoyable, setting a new standard for digital employee training solutions.

Policy teams, including the IFSC team, spend significant time managing onboarding tasks, diverting their efforts from core responsibilities and impacting productivity and operational timelines. Simplifying complex IT, cybersecurity, and compliance policies is critical for creating an effective onboarding experience. New employees often encounter dense, technical content that feels overwhelming and disconnected from their roles. By redesigning this information into interactive, role-specific modules, organizations can enhance comprehension and practical application. Leveraging tools like animated walkthroughs, infographics, and scenario-based training simplifies policies into manageable segments, ensuring employees grasp essential concepts quickly and feel confident in meeting organizational expectations.

Streamlining the onboarding process begins with automating repetitive tasks and communication to reduce manual efforts, ensuring that new employees receive timely and relevant information without delays. Centralizing resources in a single platform allows employees to access updated materials whenever needed, enhancing the self-paced learning experience. By incorporating gamification elements such as progress tracking, badges, and interactive challenges, the onboarding journey becomes more engaging and motivating, which helps increase retention and understanding of key policies. These enhancements not only optimize the onboarding process but also free up policy teams, including the IFSC team, to focus on their core responsibilities, ultimately leading to improved operational efficiency and productivity across the organization.

Personas

Frame 1000003354.png
Frame 1000003353.png
Frame 3465309.png
Frame 3465308.png

Using user research insights, I developed two personas—New Joinee and Current Employee—to address their unique needs and challenges, guiding design improvements for a more intuitive AVON experience.

The personas highlight significant challenges in the onboarding process for both new and experienced employees. New employees often face information overload, limited clarity during sessions, and difficulty retaining critical details, resulting in reliance on scattered resources and informal guidance. Meanwhile, experienced employees frequently encounter repetitive interruptions from onboarding-related queries, diverting their focus from core responsibilities. Both groups struggle with inconsistent access to updated policies and resources, underscoring inefficiencies in the current system and the need for improvement.

These challenges present an opportunity to develop a centralized, self-paced onboarding platform that addresses the needs of both groups. The platform can include role-specific guides, progress tracking, and seamless access to updated resources. Features like interactive chatbots and searchable knowledge bases can provide real-time support, reducing dependency on colleagues and HR. By streamlining communication and enhancing accessibility, the onboarding process becomes more engaging, efficient, and empowering for all employees. This not only improves productivity but also reinforces a positive perception of the organization’s dedication to its workforce.

Information architecture 

Frame 1000003359.png
Frame 1000003360.png

The information architecture for both the web and mobile versions of the Kites portal is carefully structured to ensure clarity and ease of navigation. On the web, the modular approach allows employees to seamlessly transition between internal and external phases. The Kites Internal module houses mandatory policies and compliance tasks, accessible prior to receiving the Allstate NTID. Once employees are credentialed, they progress to the Kites External module, where advanced policy modules and other necessary resources are available. The web-based architecture prioritizes intuitive categorization and minimal clicks, with icons representing ongoing modules for a clear visual hierarchy. This ensures that employees can easily track their progress through different stages of onboarding and access relevant information without confusion.

For the mobile platform, the information architecture is optimized for flexibility and accessibility. Given the mobile-first approach, content is streamlined to accommodate smaller screens while ensuring that key onboarding processes, like accessing temporary IDs and limited policy modules, are simple to navigate. The mobile interface mirrors the web version in terms of structure but is designed to offer an enhanced, responsive experience across various devices. Additionally, the mobile version introduces a Notes section and Progress Checking, enabling employees to track their learning and revisit key information at any time. As with the web version, icons are used to indicate the status of ongoing modules, allowing users to easily visualize their progress and stay engaged with the process. This cohesive approach between web and mobile ensures that employees experience a unified, user-friendly interface, regardless of the platform they are using.

The AVON modules employ gamification principles to make onboarding an engaging and memorable experience, available on both web and VR platforms. In VR, immersive 3D environments simulate realistic workplace scenarios, such as navigating a virtual office, exploring role-specific workflows, or interacting with company resources. For web-based users, the modules translate these experiences into sleek 2D designs with interactive components like quizzes, animations, and guided tutorials. Progress tracking features such as achievement badges, completion bars, and personalized dashboards are implemented to motivate users while ensuring they remain aware of their learning journey.

Gamification techniques like reward systems, interactive challenges, and feedback loops are seamlessly integrated into the user experience. Scaffolding techniques gradually introduce complexity, helping employees build confidence as they progress through tasks. In VR, employees interact with 3D models of tools, policy documents, and virtual guides to unlock key learning elements. On the web, dynamic visuals and motion design recreate these interactions, offering a consistent experience across platforms. The use of unpredictability—such as unlocking hidden features or bonus modules—keeps the onboarding process exciting while reinforcing essential knowledge in a user-centric and enjoyable way.

The user journey mapping for AVON was an in-depth process grounded in user interviews of the existing system, focusing exclusively on UX-related aspects. This approach identified critical stages such as Login, Overview & Profile, Policies & Chatbot Assistance, Your Notes & Progress, Successful Learning, and Revisits. While the initial journey map captured the user experience within the old design, it revealed significant gaps, including the absence of Onboarding and Your Notes & Progress—essential for improving user engagement and productivity. These missing stages were carefully integrated into the revised journey map, particularly for the mobile app version, ensuring a user-friendly experience that addressed existing inefficiencies.

Each stage of the journey was meticulously analyzed for actions, thoughts, and feelings, balancing new joiner goals with broader employee objectives. For instance, the Policies & Chatbot Assistance stage was redesigned to provide role-specific clarity and AI-driven chatbot support for instant help. The Onboarding stage streamlined the initial login process, offering a guided, intuitive entry into the AVON system. Similarly, Your Notes & Progress allowed users to track their learning and revisit essential materials, empowering employees to learn at their own pace. These enhancements not only resolved existing challenges but also created a cohesive, goal-oriented experience, aligning user needs with organizational priorities and establishing AVON as a robust, engaging platform.

Product ecosystem mapping

Frame 1000003357.png
Frame 1000003356.png
Frame 1000003352 (1).png

The product ecosystem map strategically visualizes the interconnected components within the Kites portal, highlighting how internal and external user journeys are structured. Kites serves as a centralized platform hosting multiple systems, including AVON and the Diana chatbot, designed to streamline employee onboarding. The Kites Internal module provides access to mandatory policies and compliance tasks for new employees before they receive their official Allstate NTID (Network ID). This phase ensures a seamless pre-onboarding experience by leveraging intuitive information architecture and structured content. Once NTID credentials are generated, employees transition to Kites External, where they can complete advanced policy modules, fostering a logical and efficient progression.

With the integration of AVON Mobile, the ecosystem evolves to accommodate a mobile-first approach, enhancing accessibility and flexibility for users. Temporary IDs and passwords are issued to new employees, allowing limited access to essential policies before NTID generation, while full access becomes available post-credentialing. This design ensures a responsive and user-centric system, meeting the needs of employees across devices and scenarios. The ecosystem map emphasizes user flows, system dependencies, and modular scalability, ensuring a cohesive and efficient experience across all touchpoints. By aligning with UX principles, the map supports informed decision-making and enhances the overall onboarding journey.

The Octalysis framework

image 237 (1).png
Frame 1000003357.png
Frame 1000003352 (1).png

The AVON product leverages the Octalysis Framework to create a unique and engaging onboarding experience by emphasizing core drives like Scarcity, Empowerment of Creativity & Feedback, Epic Meaning & Calling, and Unpredictability & Curiosity. Scarcity is effectively utilized by limiting access to certain features or modules until users complete specific milestones, such as obtaining their NTID or completing foundational policies. This design not only builds anticipation but also drives user motivation to progress systematically. The incorporation of Empowerment of Creativity & Feedback is seen in features like Your Notes & Progress, allowing users to track their journey and revisit key materials. This self-directed learning approach gives employees autonomy and a sense of accomplishment, fostering deeper engagement.

Additionally, Epic Meaning & Calling positions AVON as a purposeful platform, emphasizing how the onboarding process aligns with the organization’s mission. By incorporating gamified elements such as badges for completed policies and milestone celebrations, AVON ensures that employees feel a significant connection to their role in the company’s success. Lastly, Unpredictability & Curiosity is woven into the design through dynamic chatbot assistance and interactive modules that reveal new layers of information or features as users progress. This unpredictability keeps users engaged and curious, making AVON a standout platform that transforms routine onboarding into an exciting, purposeful journey

Kites external website

Frame 213.png
Frame 217.png
Frame 218.png
Frame 214.png
Frame 215.png
Frame 216.png

The Kites Internal website is a comprehensive platform that facilitates the pre-onboarding journey for new employees, combining essential tasks with meaningful content. Beyond hosting mandatory policies and compliance modules, it also features a dedicated section that briefly presents Allstate’s rich history, key milestones, and values. This inclusion allows new joiners to gain a deeper understanding of the organization’s legacy while completing their onboarding requirements, creating a well-rounded introduction to the company.

In addition to Allstate’s history, Kites Internal offers structured access to pre-onboarding tasks, intuitive navigation, and temporary credentials to streamline processes before employees receive their official NTID. By blending functional resources with storytelling elements, the platform ensures that employees feel both informed and connected from day one. This thoughtful integration supports a seamless onboarding experience while emphasizing Allstate’s identity and cultural ethos.

Kites internal website

Landing page (1).png
Landing page.png
Module Page-1.png
Module Page.png
Module Page(Carousel).png
Landing page-1.png
Module Page-2.png

The Kites External website is designed to support employees post-onboarding, providing seamless access to advanced resources and tools. It hosts a comprehensive library of all company policies, ensuring employees can revisit critical information as needed for compliance and role-specific understanding. The platform is organized to simplify navigation, allowing employees to locate and review policy modules efficiently, fostering confidence in their responsibilities and processes.

Additionally, Kites External emphasizes a structured and user-friendly experience with features like progress tracking and reminders for pending tasks. This ensures that employees stay updated on essential compliance requirements while maintaining flexibility to access resources at their convenience. The platform complements the initial onboarding phase by providing continued support, enabling employees to adapt and excel in their roles while staying aligned with Allstate’s operational standards.

AVON modules

Frame 1827.png
Frame 1833.png
Frame 1830.png
Frame 1829.png
Frame 1831.png
Frame 1832.png
Frame 1834.png

Transport policy

hr01.png

Our shared purpose

hr02.png

Employee value proposition

hr07.png

Leave policy

hr03.png

Performance & career

hr04.png

Offerings

hr06.png

Allowances  & timelines

hr05.png

Dress code policy

IT 05.png

Software center

IT 04.png

Passphrases & VPN

IT 02.png

Media policy

IT 01.png

IT asset policy

IT 03.png

Office 365

About Allstate.png

History of Allstate

RnC.png

Risk & compliance

AVON modules

Frame 1853.png
Frame 1854.png
Frame 1855.png
Frame 1856.png
Frame 1857.png

User Journey Mapping

Frame 1000003355.png
AVON - Brainmap_2024-12-27_18-12-00 1.png

Mobile App design

Onboarding Anytime, Anywhere

  • Provides flexible access to onboarding materials on mobile.

  • Supports employees without immediate desktop access.

  • Enables seamless onboarding during commutes or offsite.

Enhanced Progress Tracking

  • Displays activity completion progress in a mobile-friendly format.

  • Shows visual onboarding milestones to keep users informed.

  • Helps users stay organized with a clear view of completed tasks.

Push Notifications for Updates

  • Instantly updates the app with newly added onboarding modules.

  • Ensures all modules are structured for easy navigation on mobile.

  • Streamlines the onboarding flow for timely completion.

On-the-Go Support with Diana 

  • Provides quick answers and guidance within the app.

  • Adapts to mobile-specific needs with easy interaction flows.

  • Ensures reliable assistance for remote and global employees.

Note-Taking and Sharing

  • Allows users to jot down key points during onboarding sessions.

  • Facilitates sharing of notes with team members or peers.

  • Provides access to shared notes for additional learning.

Seamless Module Resumption

  • Automatically saves progress when a module is paused.

  • Enables users to pick up exactly where they left off.

  • Ensures a smooth and efficient onboarding experience.

The newsletter design

NEWSLETTER.png
Frame 1858 (1).png

From a marketing perspective, launching a global internal newsletter on the Allstate Technology Center (ATC) page serves as a strategic move to capture attention across diverse employee bases. The newsletter, designed with visually engaging elements and compelling content, acts as a communication bridge to showcase the new onboarding product and Diana chatbot. By emphasizing the innovative features of the product, such as VR-enabled training, gamification, and seamless access to resources, the newsletter positions the onboarding solution as a transformative tool. Attention-grabbing headlines, success stories from initial adopters, and infographics are used to highlight the product's benefits, creating excitement and anticipation within the Allstate community. This approach not only increases awareness but also fosters a sense of pride among employees, driving engagement and adoption.

From a product management perspective, the newsletter serves as a launchpad for establishing a feedback loop critical for the product's global scalability. By embedding surveys, polls, and links for real-time user input, product managers can collect actionable insights to refine the onboarding experience. Highlighting Diana chatbot’s capabilities—such as addressing employee queries and offering personalized assistance—underscores its role in streamlining onboarding processes. The ATC page acts as a centralized platform for tracking engagement metrics, enabling the product team to measure success and identify areas for improvement. This integration of marketing and product management ensures that the onboarding solution gains visibility while aligning with Allstate's broader goals of innovation and employee satisfaction.

AVON - Brainmap_2025-01-10_11-22-59.png
AVON - Brainmap_2024-12-27_05-36-20 1.png
User interview
~ sessions 
User interview  ~sessions 

We conducted interviews with 15 participants over two monthly sessions, focusing on understanding their app usage and overall experience through targeted questions. The primary goal was to gather insights into user behavior and satisfaction.

Over a span of six months, user sessions were conducted each time a new module was released, with two sessions per release. These sessions provided valuable feedback on how users interacted with the modules, particularly focusing on the narrative flow and clarity of the content. By observing user behavior and gathering insights, we identified areas where policies needed to be simplified and made more concise, ensuring they were engaging and easy to comprehend. This iterative process enabled us to refine the modules to better meet user needs.

The feedback from these sessions directly influenced the design of subsequent modules, including breaking down policies into shorter, digestible segments. Each policy was accompanied by a focused four-minute activity to reinforce understanding, making the learning process interactive and effective. This approach not only enhanced user engagement but also ensured a consistent and user-friendly onboarding experience across all modules.

Survey results

Frame 1000003362.png
Frame 1000003361.png

Through surveys conducted using methods like NPS (Net Promoter Score) and SEQ (Single Ease Question), we gathered critical insights into user perceptions of the onboarding process. Many users highlighted the need to improve interaction smoothness, suggesting that the interface and navigation could be more intuitive to enhance the overall experience. Additionally, respondents expressed concerns about a lack of awareness surrounding the onboarding journey, emphasizing the need for clearer communication and structured guidance to ensure new hires feel supported. These findings revealed the gaps in user engagement and underscored the importance of refining the design to address these pain points effectively.

Another significant trend in the feedback was the call for a complete shift from physical to digital onboarding. Many participants noted the inefficiency and inconvenience of traditional methods, advocating for a seamless mobile-first approach. This feedback validated our focus on developing the mobile app as a comprehensive onboarding solution. Valuable comments also shed light on integrating interactive elements, like gamified activities and role-specific training, to make the process more engaging and memorable. These insights serve as a foundation for evolving the app to meet user expectations and deliver a superior onboarding experience.

The mobile app enhances the onboarding experience by offering flexible, on-the-go access to materials, ensuring employees can complete their training and tasks anytime, anywhere. It supports employees who may not have immediate desktop access, enabling them to engage with onboarding content during commutes or working remotely. Additionally, the app offers seamless progress tracking, allowing users to visualize completed activities and onboarding milestones, keeping employees organized and informed throughout the training process, without the need for external reminders.

Moreover, the integration of Diana Chatbot provides on-the-go support, allowing employees to quickly receive guidance and answers within the app. It is tailored for mobile-specific interaction, offering a user-friendly experience that works globally. The app also facilitates collaborative note-taking, where employees can jot down important points during sessions and share them with colleagues, fostering a collaborative learning environment. Lastly, the ability to resume modules from where they left off ensures a seamless experience, automatically saving progress and allowing employees to continue from the exact point they paused, making the learning journey efficient and uninterrupted.

Frame 1864.png
Frame 1863.png
Frame 1862.png
Frame 1868.png
Frame 1867.png
Frame 1870.png
Frame 1869.png
Frame 1871.png
Frame 1873.png
Frame 1876.png
Frame 1874.png
Frame 1872.png

The mobile app is designed to provide a flexible and seamless onboarding experience, accessible anytime and anywhere on both iOS and Android devices. It supports employees who may not always have access to desktops, enabling them to engage with onboarding materials during commutes or when working remotely. With features like real-time progress tracking, visual milestones, and instant updates for new modules, employees can stay organized and motivated throughout the onboarding process. Diana Chatbot offers immediate support, resolving queries efficiently, while collaborative note-taking allows users to jot down key points and share them with colleagues for enhanced learning.

Following Allstate’s Mesh Design System, the app ensures consistency and a seamless user experience across platforms. Distributed securely via Intune, it provides controlled access to the onboarding process. Features like module resumption allow users to pick up right where they left off, ensuring a smooth, uninterrupted experience. With easy access to updated policies, clear progress tracking, and real-time support, the app enhances the onboarding experience, empowering employees to engage and complete their tasks effectively, regardless of location.

Frame 1879 (1).png
Frame 1878 (1).png

The internal module design adopts minimal game features inspired by the Octalysis Framework, focusing on core drivers such as accomplishment and empowerment. By integrating basic game UX methods, the design encourages users to engage with the content through an intuitive click-and-proceed flow. This approach ensures minimal interaction complexity, making it suitable for users of all ages and tech proficiencies. Policies and compliance modules are broken into digestible segments with key takeaways highlighted for easy understanding. Gamified elements, such as progress bars, achievement badges, and milestone notifications, add a sense of accomplishment, helping users retain crucial information effortlessly.

The design incorporates immersive 3D models, scene creation, and 2D assets that I developed to enhance visual appeal and engagement. These assets were carefully crafted to align with the company’s design system, ensuring a cohesive user experience. Additionally, subtle animations and interactive visuals were used to reinforce understanding without overwhelming the user. By leveraging game UX principles like feedback loops and visual rewards, the modules ensure a smooth and rewarding learning experience. This thoughtful integration of gamification not only simplifies complex policies but also makes the onboarding journey memorable and effective.

Frame 1887.png
Frame 1888.png

The 2D UI assets for the in-game experience were developed using basic design system rules from Allstate’s website and mobile platforms. Despite the absence of predefined game design UI within the Allstate ecosystem, these assets were innovatively adapted to maintain consistency with the brand’s typography, color palette, and minimalistic design ethos. The in-game interface relied on basic shapes and clean layouts, ensuring a click-and-proceed interaction model. This approach simplified complex tasks into digestible, action-driven steps, aligning with the principles of user-first design and enabling users to navigate and complete activities effortlessly.

Leveraging the existing design framework, the UI incorporated game theory mechanics, like progress bars and straightforward choice pathways, to engage users while keeping interactions simple. The interface ensured accessibility across age groups by focusing on clarity and usability. By adapting Allstate’s minimalistic design guidelines for an interactive context, the game UI allowed users to interact with policies intuitively, using familiar visual cues. This innovation showcased how foundational web and mobile design principles could evolve to support an interactive, gamified experience.

Frame 1000003351.png
Frame 1000003348.png

The feedback received from employees about the onboarding modules highlighted their smooth, engaging, and highly convenient nature. Many users appreciated the ability to learn from home, making the process more adaptable to their schedules and comfort. Comments such as "great to learn from home – so much more convenient" underscored the accessibility and flexibility the product offered. The gamified approach stood out as a key success factor, with employees likening the experience to a "treasure hunt," making learning enjoyable while keeping them actively engaged. This innovative twist helped break away from traditional onboarding methods and infused excitement into learning about company policies and processes.

Employees also praised the modules for their informativeness and interactivity. Feedback like "interesting graphics" and "a good amount of information learnt sitting at our own location" reflected how well the modules balanced content depth with visual engagement. The gamification was frequently mentioned as a highlight, making the sessions far more appealing than conventional video tutorials. Users found the approach innovative, engaging, and more effective at holding their attention, reinforcing the value of integrating creative, user-centered designs into onboarding solutions. This positive reception validated the design strategy and opened the door for future enhancements to maintain and build upon this momentum.

Key learnings

Gamification is key

Gamification and minimal interaction design significantly improved user engagement and retention.

Mobile Accessibility Wins

Transitioning to mobile expanded accessibility, meeting diverse employee needs and enhancing flexibility.

Feedback Refines Design

Regular user sessions and feedback refined module narratives and improved user experience.

Collaboration Adds Value

Note-sharing and progress-tracking tools enhanced teamwork and personalized learning journeys.

Next steps

The next step is testing the dev-built mobile prototype with new joiners to ensure a seamless onboarding experience. Feedback will focus on navigation ease, clarity, and engagement of gamified modules. Insights from user testing will guide refinements, ensuring the app is intuitive, efficient, and ready for deployment.

bottom of page