Animations : Donner vie au pas... Note

Animations : Donner vie au passeport d'accueil sur iOS

En 2023, Airbnb a introduit le Passeport de l'Hôte pour améliorer les connexions entre les hôtes et les invités grâce à des profils personnalisés. Le passeport apparaît dans les résultats de recherche, permettant aux invités d'apprendre sur l'hôte et son espace de vie avant de réserver. Pour créer l'animation, Airbnb a utilisé UIKit et leur framework de transition déclarative. Le passeport tourne et se déplie comme un livre, utilisant des vues transparentes pour produire l'effet de page tournée. L'intégration avec le framework d'animation permet une transition fluide des résultats de recherche à la vue modale. L'animation est composée de mouvements, rotations et ombres synchronisés, chacun avec sa propre courbe de timing. Airbnb a utilisé des timings de ressort pour une élasticité réaliste, mais les a soigneusement ajustés pour s'aligner avec le timing de la transition modale. Le résultat est une animation fluide et visuellement attrayante qui présente les hôtes aux invités, améliorant l'expérience Airbnb.