Day 28 of building Flow — sharing the design thinking behind the payment flows 🚀

Today, I created the taxation screen and made another round of iterations across both payment flows. After getting feedback from others, I wanted to share the reasoning behind some of the decisions I made.

For milestone payments, I connected each milestone with a vertical line and used an active state for the first milestone. This helps communicate the order of the milestones and which one needs to be paid first. I also placed the due date and amount at the top because they are the most important details when creating a milestone.

For hourly payments, I kept the structure simpler — hourly rate, maximum hours, start date, and end date. I aligned related fields together to make the information easier to scan. Below that, I kept the deliverables simple since they mainly communicate what will be delivered as part of the hourly work.

For taxation, I went with a country-based approach. The user can select their country and tax type, with the country flag helping make the selection easier to recognize. Since the user has already provided India as their nationality during account creation, I assumed India as the default tax country. Once tax details are added, I use a simple card to show the saved information with edit and delete actions.

Still refining, but the payment experience is starting to feel much more complete. 🚀

Follow the project: https://www.figma.com/design/a9BOd8eltqp038l6LkToHb/Flow---Fintech-App?node-id=394-2459&t=8VLXpCbYSlSdCzDF-1