The Klima onboarding flow uses an interactive chat-like questionnaire overlaid on looping background videos that change contextually with each question. As the user progresses, chat bubbles and selection cards slide up from the bottom with a staggered, springy motion. Selecting certain options expands the card to reveal additional explanatory text. At the top, a live carbon footprint counter dynamically ticks up or down, accompanied by a small colored arrow indicating the direction of change. Upon completion, a loading indicator transitions to a results screen where comparison and breakdown bar charts animate upwards with a staggered vertical scale.

Category