UX/UI designer | 2022-2024 | Web app | SaaS product | UX/UI design
Swyvl is a web-based SaaS platform that allows users to build, share and control 3D spaces by importing 3D content and combining it with data from various sources.
Swyvl targets solo or small team marketers seeking an accessible way to explore 3D technology and engage in DIY projects.
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.
Focusing on building a SaaS platform that enables users to create 3D model viewers for their website. Build, share, and control in one place.
Our focus is to make 3D spaces collaborative and user-friendly, allowing everyone and everything to be seamlessly integrated into 3D environments.
%201.png)
• Designed to facilitate collaboration, allowing multiple users to work together to build and modify 3D spaces
• Manage content in one place, share between multiple projects and teams
• Integrate data from different sources
• Embed 3D models onto your website and view them using Augmented Reality
• Build 3D spaces using satellite, plane, drone, or illustrated maps as the base layer, and add additional data points through hotspots
Feel free to check out the product demo by clicking the link below:
*Swyvl project dashboard & builder view
By late 2025, Swyvl’s active user base had expanded globally. Below is an “Active users by country” snapshot from Google Analytics.
The founder and CEO of Swyvl, Alex, was pleased with the work and shared the feedback below.
Emma is a very talented UI/UX designer and all of her work has been outstanding, and we are truly fortunate to have her on our team. Emma's dedication to excellence, user-centric approach, creativity, efficiency, and a collaborative spirit make her a key asset to our team. We look forward to continuing to work with her." - Alex
Internal team feedback from sprint retrospectives
"Emma's designs made it easy to do"
"Emma's UI design of the Builder was really quick"
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.
*Swyvl team's Miro board and Slack channel
Before I joined the team, we already had the initial functional version of the app; then, we were seeking a UI refresh to enhance its aesthetics, usability, and alignment with the design system and brand.
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.
After the requirement meeting and discussions, I conducted research and expanded the checklist to include additional metrics that would be beneficial for our users. Below are the checklists I compiled:
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.
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.
Below is the 3D object configuration user flow：
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.
*Sidebar component variants
The complexity of organisation settings introduced challenges in designing role-based experiences (owners, admins, and collaborators) while keeping information clear and structured.
*Adding a new member to the organization user flow
Click the video below to watch the product demo.
The Swyvl builder lets users upload and organise diverse spatial data — including photos, plans, linework, and 3D models — into a single interactive workspace, enabling configurable virtual site views and efficient team access.
*Swyvl builder view - data tools dropdown
*Swyvl builder view - add 360 image modal & connection mode
*Swyvl builder view - view and edit 360 image in different mode
*Swyvl builder view - sidebar menu to manage data
*Swyvl builder view - collaboration/multi-user design mockup
Click the video below to watch the product demo.
It was a phase one task when I joined the team at 2022. 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:
I created a style guide and component library that became a useful reference for both product and engineering teams — it was printed and kept on the office wall.
To improve file organisation and streamline handover, I used colour-coded Figma covers and labels to surface key information at a glance.
*Swyvl Figma project folder (shipped design files)
Focus on improving hand-off for better outcomes.
Strengthen communication with developers.
Take a proactive approach during the early stages of discussions.