In Summer 2024, I was contracted by Kaedim to work within their design system to redesign their 3D modeling platform, as well as design a collaborative workspace for their partnered game studios.
TEAM
Ben-Jin Ng - UX
ROLE
UX Design Contractor
SKILLS
UX, Visual, Interaction
TIMEFRAME
4 Weeks in Summer 2024
A redesigned collaborative workspace and assets library system for 3D artists.
Kaedim is a powerful AI tool that quickly converts 2D images into 3D models, but its usability falls short, lacking intuitive navigation to streamline larger production workflows.
A four week contract. I accelerated the research and ideation phases by combing through previous documentation and feedback to ensure design prototypes were ready for usability testing with Kaedim's partners in the final week.
By conducting a usability test and soft launching the redesign with a select group of partners, we gathered actionable insights that highlighted significant improvements in workflow precision, efficiency, and overall user satisfaction within Kaedim's platform.
My initial strategy focused on pinpointing quick wins within the original design to boost efficiency, setting a foundation before tackling collaborative improvements.
I analyzed Kaedim's original pages to uncover usability issues and pain points, then proposed a refined design to enhance visual hierarchy and improve user comprehension.
Guided by developer feedback and my analysis of the existing pages, I identified and focused on three key usability concerns within Kaedim's platform.
I analyzed responses in Kaedim's feedback portal and their workflow to understand the main friction points within the platform.
Users are required to re-input their generation settings for every single asset creation, increasing workflow redundancy.
In order to view generated assets, users have to navigate to a separate page, resetting their workflow progress.
The assets library has no organizational filters, forcing users to manually comb through their library.
The render queue is surfaced only in the assets library, forcing users to navigate out of their workflow.
Users prioritize generating assets in bulk before moving to texturing and modeling.
Many studios struggled to generate large volumes of assets efficiently due to the piecemeal workflow.
The decision was made to update Kaedim's existing workflow. I focused on improving the workflow through efficiency, transparency, and collaboration for development teams.
Kaedim's tedious navigation and friction points hinders team efficiency and collaboration.
My contract deadline was within 4 weeks to stay on track with their project roadmap.
Kaedim requested for me to design around their existing assets folder design.
Kaedim offered a limited component library, which led to adapting components creatively.
My designs had to function well on mobile, since partnered studios generate assets on the go.
Kaedim's original workflow faced significant bottlenecks in mass-generating 3D assets, with errors or subpar outputs requiring tedious trial-and-error. Users had to repeatedly re-enter settings and leave the page to review results.
I redesigned the workflow to display generation results directly on the create page, allowing users to retain their settings and re-generate assets seamlessly.
Users can now add tags while generating to better organize mass asset creation.
Asset generation now allows users to preview generated models before exiting the page.
Users can view their render queue while generating, improving multi-tasking.
Assets with assigned tags populate in the designated folder when generated.
Enhancing the overall readability of Kaedim's platform. I focused on rearranging navigation, updating the visual hierarchy, and regrouping key elements.
Included header for easier identification of location on platform.
Added selection tabs for upload type to extend valuable workspace.
Designed a back button to the creation menu to reduce backtracking.
Selection panel within the creation page to quickly switch asset type.
Boosting asset production efficiency. I focused on surfacing relevant asset information for streamlined multi-tasking and implemented dropdowns and toggle switches to conceal irrelevant features.
A key challenge was reducing Kaedim's ticketing support. I decided the best way was to enhance engagement with self-service help cards.
I prioritized improving card visibility and readability while strengthening categorization through clearer iconography.
Limited spacing increases cognitive load and deters engagement.
Unorthodox CTA placement leads to poor scannability of content.
Thumbnails help users easily scan self-service card content.
Increased visual noise detracts clutters the overall page.
Expanded spacing and icon size increases scannability of content.
Introducing brand colors into iconography enhances visual cohesion.
Kaedim's original designed used a horizontal layout to segment the preview section from the assets grid.
I switched the layout to side navigation to align with Kaedim's global navigation. I also included a list view to improve scrollability when locating assets.
In order to improve the scalability of Kaedim's asset folders, I removed them from the global side navigation, and placed them within the assets page within a toggle switch. The folders have a preview of the most recent asset in order to improve asset identification within folders.
A major pain point was the need to re-navigate to the main asses page to remove filter tags in folders. I added the ability to exit out of the folder without having to leave the assets page.
Truncated folder names due to limited space made it hard for users to identify their location.
Unnecessary since Kaedim's folder structure allowed navigation only one level down.
Visually similar to tags with clear state representation for users to identify their location.
Interactive feedback, allowing users to directly interacte with the pill to exit the folder.
A major problem was teams constantly generating identical assets due to a lack of communication among teams. Since collaborative features was in Kaedim's development pipeline, I included a team activity tracker that was surfaced in teams' dedicated workspace.
Team members often download their generated assets to send to other artists who have more bandwidth. I introduced shared folders within team workspaces so assets can be shared seamlessly without leaving the platform.
3D development often has a pipeline with specialized individuals for each step. To increase collaboration efficiency, I designed a Kanban board, where users can customize their workflow pipeline and connect their tasks to shared folders.
Kaedim is a powerful AI tool that quickly converts 2D images into 3D models, but its usability falls short, lacking intuitive navigation to streamline larger production workflows.
Kaedim is a powerful AI tool that quickly converts 2D images into 3D models, but its usability falls short, lacking intuitive navigation to streamline larger production workflows.
Kaedim is a powerful AI tool that quickly converts 2D images into 3D models, but its usability falls short, lacking intuitive navigation to streamline larger production workflows.