OVERVIEW

Kaedim

In the summer of 2024, was contracted by Kaedim to identify usability concerns and redesign their AI 3D modeling platform. Focused on expanding their partnerships with game studios, Kaedim also requested designs for collaborative features that enhanced communication and team cohesion.

ROLE

UX Design Contractor

TIMEFRAME

4 Weeks in Summer 2024

TEAM

Ben-Jin N. - UX Designer
Cherise P. - 3D Designer
Ionna M. - Software Engineer

SKILLS

UX Design
Visual Design
Interaction Design

HIGHLIGHTS

A redesigned collaborative workspace and assets library system for 3D artists.

01. COLLABORATIVE KANBAN BOARD

02. REDESIGNED FOLDER CARDS

03. REDESIGNED ASSET LIBRARY

CONTEXT

A powerful 3D tool, with poor usability.

An efficiency problem.

Kaedim is an AI tool that generates 3D models from 2D images. While Kaedim boasts end to end asset production for asset production, the tool's usability falls short, lacking an intuitive userflow and features to streamline production chains.

04. KAEDIM ORIGINAL USERFLOW

Mapping out my timeline.

The deadline was four weeks. I accelerated the research and ideation phases by combing through documentation and user feedback to ensure my design prototypes were effective and ready for usability testing with Kaedim's partners.

04. CONTRACT TIMELINE

Delivering measurable impact.

By conducting a usability test and soft launching the redesign with a select group of partners, I gathered actionable insights that highlighted improvements in workflow precision, efficiency, and overall user satisfaction with Kaedim's userflow.

0

ASSET EFFICIENCY

0

ASSET DISCOVERY

0

WORKFLOW PRECISION

ANALYSIS

Small wins lead to big results.

The low hanging fruit.

My initial strategy focused on pinpointing friction points within Kaedim's original design to gather quick wins and restructure the information architecture.

I first analyzed the original designs to uncover key usability concerns, then proposed an updated user flow that streamlined actions and improved user comprehension.

PAIN POINTS

Kaedims's Creation Menu

PAIN POINTS

Kaedim's Asset Library

Identifying friction points.

Based on responses in Kaedim's feedback portal, I visualized Kaedim's current workflow to identify the main friction points within the platform.

Users are required to re-input their generation settings for every single asset creation, increasing workflow redundancy.

To view generations, users have to navigate to a separate page, resetting workflow progress.

The assets library has no organizational elements such as filters or search, forcing users to manually comb through their asset list.

The render queue is surfaced only in the assets library, forcing users to exit their workflow.

KEY USER BEHAVIOR

Users prioritize generating assets in bulk before moving to texturing and modeling.

Making sense of the mess.

Guided by user feedback and my analysis of the original pages, I identified three key usability concerns within Kaedim's tools.

DIFFICULT
NAVIGATION

INEFFICIENT
LAYOUT

POOR VISUAL
HIERARCHY

PROBLEM

A bottleneck in asset creation.

Shifting the platform's focus.

Based on my initial audit and feedback from developers, I discovered that users struggled with generating large volumes of assets due to the piecemeal workflow.

After I identified the main problem being workflow efficiency, I decided to restructure the userflow with an emphasis on efficiency, transparency, and collaboration for development teams.

PROBLEM STATEMENT

Kaedim's tedious navigation and friction points hinders team efficiency and collaboration.

Working within my constraints.

Tight Deadline

My contract deadline was within 4 weeks to stay on track with their project roadmap.

Existing Folder Functionality

Kaedim requested for me to design around their existing assets folder design.

Immature Component Library

Kaedim offered a limited component library, which led to adapting components creatively.

Mobile Considerations

My designs had to function well on mobile, since partnered studios generate assets on the go.

USER FLOW

Updating the userflow.

Removing the bottleneck.

Kaedim's original workflow faced significant bottlenecks when mass-generating 3D assets, with errors and subpar outputs requiring tedious trial-and-error. Users had to repeatedly re-input settings and go back and forth between pages.

I restructured the workflow to display generation results directly on the create page, allowing users to retain their settings and re-generate assets seamlessly.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Users can now add tags while generating to better organize mass asset creation.

Users can now preview generated models before exiting the generation page.

Users can view their render queue while generating, improving multi-tasking.

Assets with assigned tags populate in the designated folder when generated.

EXPLORE I

Accelerating the creation process.

Improving the visual hierarchy.

Since the create page had a lot of dense information, I decided to boost the overall readability of the design. I focused on breaking information into sections, emphasizing navigation elements, and regrouping related elements.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Included header for easier identification of location on platform.

Selection tabs for upload type to extend valuable workspace.

Back button to the creation menu to reduce backtracking.

Selection panel to switch asset type and tags for categorization.

Increasing workflow efficiency.

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.

TOGGLE SWITCH

DROP
DOWNS

RENDER QUEUE

