.svg?dpl=dpl_bb1B91AE3vVJbGCPnJHwQoWjQc7h){kind=small}
SAP: an interactive website with video and animation
A reimagined website that makes SAP's benefits tangible — classic web elements combined with video, animation and interaction.
Overview
A 'reimagined' website that not only looks good but also impressively showcases the benefits of SAP. By combining classic web elements with video & animation, many new possibilities arise to make digital content 'experiential'.
Services
- Frontend Development
- UI/UX
- Design
Discover
Vision & Use-Case Workshop
Together with the client, an interactive experience for the Industry 4.0 world around SAP was conceived: Target groups, scenarios, and success criteria were defined in a workshop to gain early clarity about objectives, experiential framework, and technical possibilities.
Stakeholder & System Analysis
In the next step, production processes, existing SAP landscapes, and user groups were analyzed: Where are the potential areas for digitalization? What data is available? Which touchpoints should be made interactively experiencable? This analysis formed the basis for the concept phase.
Prototyping & Experience Design
Based on the gained insights, an interactive concept with a storyline, user guidance, and visualization was developed: How does a visitor navigate through the Industry 4.0 factory experience? Which scenes should be shown? Which technology elements can enhance the experiential value?
-1400x713.png&w=3840&q=75&dpl=dpl_bb1B91AE3vVJbGCPnJHwQoWjQc7h)
Develop
Web Development
A high-performance website based on React was implemented, combining technical precision with smooth interaction. The focus was on performance, scalability, and a seamless user experience across all devices.
3D interaction
Interactive 3D animations make complex processes visually tangible. Targeted movements, camera transitions, and scroll interactions create an immersive experience that intuitively conveys content.
Performance Optimization
Despite the high visual density, the site has been optimized for fast loading times and efficient resource usage – with caching, code-splitting, and GPU-accelerated rendering.
Evolve
Longer Dwell Time
Through the interplay of interactivity, movement, and a clear storyline, visitors remain on the site significantly longer - they actively explore rather than just consume.
Modular expandable
The architecture was intentionally designed to be flexible. New animations, themes, or product areas can be integrated without a redesign - ideal for continuous growth.
Award-winning
Awarded by the awwwards
Discover more projects
Our best projects combine creativity, strategy, technology, and modern design.
