Ottava™ Surgical Robotic System

Live Site

SaifUllahButt

Portfolio2026

Project Overview

The Ottava™ Surgical Robotic System is a high-fidelity WebXR/WebVR Progressive Web Application built for Johnson & Johnson (J&J). It serves as a state-of-the-art interactive simulation platform, enabling surgeons and medical professionals to engage in rigorous, browser-based VR training environments. By bringing complex surgical robotics into a highly accessible web application.

This project's all rights reserved to Groove Jones.

Live Site
  • PROJECT_TYPESimulation-based Training
  • ENTRY_YEAR2026
  • TARGET_PLATFORMWeb | AR | VR | XR
  • PRIMARY_ROLEWebXR Development
DEPLOYED_TECHNOLOGIES
reactwebGlthree Jsr3F
webXrarVrglsl Shadersrive
zustandgsapframerMotionhowler
reactwebGlthree Jsr3FwebXrarVrglsl ShadersrivezustandgsapframerMotionhowler
COLOR_PALETTE

Project Walkthrough

A closer look at the finer details of this case study. Explore the core features,
thoughtful design decisions, and interactive moments that shape the user experience.

[ARCHIVE_REF:CMPYAI7N]
[ARCHIVE_REF:CMPYAI7P]

Project Overview

An immersive WebXR/WebVR Progressive Web Application built for Johnson & Johnson. The Ottava™ simulation platform enables surgeons and medical professionals to engage in state-of-the-art interactive training. It faithfully replicates the tactile experience and intricate controls of actual surgical instruments in a frictionless, browser-based environment.

Key Contributions

I focused on driving core XR mechanics and performance. This included profiling and optimizing VR controller interactions to prevent motion sickness, developing complex 3D world-space user interfaces, and ensuring the application maintained flawlessly high frame rates (FPS) across both standalone headsets and modern devices.
[ARCHIVE_REF:CMPYAI7Q]

Mindset Of Success

  • Mindset Coach
  • Design & Development

A personal empowerment coaching site, built with Next.js,
GSAP, and Stripe for seamless course enrollment.

Mindset Of Success preview