Interactive 3D Product Manual
Turn product documentation into an interactive 3D experience.
Interactive 3D Product Manual is INTR’s approach to presenting product information through an interactive 3D experience. It overlaps with terms such as 3D technical documentation, 3D work instructions, and digital manuals, especially when users need to understand assembly, operation, service, or maintenance through the product itself.
Related industry terms: 3D technical documentation · 3D work instructions · digital manual · interactive technical documentation
Full demo
AP Technologies
Interactive 3D Catheter Product Series
Built for AP Technologies · medical catheters
Project overview
An interactive 3D product series built for AP Technologies, a medical catheter maker. Four separate catheter products — Steerable Sheath, Micro Catheter, Tapered Catheter and Guide Catheter — each run as its own browser-based 3D experience. The product model turns slowly on a full-window stage; click a scene hotspot and the camera moves in to that part while a page of real product copy opens beside it. On the Steerable Sheath, a control wheel at the lower left drives the catheter tip from 0° to 260° of deflection by press-and-drag, with the current angle shown live on screen. Every product carries its own hotspots and its own named features, and all four run in the browser without a plugin or a download.
The four products in this series
-
-
-
-
What an interactive 3D catheter product series is
Give customers a clearer way to explore products, understand components, and follow how they work — directly in the browser.
A digital manual should make the information easier to find and understand. Instead of asking users to move between long documents and static diagrams, an interactive 3D manual can connect the product, its components, and the relevant instructions in one browser-based experience. Users can inspect the product, identify parts, and follow selected assembly or maintenance guidance in the language they need.
How buyers use it
- 01
Users answer their own questions on the model instead of searching a PDF.
- 02
Assembly and service steps are followed in 3D, in the order they actually happen.
- 03
One model carries every language — the translation lives in the content, not in print.
- 04
The part a user points at is the part they are told about.
What we built — in this project
- Four separate catheter products shipped as four standalone browser experiences — Steerable Sheath, Micro Catheter, Tapered Catheter and Guide Catheter
- Full-window 3D stage — the catheter model keeps a slow continuous rotation and can be orbited by dragging
- Scene hotspots drive navigation: clicking a hotspot on the 3D model moves the camera to that part and opens its product page — verified hotspot by hotspot on all four products (3 + 1 + 2 + 3 = 9 hotspots)
- A control wheel steers the catheter tip — press and drag the wheel on the Steerable Sheath to deflect the tip continuously from 0° to 260°, with the live angle shown on screen
- Each product page carries its own named feature copy — "Designed for Precise Navigation", "Enhanced Stability" and "1:1 Torque Response" on the Steerable Sheath; "Superb Flexibility" on the Micro Catheter; "Marker Band" and "Tapered Bonding" on the Tapered Catheter; "Soft Bumper Tip", "Reinforced Structure" and "Reliable Hub" on the Guide Catheter
- A close control on every page returns the experience to the product overview, and each product opens straight from its own single link
How the experience works
- 01
Content audit
We map every chapter of your existing manual to 3D interactions.
- 02
3D model & animation
Models built or converted; assembly and maintenance steps animated.
- 03
Manual platform build
Search, annotation and language system built and localized.
- 04
Publish & maintain
Deploy on the web or in-app, with content updates managed within the project's established content and deployment workflow.
What we can build for you
These are capabilities INTR can customise and build for your product — they are not a claim that every one of them appears in the project above.
- 01
Interactive 3D Product Documentation
- 02
Component Exploration
- 03
Exploded & Assembly Views
- 04
Guided Product Walkthroughs
- 05
Interactive Hotspots
- 06
Technical Product Visualization
- 07
Browser-Based 3D Manuals
- 08
Responsive Desktop and Mobile Experiences
Typical situations
- Automotive (owner & workshop manuals)
- Machinery & equipment
- Electronics & appliances
- Furniture (assembly guides)
- Medical devices
Technical notes
Three.js / WebGL · glTF / GLB · i18n framework · PDF/PNG export · Static hosting
Project fit & delivery
- Who this is for
- For product brands and manufacturers whose products contain multiple components, parts, features, or usage steps that are easier to understand through interactive visual guidance.
- Typical project inputs
- Typical project inputs include product specifications, existing manuals or diagrams, product imagery, step-by-step instructions, component information, brand guidelines, and existing 3D assets or visual references when available.
- Integration
- The interactive manual can be published as part of an existing product, support, resource, or help experience, or delivered as a standalone web page. It can also be incorporated into a Shopify-based storefront when the product experience is managed through Shopify.
- Limitations
- The depth of the interactive experience depends on the quality and availability of product information, visual references, and 3D assets. Complex products or large numbers of guided steps may require additional content preparation and interaction design.
What is an interactive 3D product manual?
An interactive 3D product manual is a web-based product guide that uses interactive 3D content to help users understand product structure, operation, assembly, maintenance, or service procedures.
When is an interactive 3D product manual useful?
-
When a product has complex components, assemblies, operating procedures, or maintenance requirements.
-
When static diagrams or conventional PDF documentation are difficult for users to interpret.
-
When manufacturers need to explain product structure or procedures visually across different user environments.
-
When product information needs to be accessible through a browser instead of relying entirely on downloadable documentation.
Interactive 3D product manual vs. PDF manual
A PDF manual presents information primarily through text, diagrams, and static images. An interactive 3D product manual can allow users to inspect product components and understand spatial relationships directly within the web experience.
The difference is not simply a change in file format. It is a change in how product information is presented and explored.
AP Technologies is an INTR interactive 3D product manual case demonstrating how product information can be presented through an interactive 3D web experience.
Why static documentation stops working
A manual is usually written as a linear document: text, tables, and a set of fixed diagrams. That structure works when a product has few parts. It breaks down when the same information has to explain where a component sits, how it relates to the parts around it, and which step comes next.
The cost shows up in support rather than in the document. Readers contact the manufacturer to confirm a part name, to check whether they are looking at the right assembly, or to ask which of several similar components a procedure refers to. The information exists — it is just hard to reach from a two-dimensional page.
Printed updates add a second problem. A revised part or a changed procedure requires reprinting, redistributing, and making sure the old version is no longer in circulation.
What changes when the product model becomes the index
In an interactive 3D manual the model is not an illustration at the end of a chapter — it is the navigation. A reader rotates the product, selects a component, and reads the information attached to that component in place. The question "which part is this?" is answered by pointing at the product instead of by matching a drawing to a physical object.
Structure becomes visible. Parts that sit inside an assembly can be isolated; the order of a procedure can be shown step by step on the same model; and a reader can return to the overview at any point instead of losing their place in a long document.
This is the part that does not transfer to video. A video decides the camera angle and the sequence for the viewer. A 3D manual leaves that decision with the reader, which matters when different readers arrive with different questions.
What you receive at the end of the project
-
Browser-ready interactive 3D manual
The product model, annotations, and navigation delivered as a web experience that runs without a plugin or a desktop install.
-
Component annotation layer
Annotation points and part information mapped to the model, including the naming and numbering agreed during content preparation.
-
Structured product navigation
Entry points for each product in the series plus page-to-page navigation, so a reader can move between products without leaving the manual.
-
Interaction and content specification
A written record of which controls exist, what each one does, and which text belongs to which part — the reference for later updates.
-
Project source code and project source files
Delivered at handover, within the boundary agreed in the project contract. Third-party licensed assets and original 3D model source files are governed by that agreement, not delivered automatically.
-
Integration with your existing site or documentation system
Published as a page on your own website, or embedded into a help centre or support portal you already run, so the manual sits where customers and service teams already look for product information.
What to confirm before the project starts
- 01
Which 3D assets exist today, in which format, and whether they are accurate enough for the parts that will be annotated.
- 02
Who owns part naming and numbering — the manual can only be as consistent as the source data behind it.
- 03
Which products belong in the first release, and whether the scope is one product or a full series.
- 04
Which text is approved technical content and which is marketing copy — the two are written by different owners and reviewed differently.
- 05
Whether the manual has to sit alongside an existing documentation system, and whether the existing PDF stays in circulation.
- 06
Which languages are required at launch, since text volume drives the layout of every annotation.
Questions buyers ask
- Can you build the manual from our existing CAD files?
- Usually yes, but the decision is made during project planning after the files are reviewed. What matters is whether the geometry is accurate for the parts that will be annotated and whether the model can be reduced to a weight that loads in a browser. If the CAD data is not usable as-is, asset preparation becomes part of the scope and is quoted separately.
- Do we have to stop using our PDF manual?
- No. The interactive manual is not positioned as a replacement for regulated or contractual documentation. Most projects keep the PDF for formal, printable, and long-term reference, and use the 3D manual for the parts that are hard to explain on a page — structure, component location, and step order.
- How long does a project take?
- The schedule is agreed after the asset review, because it depends on the number of products, the number of annotated parts, and how much of the text already exists in approved form. We do not quote a fixed duration before that assessment.
- What happens when the product changes?
- The interaction and content specification delivered with the project records which text and which annotation belongs to which part. That is what makes an update a bounded change rather than a rebuild — but the model itself has to be updated from the new asset, so the effort depends on how much of the geometry changed.
- Does it work on a locked-down corporate laptop?
- It runs in the browser with no plugin and no desktop installation, which is why it is usable on managed devices where installing software is not an option. Final performance still depends on the asset weight and on the hardware in use, so the target device profile is confirmed during planning.
- Can the manual be used for training or service teams?
- The same build can be used for both customer-facing explanation and internal reference, because the content is organised around the product rather than around a sales narrative. Whether it also needs to carry procedure or safety content is a scope decision made at planning, and any regulated content remains subject to your own review process.
Have a product in mind?
Tell us what needs to be explained, configured or experienced.
Reply within 1 business day · GMT+8