iStaging VR Maker
Re-Designing Web-based VR Maker ViewerCompany
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
Simplified Interface: A cleaner, more minimalist design with a focus on core functionality.
Improved Navigation: A more intuitive navigation structure to help users find what they need.
Enhanced Performance: Optimized performance for faster loading times and smoother interactions.
Improved Navigation: A more intuitive navigation structure to help users find what they need.
Enhanced Performance: Optimized performance for faster loading times and smoother interactions.
ResearchUser Interviews
![]()
Competitive Analysis
![]()
Information Architechture
![]()
Visual Design System
![]()
Competitive Analysis
Information Architechture
Visual Design System
Key Design Changes - Viewer
- Revamping the navigation tool to improve usability by separating the functions of "navigating the space" and "viewing information" into different sections.
- Eliminate unnecessary features and streamline the navigation process to reduce user effort.
- Redesigning the visual interface to ensure it aligns with a variety of brand aesthetics, providing a consistent and professional look and feel.
- Adding New Functions: Deco AI & Series
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.