Matthieu Souteyrand ▵

Icon transition on country code dropdown / InVision Studio

  • Save

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

keyboard shortcuts: L or F like