#eyeroll#eyeroll






iStaging VR Maker

Re-Designing Web-based VR Maker Editor


VR Maker is a versatile platform designed to stitch panoramic images and edit content. It offers a suite of tools for viewing and editing panoramic content, providing users with a seamless experience to create and manage immersive visual experiences.



Company
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.



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.


Research
User Interviews



Competitive Analysis



Information Architechture




Visual Design
System


Key Design Changes - Editor

  1. Restructure the sitemap and navigation to improve user findability. 
  2. Establish a new design system to streamline the development process. 
  3. Reimagine the layout and user experience for complex features. 
  4. Implement clear instructional notes to enhance user understanding of function controls.


Key Design Changes - Tags and Marker Editor
  1. Modernizing the popup screen design 
  2. 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:
  • 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.





︎ 2024 ︎ Secret Playground︎