Figma (all designs):
https://www.figma.com/design/yTHE6toX5wHJs39DgsoETp/Design?node-id=0-1&p=f&t=LH2dbdfWo4qFFOW9-0
This batch includes the following UI/UX designs:
| Issue | Title |
|---|---|
| #25 | Redesign The Landing/Home Page |
| #2 | Design & Implement Dashboard Page |
| #4 | Design & Implement Smart Money Split Configuration Page |
| #5 | Design & Implement Savings Goals Page |
| #12 | Design & Implement Financial Insights/Reports Page |
| #26 | Redesign The Send Money Page |
| #27 | Redesign The Bill Payments Page |
See the Figma link above for wireframes, user flows, and visual design for these screens.
Doc reference of changes made: https://docs.google.com/document/d/1uaXCKiOWRoE6t2HR9t-_829gzPsySXC_MMnfVGQogcg/edit?usp=sharing
Figma design: https://www.figma.com/design/DCcu9gcnC3P69wrYcwVyYl/Remitwise?node-id=175-7413&t=xJDctboafzmPdm5u-1
For consistent design-to-engineering workflow, refer to:
These documents define:
- Breakpoint coverage across mobile, tablet, and desktop
- Accessibility expectations aligned with WCAG 2.1 AA
- Component states and interaction notes
- Tailwind token alignment and extension notes
- Mapping of design screens to Next.js
app/routes for implementation traceability - Structured engineering handoff expectations
The following issue-specific design handoffs are currently documented in-repo: