Fieldy
Motion Designer & Creative Technologist
Motion for the dashboard and the Accept-inquiry flow of a field-technician app
Objectives
Give the dashboard a clear reading order instead of showing everything at once.
Make the ring chart easy to understand at a glance.
Give the Accept action clear, satisfying feedback.
Keep every animation fast enough for a screen opened many times a day.
Build the motion in code so the timing stays precise and easy to hand off.
Scope of Work
Ring Chart & Numbers
The ring draws itself so the data reads in order. The blue Jobs arc draws first, then the orange Inquiry arc continues from where it stops. Total Services, Jobs and Inquiry count up in step with their arcs, so each number connects to its colour. The whole animation takes about 1.5 seconds, and the user understands the split before the screen settles.
Accept Interaction
Tapping Accept presses the button down, and Decline fades away so there’s only one action left. The button shrinks into a green circle as a checkmark draws in with a soft ripple. “Inquiry accepted · Added to your schedule” then slides in. In under a second, the technician knows the job is confirmed.
Full Flow & Outcome
The full loop shows the dashboard loading, the tap on Mark’s card, the detail screen opening and the inquiry being accepted, all as one smooth flow. Motion now guides the eye and confirms actions without slowing anyone down. The result is three reusable assets: the full flow, the ring chart and the Accept interaction. All of them were built in code with consistent timing, so they’re ready for developer handoff.
