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!
_______
country
country code
dropdown
field
flag
icon animation
invision studio
minimal
mobile
morphing
motion
phone number
phone number field
top up
ui
View all tags
Posted on
Sep 11, 2019
More by Matthieu Souteyrand ▵ View profile
Like