OVERVIEW

Kaedim

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

HIGHLIGHTS

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

Collaborative Kanban Board

Redesigned Folder Cards

Redesigned Assets Library

CONTEXT

A powerful 3D tool, with poor usability.

An efficiency problem.

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.

Mapping out my timeline.

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.

Delivering measurable impact.

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.

0

ASSET EFFICIENCY

0

RESOURCE SHARING

0

WORKFLOW PRECISION

ANALYSIS

Small wins lead to big results.

The low hanging fruit.

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.

PAIN POINTS

Kaedims's Creation Menu

PAIN POINTS

Kaedim's Asset Library

Making sense of the mess.

Guided by developer feedback and my analysis of the existing pages, I identified and focused on three key usability concerns within Kaedim's platform.

DIFFICULT
NAVIGATION

INEFFICIENT
LAYOUT

POOR VISUAL
HIERARCHY

Identifying friction points.

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.

KEY USER BEHAVIOR

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

PROBLEM

A bottleneck in asset creation.

Shifting the platform's focus.

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.

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

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.

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.

EXPLORE GENERATION

Accelerating the creation process.

Improving the visual hierarchy.

Enhancing the overall readability of Kaedim's platform. I focused on rearranging navigation, updating the visual hierarchy, and regrouping key elements.

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

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.

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

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 visual noise detracts clutters the overall page.

V3. EXPANDED CARDS

Expanded spacing and icon size increases scannability of content.

Introducing brand colors into iconography enhances visual cohesion.

EXPLORE ASSETS

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.

Folders that scale.

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.

Always knowing where you are.

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.

V1. BREADCRUMBS

V2. DISMISSABLE PILLS

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.

EXPLORE TEAMS

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.

Introducing team folders.

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.

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.

USABILITY TESTING

Measuring effectiveness with partners.

Users prefer simpler cards.

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.

Detailed folders aid navigation.

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.

Users utilize shared resources. 

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.

FINAL DESIGNS

Putting it all together.

LOADING