Encouraging self-service.

A key challenge was reducing Kaedim's ticketing support, despite having an already robust self-service documentation. Since relevant documentation was already linked through the help cards, I decided the best way was to increase the visual importance and user engagement of the self-service cards.

I prioritized improving the card's visibility and readability, while strengthening categorization through clearer iconography.

V1.
Original Cards

Limited spacing increases cognitive load and deters engagement.

Unorthodox CTA placement leads to poor scannability of content.

V2.
Thumbnail Cards

Thumbnails help users easily scan self-service card content.

Increased cognitive load detracts from the main elements on the create page.

V3.
Expanded Cards

Introducing brand colors into iconography enhances visual cohesion.

EXPLORE II

Streamlining asset management.

Switching to vertical navigation.

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.

05.ASSET VERTICAL LAYOUT

Folders users can find.

To improve the scalability of the asset folders, I removed them from the global side navigation and moved them to the assets page. I also designed folder cards that surface a thumbnail of the most recent asset to improve identification.

06. FOLDER CARDS DESIGN SPECS

Always knowing where you are.

A major pain point was the need to re-navigate to the global navigation to remove or switch tags for folders. I iterated on components for users to exit a folder without having to navigate out of the asset page.

V1. BREADCRUMBS

Truncated folder names from limited spacing adds difficulty for users to identify location.

Unnecessary since Kaedim's folder structure allowed navigation only one level down.

V2. DISMISSABLE PILLS

Visually similar to tags with clear state representation to identify their location.

Interactive feedback allows users to directly interact with the pill to exit the folder.

EXPLORE III

An opportunity for collaboration.

Tracking team activity.

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.

07. TEAM ACTIVITY WIDGET

Introducing team folders.

Team members often download their generated assets to send to other artists. I designed shared folders for team workspaces for users to share assets without leaving the platform.

08. SHARED FOLDERS CAROUSEL

Visualizing the workflow.

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.

09. KANBAN TASK CARDS

USABILITY TESTING

Measuring effectiveness with partners.

Users prefer simpler cards.

I conducted A/B testing with 10 users on two self-service card designs to evaluate user engagement and clarity. My goal was to ensure the cards delivered sufficient information while minimizing cognitive load within the workflow.

VARIATION A

30% of users preferred

VARIATION B

70% of users preferred

10. TIP CARDS A/B TESTING

Detailed folders aid navigation.

Following my initial folder redesign, users reported difficulty recalling the assets in their folders due to improper tagging. To address this, I introduced a thumbnail displaying their most recent asset, providing clearer identification.

I tasked 10 users to tag 5 assets into separate folders and navigate to their third tagged asset, measuring their identification time and accuracy.

ORIGINAL

75% accuracy / 9.25 sec

UPDATED

90% accuracy / 5.4 sec

11. FOLDERS VISUAL UPDATE

Users prioritize speed.

I aimed to assess whether a dropdown menu asset categories reduces user backpedaling and improves efficiency compared to the original model of navigating to a separate settings page.

I tasked 10 users to first complete a generation model for a character prototype then switch to a game-ready model with similar generation settings.

FLOW A

1:25 task completion

FLOW B

0:33 task completion

12. GENERATION FLOW TESTING

FINAL DESIGNS

Putting it all together.

A Faster Creation Page

The final design of the creation page strengthens structure and visual hierarchy, optimizing space efficiency for both mobile and desktop usability.

Dropdowns enable quick asset type switching, minimizing user scrolling for faster input of generation models.

Kaedim's chatbot is now a minimized tab in the bottom right corner to avoid overlapping with the generate button.

CREATE MOBILE

CREATE DESKTOP

13. CREATE PAGE FINAL DESIGN

Organized Assets

The previous assets library relied on hover interactions to display asset information, which was ineffective for mobile. To improve usability, I designed a preview window that allows users to view and access asset features.

Previously, folders in the global navigation confused users by disrupting hierarchy. I replaced them with toggleable folder cards in the assets panel, that visualizes the latest asset.

I replaced Kaedim’s original horizontal panel system with a vertical layout, creating more space for assets and improving scrolling efficiency.

ASSETS MOBILE

ASSETS DESKTOP

14. ASSET PAGE FINAL DESIGN

Collaborative Workspace

I designed a shared team workspace that aligned with Kaedim's project roadmap. Using folder thumbnails and the new vertical layout from the asset library, this space allows team members to track activity, view members, and share assets seamlessly.

I designed a customizable, modular kanban task board to visualize team workflow progress, incorporating self-service card designs and iconography from Kaedim’s design system.

TEAM WORKSPACE

KANBAN BOARD

15. COLLABORATIVE FINAL DESIGNS

REFLECTION

Looking back on my process.

A Faster Creation Page

The final design of the creation page strengthens structure and visual hierarchy, optimizing space efficiency for both mobile and desktop usability.