Copilot Designer enables users to effortlessly create custom XR simulations with no coding. Users can collaborate in real-time, publish to XR/2D devices, integrate with an LMS, and access real-time skills analytics. Under my leadership, the design team transformed this tool from a beta desktop version into a user-friendly web application.
Team & Collaborators
2 UI/UX Designers
UI/UX Lead
Full Stack Developer
Frontend Developer
QA Engineer
DevOps Engineer
LMS Integration Specialist
Project Manager
Product Manager
Learning Science Expert
The problem
The beta version of Copilot Designer, a tool for authoring immersive learning experiences, was facing following challenges:
With minimal design input, the tool’s developer-driven approach led to an inconsistent interface and unintuitive user experience.
The tool’s desktop-only setup made it hard to use for all roles, showing the need for a more accessible web-based version.
Poorly integrated with the broader Talespin ecosystem (platform fragmentation, inconsistent UX patterns)
Opportunity
Traditional XR simulation development requires coding expertise, limiting accessibility and slowing progress. Copilot Designer addresses this by enabling no-code creation, real-time collaboration, cross-device publishing, and seamless LMS integration with real-time analytics. While the initial beta saw limited adoption, the tool was ported to the web, allowing the design team to significantly enhance usability.
Context & Constraints
The project faced significant challenges, including migrating a desktop application to a web-based platform while simultaneously redesigning the user experience. Additionally, the authoring web app needed to seamlessly integrate into a broader ecosystem, connecting key platforms such as the authoring tool, publishing tool, admin tools, learning management system, and learner’s portal.
User Roles
User Flow
Information Architecture
Wireframes
Product Design
Process of the Product Redesign
Audited the previous version to assess functionality and design effectiveness
Identified key usability pain points impacting user experience
Conducted stakeholder interviews to align design with business objectives
Uncovered technical limitations and integration challenges
Proposed an optimized layout to improve usability and performance
Usability Audit of the Previous Version
In effort to improve usability of the beta version, the team conducted design audit and usability testing. The focus of the usability testing were following areas:
1. Visibility: Is the user able to see the result of their actions?
2. Control + Freedom: Does the user have intuitive defaults, undo, and exit options?
3. Error Prevention: Is the user given options to avoid mistakes?
4. Flexibility: Are the advanced tasks fluid and efficient?
5. Error Recovery: Is the user able to recognize, diagnose, and recover from errors?
6. Mapping: Between the system and the real world, familiar metaphors and language are used.
7. Consistency: The same interface and design language is used throughout the product
8. Recognition: Cognitive load is being minimized by making information easy to discover
9. Minimalism: Is only the necessary information provided? Is it provided elegantly?
10. Help: Are proactive and in-place hints provided to guide the users?
