Design Exploration Chat Interface Co-Driver example

[neuncreative]

Scope

Challenge PDS and provide patterns using Co-Driver for chat interface design elements like chatboxes, content-prevs (audio, video, images, links, etc.), profile pics, etc. Needs to work on dark and light backgrounds and as floating components (e.g. live chat feature on porsche.com).

Out of scope

• All other, generic interfaces besides of Co-Driver
• "Widget" integration -> Follow-Up

Notes

• Apply Productive Template desicions: https://www.figma.com/design/wHHLsquUv9kOUWailUzLni/Productive-Applications?node-id=117-39261&node-type=CANVAS&t=rg0WtAm3vOulimmK-0
• 100% Design System styles + components (avoid anything new)
• Login/Signup Template
• Assistant Template
• Marketplace Pattern/Template
• Conversational Patterns

Examples

• ICC/P.com Product Chat Live Chat
• Porsche Co-Driver
• Upcoming Customer Support Touchpoints (Ask Porsche, App, etc.)

Acceptance Criteria

• [x] Quick research status quo chat interfaces
• [x] Figma designs for Co-Driver use cases ready for review: https://www.figma.com/design/pQTbcGv5qBsQt7T5bz952f/Exploration-New-Design-Language?node-id=13373-15189&t=GgpC0PUiZTFke0hf-1
• [x] Presentation to co-driver team to define next steps for implementation