iStaging VR Maker
Re-Designing Web-based VR Maker EditorCompany
iStaging Crop.
Type
Web CMS Editor, Web Viewer
Role
UX/UI Designer, R&D
Team
Platform Director | Web Tsai
Technical Manager | Jerry Liao
Product Manager | Jafee Cho
Timeline
July 2024 - Current
Tool
Figma, Jira, After Effects
The Problem
The VR Maker platform, originally designed for B2B use, has evolved over the past eight years to include additional features based on customer requests and rapid development timelines. This rapid growth has resulted in a user experience that is complex, confusing, and difficult to navigate.
The SolutionTo address these issues, we propose a comprehensive redesign of the VR Maker platform, focusing on improving usability and user experience.
This redesign will involve:
User Research: Conducting user interviews and surveys to identify pain points and gather insights into user needs and preferences.
Competitive Analysis: Analyzing competing platforms to identify best practices and opportunities for differentiation.
Information Architecture: Developing a clear and intuitive information architecture to organize content and features.
User Interface Design: Creating a visually appealing and user-friendly interface that is consistent across all devices.
Expected Impact
By implementing these design improvements, we expect to achieve the following: Increased User Satisfaction: A more enjoyable and efficient user experience.
Improved User Adoption: Easier onboarding and reduced learning curve.
Enhanced Brand Perception: A more professional and modern brand image.
Higher User Retention: Increased user loyalty and engagement.
The VR Maker platform, originally designed for B2B use, has evolved over the past eight years to include additional features based on customer requests and rapid development timelines. This rapid growth has resulted in a user experience that is complex, confusing, and difficult to navigate.
The SolutionTo address these issues, we propose a comprehensive redesign of the VR Maker platform, focusing on improving usability and user experience.
This redesign will involve:
User Research: Conducting user interviews and surveys to identify pain points and gather insights into user needs and preferences.
Competitive Analysis: Analyzing competing platforms to identify best practices and opportunities for differentiation.
Information Architecture: Developing a clear and intuitive information architecture to organize content and features.
User Interface Design: Creating a visually appealing and user-friendly interface that is consistent across all devices.
Expected Impact
By implementing these design improvements, we expect to achieve the following: Increased User Satisfaction: A more enjoyable and efficient user experience.
Improved User Adoption: Easier onboarding and reduced learning curve.
Enhanced Brand Perception: A more professional and modern brand image.
Higher User Retention: Increased user loyalty and engagement.
Key Design Direction
Modern Design System: A consistent design system to ensure a cohesive and professional look and feel.
New Features: Introduction of innovative features like "Deco AI" and "Series" to enhance creativity and productivity.
Improved Workflow: A streamlined workflow to reduce user effort and increase efficiency.
Single Sign-On (SSO): Integration of SSO for a seamless user experience with other company products.
Enhanced Marker Editor: A more powerful and flexible marker editor for precise content placement.
Modern Design System: A consistent design system to ensure a cohesive and professional look and feel.
New Features: Introduction of innovative features like "Deco AI" and "Series" to enhance creativity and productivity.
Improved Workflow: A streamlined workflow to reduce user effort and increase efficiency.
Single Sign-On (SSO): Integration of SSO for a seamless user experience with other company products.
Enhanced Marker Editor: A more powerful and flexible marker editor for precise content placement.
Research
User Interviews
Competitive Analysis
Information Architechture
Visual Design System
User Interviews
Competitive Analysis
Information Architechture
Visual Design System
Key Design Changes - Editor
Key Design Changes - Tags and Marker Editor
- Restructure the sitemap and navigation to improve user findability.
- Establish a new design system to streamline the development process.
- Reimagine the layout and user experience for complex features.
- Implement clear instructional notes to enhance user understanding of function controls.
Key Design Changes - Tags and Marker Editor
- Modernizing the popup screen design
- Reorganizing functionality and optimizing editor layout
Results, Outcome, and Insights
User Satisfaction
Users have expressed enthusiasm for the new editor and viewer, particularly appreciating the specific features or improvements, e.g., streamlined workflow, intuitive interface, enhanced performance.
Increased Engagement
Users spent more time exploring and interacting with virtual content compared to traditional 2D screens.
New Use Cases
The successful launch of the new editor and viewer has unlocked a range of new possibilities for VR Maker:
Insights for Future Development
User Satisfaction
Users have expressed enthusiasm for the new editor and viewer, particularly appreciating the specific features or improvements, e.g., streamlined workflow, intuitive interface, enhanced performance.
Increased Engagement
Users spent more time exploring and interacting with virtual content compared to traditional 2D screens.
New Use Cases
The successful launch of the new editor and viewer has unlocked a range of new possibilities for VR Maker:
- Expanded Market Segments: The enhanced capabilities have opened doors to new industries and use cases.
- Advanced Content Creation: Users are exploring more complex and creative projects, leveraging features like AI-powered tools and advanced editing capabilities.
- Collaborative Workflows: Teams are collaborating more effectively on projects, utilizing features like real-time editing and version control.
Insights for Future Development
- Performance Optimization: Continue to optimize the platform for smooth performance, especially when handling large projects or complex scenes.
- Accessibility: Prioritize accessibility features to ensure the platform is usable by a wider range of users, including those with disabilities.
- Cross-Platform Compatibility: Ensure seamless compatibility across different devices and platforms, including VR headsets and mobile devices.