Provide Model Sideshot (Images) component in Figma

[marcelbertram]

Provide sidebar component specs for implementation and build component as Figma representative. Step 1: List all relevant specs for content creation. Step 2: Wait for assets – delivered by VMK – to be implemented in PDS.

Scope:

• Main model line sideshot: 911, Cayman, Taycan, Cayenne, Panamera, Macan

Out of scope

• No derivates, only main model line
• No Boxster
• 2 Variants: with / without model signature backdrop
• No different angles, only sideshot

Questions to clarify with DEV

• Source-set (image sizes) and viewports

Specs for images

• No safe-zone for images
• Provide assets for 3 sizes as WEBP (no PNG required) in x1 / x2 / x3: small, medium, large with predefined dimensions
• Max resolution 4K
• Asset creation for 6 models in unified color and correct aspect ratio
• Vehicle color?
• Shadow?
• Angle?

Notes

• DEV Task: https://github.com/porsche-design-system/porsche-design-system/issues/2686
• Avoid size variants in Figma -> Use scaling
• Teams currently using custom sideshots: Finder, Home&Nav, Modelpage

Acceptance Criteria

• [ ] Required sideshot assets provided in DEV ticket
• [ ] Implementation specs defined
• [ ] Kickoff / sync with dev done
• [ ] Documentation created
• [ ] Figma Component created

[tnusserVMB]

Update Oct 30

• Grabartz currently working on process for optimization of sideshots.
• Update within the next weeks