Berlin Startup meets Webflow: Website with 3D Animation, Shop & Configurator | Case Study

This web design case study is about a project that Jonas Arleth worked on. It is a website for the Berlin-based startup Razeco, which produces sustainable razors. Originally, only a cool animation was supposed to be integrated on the homepage, but the project developed into a comprehensive WebFlow-based solution with a configurator, a shop system and stripe checkout. Jonas went beyond the original scope and integrated features such as a shopping cart and spline, as well as Lottie animation. The project was instructive and Jonas shows the entire process and results in this video. Jonas explains how these features were implemented and how they help customers sell their products. It also shows some early design concepts and how they evolved over time.

Chapters

00:00 From a simple animation to a comprehensive webflow solution
02:19 The challenges of expanding the scope of the project
03:44 Using Lottie animations instead of 3D models
07:54 Implementing multilingualism in Webflow
10:47 The seamless integration of payment methods with Stripe
23:12 Adjusting prices and features via the CMS
23:42 Designing a custom checkout process
24:39 Website features to support sales
35:04 Development of design over time
39:28 Implementing advanced features in Webflow
45:16 AI technology to increase sales opportunities