Most browsers cannot display a STEP or STP file directly. STEP is designed to exchange accurate CAD geometry; the web needs a lightweight, rendered representation plus an interface that helps a visitor understand the product.
1. Decide what the customer should receive
Begin with the customer question, not the conversion format. A buyer evaluating industrial equipment may need overall dimensions, an exploded assembly, visible connection points, or a controlled section view. They rarely need every internal feature, construction plane, manufacturing detail, or piece of metadata contained in the engineering model.
Create a publication boundary before processing the file:
- Choose the assembly or configuration intended for customers.
- Remove components that are confidential, irrelevant, or too detailed for the decision.
- Confirm whether measurements, part isolation, section views, or material choices should be available.
- Keep the original STEP file private and publish a derived web asset.
The downloadable engineering file and the interactive experience should not be the same artifact. A controlled web derivative protects the source while supporting fast delivery.
2. Prepare the CAD geometry for real-time use
CAD models describe precise surfaces and solids. A browser renders triangles. Converting between those representations is called tessellation, and the choices made here affect both visual quality and performance.
Use enough detail—not maximum detail
Very fine tessellation can make curved edges look smooth, but it also creates more geometry for a phone or laptop to download and render. Evaluate quality at the size the product will actually appear on the page. Tiny engineering features that cannot be seen in the intended presentation usually do not justify a larger model.
Confirm scale, orientation, and hierarchy
Before publishing, verify the real-world unit, which direction is up, the intended front view, and whether meaningful parts remain separate. A visually correct model with the wrong scale can produce misleading measurements or unusable AR. A completely merged assembly may prevent useful part controls later.
Review materials separately from geometry
STEP files may carry colors, but they generally do not contain a complete web-ready material presentation. Assign finishes, roughness, metal behavior, transparency, lighting, and environment settings according to how the physical product should appear.
3. Design the viewer around product understanding
A generic orbit control is only the beginning. The most useful experience gives visitors the smallest set of tools needed to answer a buying question.
| Customer question | Useful 3D capability |
|---|---|
| Will it fit? | Real-world dimensions and measurement |
| How is it assembled? | Parts list, isolation, and exploded positions |
| What is inside? | Controlled section or cutaway view |
| Which finish is right? | Approved material variants |
| How does it look in context? | Saved views, scale, and suitable mobile AR |
Set a strong initial camera view, sensible rotation limits, appropriate lighting, and a clear thumbnail. Test every enabled control with someone who did not prepare the CAD model. If a control requires explanation before it creates value, reconsider whether customers need it.
4. Publish, test, and maintain the experience
Host the optimized model through a delivery layer designed for web access, then place the viewer on the relevant product page. On a custom website this is commonly an embed; on Shopify it may be a theme extension connected to a selected product.
Validate the complete journey on several devices:
- Measure initial page and model loading on a typical mobile connection.
- Confirm that touch rotation, zoom, full screen, and closing behavior are understandable.
- Test keyboard navigation and accessible names around the viewer.
- Verify the model only appears on approved websites.
- Record model opens, meaningful interaction, feature use, and AR launches.
Keep a revision path. When the physical product changes, update the managed model and review the same presentation settings rather than inserting an unmanaged replacement into every page.
A practical STEP-to-web checklist
- Customer-facing assembly selected
- Confidential and unnecessary geometry removed
- Scale, orientation, and front view confirmed
- Tessellation reviewed at realistic viewing sizes
- Materials and lighting approved
- Customer controls chosen for a clear reason
- Mobile performance and interaction tested
- Publication origin and revision ownership defined
Cadloom accepts STEP and STP alongside STL, 3MF, GLB, and glTF, then provides a managed path for reviewing, configuring, and publishing the customer-facing experience. Explore the Cadloom Platform workflow or open an industrial product example.