Osteoid


Roles: Senior Graphic Designer, Graphic Designer

Responsibilities: Print & Digital, Branding, UI icon design, Creative Direction, Splash Screens, Packaging, Visual Design, Product Photography, Motion, Copywriting

Tools: Photoshop, Illustrator, InDesign, InVivo, Miro, Basalmiq, Claude

In 2020 Anatomage split into two companies. Anatomage remained focused on medical education technologies while Osteoid focused on Anatomage's dental products and services. While at Anatomage I was involved with updating the UI/UX for Invivo, a 3D software for dentists and surgeons. I was also part of the marketing and development for their dental products like Guide, 3DS, and Cloud based services.

I also helped with improving the internal login pages doctors used to order Guides, and manage their patient files and cases. It's sensitve and confidential information but I will show you what I can and my thought process for how we changed it.

Osteoid Dashboard

UI/UX Case Study


I redesigned a clinical, web-based dashboard for dental surgeons and implant specialists to upload patient data, order surgical guides, and coordinate files with Osteoid Inc. The tool simplifies a once clunky, multi-step workflow into an intuitive, step-based digital interface.

Context & Problem

The Challenge:
Design a modern, easy-to-use dashboard that allows doctors to:

  • Submit new cases in a guided workflow

  • Upload patient CT and stone model files

  • Purchase related products (drill kits, etc.)

  • Track case progress and statistics

  • Compatible with current internal CMMS

Research

Methods:

  • Competitive analysis of similar dental and medical dashboards

  • Heuristic evaluations of current outdated workflows

  • Discussions with internal product team and support staff

Insights:

  • Doctors value speed and clarity over visual flair

  • Many users are not tech-savvy — the UI must be obvious

  • File upload is the most sensitive and error-prone step

User Personas

Dr. Jessica Nguyen – Oral Surgeon

  • Goals: Upload cases quickly between patients, avoid errors

  • Pain Points: Confused by non-linear processes, hates re-uploading files

Dr. Mateo Ruiz – Implantologist

  • Goals: Wants a central place to review all past and current cases

  • Pain Points: Poor customer support in previous solutions, no file confirmation

Information Architecture

Primary Navigation (Sidebar):

  1. My Profile

  2. My Cases

  3. Create New Case (4-step process)

  4. Statistics

  5. Search

  6. Purchase Drill Kits

  7. Support & Help

User Flow for "Create New Case":

  • Step 1: Patient & Doctor Info

  • Step 2: Prescription (Implant site, notes, guide type)

  • Step 3: Quick Case (optional)

  • Step 4: File Upload (CT, models, planning files)

Guide Production Work Flow Overview

Osteoid Dashboard Flowchart

Wireframing & Mockups

I started with low-fidelity wireframes in Basalmiq, focusing on sidebar structure and content hierarchy. The aim was to focus only on bare essentials for clarity and ease of use.

Key Concepts:

  • Fixed sidebar with icon + text

  • Progress bar across top of "Create New Case" steps

  • New progress status bar in the “Case List” and “Case Page”

Feedback

  • Internal reviews with clinical advisors and support/lab tech teams

  • Identified confusion around Quick Case vs. Regular Case

  • Improved file upload area with clearer instructions and drag/drop zone

Next Steps:

  • Prototyping and handoff to devs

  • Admin tools for internal support team

  • Automated notifications for file confirmations

  • Cloud integration and Web viewer for patient DICOM files

Summary

The Osteoid Dashboard project aimed to simplify the surgical guide ordering process, which had become complex for both doctors and internal teams. The redesigned interface focused on three major improvements:

  1. Linear Workflow with Progress Indicators
    A step-by-step case creation flow with clear visual status icons helped reduce confusion and ensured doctors always knew where they were in the process.

  2. Improved File Upload Experience
    A redesigned file upload section introduced drag-and-drop functionality and clearer instructions, addressing one of the most error-prone parts of the previous workflow.

  3. Modern, Clinical Visual Design
    The clean and structured interface replaced the outdated layout, aligning with user expectations in a clinical setting and increasing overall usability.

Future Consideration:
A key opportunity for future development is the integration of Osteoid’s internal CMMS tools used by support and lab staff. This would allow for tighter coordination between external users and internal teams, reducing turnaround time and minimizing delays caused by fragmented systems.

Previous
Previous

Anatomage

Next
Next

Chuck Meyer