Interactive 3D product experience for Radarxense

design
development
interactive 3d
blender
web gl
Client
Radarxsense
Industry
high-tech radar
Location
The Netherlands

How to explain high-tech product features that are too small to see

Radarxsense is a Dutch high-tech comapny that develops end to end nnWave radar solutions. They use an innovative approach that minimizes the footprint of these radar units, making them easy to deploy in various setings like traffic monitoring and industrial areas.

The challenge with such a small unit comes from trying to showcase all the tiny components and explaining what they all do and what makes the product unique. This is where an interactive 3D model with highlights comes in.

[ 01 ]
Research and sketching

The client provided several reference images of the radar unit. With this in mind, I explored several ideas of how to integrate product in an interactive web page that can be shared with clients and internal

[ 01 ]
Design and style

Since this is a page that's not directly part of the main corporate website, I did based on existing branding by using the existing brand colors of red, grey and dark grey, but I used a different for for the titles to make the design pop a bit more and make it more exciting. I've also added some grid lines that can be animated. The font and the lines share the same straight lines to convey precision.

[ 01 ]
Modeling in Blender and adding interactivity

Based on a client provided CAD file of the radar unit, I created a cleaned up version of it in Blender. I then added materials to match the reference images and created a depth map for the indentations of the PCB. I then baked everything in a .glb model to be used with Google's Model Viewer script to enable interactive 3D models. I also created a few photo-realistic renders of the product to be used in various marketing materials.