Support P.com with Micro-Animations: Scroll into view pattern / styles

[tnusserVMB]

Scope

P.com teams started a new initiative called "luxury feeling" which is about the development and implementation of high-quality micro-animations. Goal: Close collaboration with Global NAV & Model Page ART to help them designing and implementing strong animations.

In a second step, we identify relevant micro-animations within the new set that should be implemented in the design system. In addition, guidelines should be updated.

Out of scope

• Other motion than scroll into view

Notes

• Current implementation PCOM: https://www.porsche.com/swiss/de/
• https://www.porsche.com/italy/compare/?model-range=
• PI Planning 18. / 19.6. (Feature will be chosen)
• Project start: 20.6.
• Duration: 2-3 Sprints
• Effort: 3-4 Days throughout the entire time
• Contact: Tobi Mikl, Simeon Herrmann, Julius Müller
• PDS Motion styles are used and sufficient, patterns / examples are missing

Acceptance Criteria

• [ ] Provide template with scroll into view examples and related styles / mixins