Card States — Contact detail card states for Apollo
I drew every state of the contact detail cards in Apollo. The contact info card alone has many: filled, with copy, edit and delete on hover; no phone number, with an illustration and a prompt to add one; a request for a mobile number, priced at one credit; a searching state; a failed search with a try-again note; and a locked state that asks you to access the contact’s email and phone.
The contact stage card shows how editing works: hover a field and a small Edit control appears, with a tooltip.
Got something real to build?
I join your team as a design partner and stay for the long run, from the first flow to shipped UI.