[obswrld]

Summary

This contribution covers four Figma UI/UX design issues for SwiftChain, bringing together customer address management and logistics performance insights in a consistent Light Mode experience.

Design Coverage

• UI/UX Design (Light Mode): Customer Address Book & Saved Locations (Table View) #646 — Customer Address Book & Saved Locations (Table View): A structured table for reviewing and selecting saved pickup and drop-off addresses.
• UI/UX Design (Light Mode): ROI Dashboard #650 — ROI Dashboard: A visual reporting interface for understanding return on investment, revenue, and driver efficiency.
• UI/UX Design (Light Mode): Fleet Analytics Dashboard #648 — Fleet Analytics Dashboard: An analytics workspace presenting fleet performance through clear charts and data visualizations.
• UI/UX Design (Light Mode): Customer Address Book & Saved Locations (Grid View) #644 — Customer Address Book & Saved Locations (Grid View): A card-based alternative for browsing and choosing saved shipping locations.

Design Considerations

• Apply SwiftChain's established Light Mode styling, with readable typography, balanced spacing, and clear visual hierarchy.
• Use reusable components and Figma auto-layout to support consistency and maintainability.
• Include responsive frame variations for relevant screen sizes.
• Keep the table and grid address-book layouts visually aligned while preserving their distinct browsing experiences.
• Organize frames, components, and layers for straightforward handoff.

Review Checklist

• All four design screens are completed in Figma.
• Light Mode styling and responsive layouts are included.
• Components, auto-layout, and layer naming are organized.
• The Figma design link is attached below.

Scope

Design-only contribution. No frontend implementation is included.

Related Issues

Closes #646
Closes #650
Closes #648
Closes #644

[drips-wave]

@obswrld Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[Tybravo]

@obswrld

I appreciate your contribution to the project.

Thanks