The current software solutions for 3D technology are inadequate to meet the growing demands

Many industries are witnessing a rising demand for 3D technology, especially in showcasing products and commercial spaces using AR and VR devices. However, the existing software options for creating such 3D spaces are either overly complicated or insufficient, hindering collaboration and resulting in complex projects that are difficult to build, share, and control.

Phase 1: Every website with a 3D model viewer.
Focusing on building a SaaS platform that enables users to create 3D model viewers for their website. Build, share, and control in one place.

Phase 2: Everyone and everything in 3D spaces.
Our focus is to make 3D spaces collaborative and user-friendly, allowing everyone and everything to be seamlessly integrated into 3D environments.

Swyvl version 1.0 performed exceptionally, with increased users since launch. We continue to enhance it to reach the next level, and the future of this product looks promising, especially after phase 2.
‍
Alex, co-founder of Lateral Vision, provided the following feedback:

How we work: standard tech company work flow

• Agile SDLC Methodology
• Customized Daily Stand-up (Weekly Stand-up for my role)
• Communication on Slack
• Collaboration on Miro and Figma
• Project Management on ClickUp
• Documentation on Notion
• Resource Management on Google Drive
• Meetings on Google Meet

In terms of design, I typically handle two types of workflow: Wireframe → Revision → UI, and Existing product → Revision → UI.

To establish the brand formally, we needed a comprehensive branding guide. At the time, we only had a logo and a color palette. Here is the branding guide I created using Figma:

The previous site required an update, particularly the 3D viewer, to make a more appealing impression on visitors browsing the landing page. Enhancing the viewer's presentation would generate interest in trying the Swyvl app, as it appeared rather plain and could benefit from improvement.

We decided to adopt a simplistic, modern, and white background style for the new design

After analyzing the issues with the existing design and incorporating the new content and layout discussed with the team, I conducted research on UI inspiration. As a result, I created a mood board section to gather and present design ideas and visual references.

At Phase 1, we already had the initial functional version of the app for some features; then, we were seeking a UI refresh to enhance its aesthetics, usability, and alignment with the design system and brand.

Swyvl Analytics

A comprehensive screen for data visualization, empowering both Admins and clients to analyze projects and user behavior. Admins can gain insights into user data, while clients can analyze their 3D projects' performance.

Drawing inspiration from products like Google Analytics and Publer, I efficiently crafted high-fidelity wireframe versions by leveraging the design system and Figma community resources.

Collaborating with our developer, I conducted research and chose to use Material Design for our project.

During a team review wireframe session, our developers estimated task difficulty and shared a list of resources. After research, Material Design emerged as the best option with abundant resources (for both design and development) and suitable chart options.

3D configuration

Following a similar approach, I designed the 3D configuration UI for clients' websites to display 3D content. The configurator allows users to customize objects (e.g., colors, materials, shape, etc.) and interact with the 3D model, including AR functionality.

Transitioning to phase 2, our focus is on elevating Swyvl through enhanced collaboration. With multiple users, organizations, and workspaces, significant changes are necessary. Below is the new sidebar design to accommodate these advancements.

Style guide + components library