![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FA-1-hexagon-3d-hero-image_uid_6448f1196a834_uid_644b8e57dd4f0.png%3Ft%3D1682673239&w=3840&q=80)
Hexagon
3D Experiences for Smart Manufacturing
Hexagon Manufacturing Intelligence launched Nexus, a cloud platform that enables manufacturing teams to collaborate in real-time. Nexus connects Hexagon's portfolio of software applications and devices, as well as third-party technologies.
Ginetta designed and built 3D Nexus Experiences to provide a playful exploration of Hexagon's catalog of software products for electric car, wind turbine, and airplane manufacturing. Ginetta believes that 3D experiences can enhance the user experience and aimed to deliver a fantastic experience by ensuring fast loading time and beautiful design.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FB-1-hexagon-3d-car_uid_6448ee755cde9_uid_644b913e044e5.png%3Ft%3D1682673982&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FB-2-hexagon-3d-windmill_uid_6448ee733eab3_uid_644b916996a3d.png%3Ft%3D1682674025&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FB-3-hexagon-3d-plane_uid_6448ee765d2db_uid_644b919324e0a.png%3Ft%3D1682674067&w=3840&q=80)
CHALLENGE
The fastest possible 3D experience on mobile
The challenge when working with 3D objects directly in the browser is how heavy they can be. Especially when it comes to complex objects like airplanes, cars or wind turbines, as was the case for this project. A huge amount of polygons can slow down the page, which is not helpful for a smooth user experience. But as soon as you reduce the complexity of the 3D models, the quality of their appearance decreases, which isn’t ideal either. Our designers and engineers solved this in a very elegant way.
“The process is not that different from preparing assets for a video game. The limitation lies in the device. A game console was made to handle these files. An iPhone, on the other hand, wasn’t made to explore a 3D world”
Solution
As complex as necessary, as simple as possible
The process we developed addresses several requirements: Number of polygons, maximum dimension and file size. What sounds like a poor 3D model without details is exactly the opposite: detailed, fast and the best integration and processing of existing data.
The 3D models make it possible to discover HMI's products without loading delays and to find the right product with unprecedented ease.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FC-1-hexagon-3d-car-mesh_uid_6448ee74cc9d2_uid_644b8e1ee6c6b.png%3Ft%3D1682673182&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FC-2-hexagon-3d-car-mesh-close_uid_6448ee7231560_uid_644b936b07e83.png%3Ft%3D1682674539&w=3840&q=80)
[Fast]
The real magic happens when all the technologies used work together perfectly: the code from React Three Fiber for the browser and the data for the hotspots from the CMS. But that's not all. Our designers focused on easy navigation, seamless camera transitions, effortless fading in and out of elements, all at the same time and with no loading delays.
[Simple]
Natural movements and simple processes are the focus of all 3D models. A storyline developed by motion designers ensures that complexity is not overwhelming and that camera angles, movements and scripting follow a concept. Just like directing a film!
[Beautiful]
Here, too, we found a sweet spot to meet all of Hexagon’s requirements and create a beautiful experience.
Photorealistic textures, custom shaders and micro-animations have been added to immerse the audience in our experience. Our highlight is the simulation of sunlight which has been achieved via a mix of light sources, HDR environments and lens flare shaders.
Especially with the limitations of WebGL, we inspired ourselves by workflows from the gaming industry to create these beautiful & stunning experiences.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FF-1-hexagon-3d-beautiful-turbine_uid_6449145f98eab_uid_644b99ca51154.png%3Ft%3D1682676170&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FF-2-hexagon-3d-beautiful-plane_uid_6448ee75d0364_uid_644b99f0e52e7.png%3Ft%3D1682676208&w=3840&q=80)
Conclusion
Reaching Customers Worldwide
With accurate, natural-looking 3D animations of cars, wind turbines, planes, and more to come, we provided an explorative experience of the products on offer from Hexagon Manufacturing Intelligence. Customers can now easily discover and better understand which software solutions meet their needs based on their individual industry applications. A better user experience here naturally means generating more qualified leads for Hexagon’s product offering.
Our conceptual foundation for these 3D experiences is designed in such a way that it can easily be applied to countless other industries in the future, allowing Hexagon to reach more customers and increase sales.
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FG-1-hexagon-3d-mobile-screen-1_uid_6448ee744d9f3_uid_644b9b58cf8d9.png%3Ft%3D1682676568&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FG-2-hexagon-3d-mobile-screen-2_uid_6448ee72a8724_uid_644b9ba876a69.png%3Ft%3D1682676648&w=3840&q=80)
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2023%2F04%2F28%2FG-3-hexagon-3d-mobile-screen-3_uid_6448ee770f569_uid_644b9be47ffac.png%3Ft%3D1682676708&w=3840&q=80)
Project facts
Market
B2B
Industry
Industrial & Manufacturing
Type
Web Application
Services
Design · Full Stack Engineering
Duration
14 Sprints
Go Live
November 2022
Project team
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F09%2F27%2FSilva-Skenderi-Brown-Client-Partner3_uid_61518e9d56ed2.jpg%3Ft%3D1632734877&w=3840&q=80)
Silva
Client Partner
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2021%2F10%2F18%2FKenji-Nguyen_uid_616d5b0e64468.jpg%3Ft%3D1634556686&w=3840&q=80)
Kenji
Technical Product Partner
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F05%2F17%2FLais-Oliveira_engineering_uid_6283b2d2b8ad6.png%3Ft%3D1652798162&w=3840&q=80)
Lais
Software Engineering
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F05%2F17%2FMariana-Final-1_uid_6283afeaa6130.png%3Ft%3D1652797418&w=3840&q=80)
Mariana
3D Artist
![](/_next/image?url=https%3A%2F%2Fginetta.static.ginetta.net%2Fginetta-website%2Fdev%2Fuploads%2F2022%2F04%2F11%2FNico-Nydegger_uid_6254187756219.jpg%3Ft%3D1649678455&w=3840&q=80)
Nico
UX Designer