Ticket 3: Figma UI Design MockUp - The 3 Core Screens (Static) #9
Description
READ FIRST:
Translate our whiteboard sketches from the Design Day meeting into high-fidelity designs in Figma. Focus only on the "Happy Path" (a perfect user experience with no errors). Do not worry about making the buttons clickable yet; just get the visual layout approved.
Definition of Done:
[ ] A new Figma file is created and shared with the whole team. (I also linked a Figma project link in the Design Day Document. Same link below this line too)
Figma
Dribbble for UI/UX inspo
[ ] A basic color palette and font style are chosen and applied.
[ ] Search Screen designed (Start input, Destination input, "Find Route" button).
[ ] Map Screen designed (Map background, green route line, user blue dot, re-center button).
[ ] Route Details designed (Bottom card with Safety Score, ETA, Distance, and Start/Cancel buttons, etc.).
[ ] Mathew (PM) / Team has reviewed and approved the designs
Figma is just a blueprint, not the final product. I would say don't spend more than 5 hours this weekend getting the Figma done. We need y'all writing React Native code by Tuesday Night,, so do not stress about perfect pixel alignment.