0%

INITIALIZING_ENGINE0%

Loading

OrGrade Surgical

SaifUllahButt

Portfolio2026

Project Overview

Developed OrGrade Surgical’s digital shop, combining modern design with 3D interactive elements to showcase professional-grade medical instruments. The platform delivers an engaging and intuitive experience, allowing users to explore products with clarity and precision.

Coming Soon

  • PROJECT_TYPEE-commerce
  • ENTRY_YEAR2023
  • TARGET_PLATFORMWeb
  • PRIMARY_ROLEDesign & Development
DEPLOYED_TECHNOLOGIES
next Jsthree Jsr3FwebGl
gsapwoocommercewp HeadlessgraphQl
headless Cmstailwind Css
next Jsthree Jsr3FwebGlgsapwoocommercewp HeadlessgraphQlheadless Cmstailwind Css
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:CMFYECGL]
[ARCHIVE_REF:CMFYECGL]

The Challenge

The goal was to revolutionize the traditional B2B medical supply shopping experience. I aimed to combine a modern, highly intuitive e-commerce design with 3D interactivity, allowing medical professionals to explore professional-grade instruments with unprecedented clarity and precision.

The Solution

Integrated a headless WooCommerce backend via GraphQL with a lightning-fast Next.js frontend. To elevate the product exploration, utilized Three.js (R3F) and custom WebGL environments, allowing real-time 3D model manipulation without sacrificing the core e-commerce performance.
[ARCHIVE_REF:CMFYECGL]
OrGrade Surgical Responsive ViewOrGrade Surgical Responsive View

WD Motorsports

  • E-commerce
  • Design & Development

Built a modern e-commerce site for WD Motorsports using
Next.js and Strapi, complete with 3D product exploration.

WD Motorsports preview