Icon transition on country code dropdown / InVision Studio

Currently exploring icon transition for a phone number field/country calling code picker. The goal is to express continuity using a smooth icon morphing and transition between the field and the dropdown.

We ask the user to choose the sender country code first to automate his top-up flow. After said selection, the user would see the prepopulated phone number field.

The UI and motion were created in Invision Studio, the flags in illustrator (couldn't resist a bit of vexillology!).

______

P.S. Feedback always welcome. Like [L] and share the love!
_______

Follow me on Twitter / Behance / Instagram / Pinterest

More by Matthieu Souteyrand ▽

View profile