design: create preferences, customs documentation, account management, and performance dashboard screens

[Adamsonoladipupo]

Overview

This contribution brings four SwiftChain account and operations screens together in a consistent Light Mode Figma design, improving account configuration, international shipment documentation, and logistics performance visibility.

Design Scope

• UI/UX Design (Light Mode): Preferences & Security Settings #658 — Preferences & Security Settings: Design notification preferences, security controls, and connected Web3 wallet settings.
• UI/UX Design (Light Mode): Cross-Border Customs Documentation Manager #654 — Cross-Border Customs Documentation Manager: Create an interface for uploading, reviewing, and managing customs clearance documents linked to international orders.
• UI/UX Design (Light Mode): User Profile Account Management #656 — User Profile Account Management: Design personal information management and connected wallet details.
• UI/UX Design (Light Mode): Performance Metrics Dashboard #652 — Performance Metrics Dashboard: Present driver efficiency and revenue insights through clear charts and data visualizations.

Design Approach

• Follow SwiftChain’s existing Light Mode visual language.
• Use consistent typography, spacing, contrast, and alignment.
• Build reusable components with Figma auto-layout.
• Include responsive layout variants and maintain a clear frame and layer hierarchy.
• Keep the designs focused on usability and operational clarity.

Validation Checklist

• High-fidelity designs completed in Figma.
• Responsive variants prepared.
• Light Mode styles applied consistently.
• Components, frames, and layers organized.
• Figma design link added below.

Related Issues:
Closes #658
Closes #654
Closes #656
Closes #652

Note: This PR covers Figma UI/UX design only; no frontend implementation is included.

[drips-wave]

@Adamsonoladipupo 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