Logo of UI Challenges
Sign in

Gallery

See what others have created

Contact Profile Screen

esakki

@esakki

EasyApp Screens

Contact Profile Screen

Design a mobile contact profile screen for a person already saved in the app. The top of the screen should establish identity fast with a photo, name, and any key labels that matter in the app.

Below that, show the contact methods as a clear list: phone numbers, email addresses, and any other reachable channels. Each item should feel tappable and distinct, with the right affordance for calling, texting, or composing a message.

Place the main action buttons where a thumb can reach them without hunting. These actions should fit the contact context, such as call, message, video, or edit, and stay visually separate from the raw contact data.

The screen should feel like a practical profile, not a settings page. It needs to balance recognition, quick contact, and simple management in one view.

What to deliver

  • Design the contact header with photo, name, and any secondary identity detail.
  • Lay out the phone, email, and other contact methods as readable rows.
  • Place the primary action buttons for the contact near the header or in a fixed action area.
  • Show how the screen handles multiple numbers or emails for the same person.
  • Include a simple edit or manage entry point if it fits the app pattern.

Treat each contact method as its own row with a label and a primary action target, so users can act without opening a secondary menu.