3D Animation for a CPQ software leader

encoway delivers software and consulting that help manufacturers digitize and simplify sales of complex, configurable products through CPQ and product configuration.

They wanted an eye-catching 3D-animated landing page to impress clients and attract new ones for their main SaaS product.

The Mission

Create a stunning, eye-catching 3D animation sequence of a fictional photorealistic product that will work with a scrolling/swiping interaction.

Hero Product Creation

The product needed to look like a typical device encoway's clients usually ship but without being too realistic or too technical.

Together with the art director and lead designer, Oliver Tschernick, we analyzed a few examples and brainstormed with the help of AI to come up with additional ideas that fit Oliver's brilliant visual direction.
The main features we wanted to convey was sturdiness (hard metal case), complexity (glass case that shows the inside components) and electronics (there's a PCB inside).
Using kitbash sets, I assembled a few products together.

Final Lighting & Rendering

We wanted a photorealistic lighting that will make the product shine.

Together with the client, we've decided to go for the blue varaint as the main product that will appear on the website.

Bringing the UI Design to Life

To complement the bold 3D visuals, we added light UI elements that emphasize precision and a data oriented product.

Some of the UI elements were composited directly in 2D. However for the main exploded view part, a 3D version of the visuals was needed.
To make the animations work, I created a few Geometry Nodes systems that allowed me to quickly control and animate layers of planes to match the designer's vision.

The Final Website

The end result is a fun and exciting user interaction. The animation complements the overall design and weaves seamlessly in and out of focus, keeping the key message in front and center.

The final delivery was a video file that's manipulated using React. The design was brillinatly implemented by Pascal Heynol, who timed the animation to work correctly with different sections of the landing page.

Got a project with ambition?

I’m here to help you make your vision a reality.

Whether you’re rebranding, launching a new product, or finally giving your visuals the polish they deserve. Thoughtful design.

High-impact visuals. Zero fluff.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.