ios CRM App Design


Overview
Zap mobile app CRM was released in March 2016. With the new iOS mobile app, agents and brokers will be able to take the functionality of desktop Zap with them anywhere and everywhere. To learn more about this CRM, watch the video created by the ZapLabs video production team.


What I Did
• Wireframe flow chart
• Mockups
• Tools: Invision, Sketch 3


Wireframe Flow Chart
I created wireframes and transferred them into flowcharts, which helps the product team understand the page flow, from a high level navigation, to individual task interactions. 

 
 
 

Prototype


Login
In order to optimize the mobile login experience, I added an “eye” icon in the password input field. By tapping on the eye icon, users can see their password while typing, which helps them login successfully quicker.


Search & Contact Profile
Users can quickly search for an existing Contact. On the profile page, I put the primary actions (Call, Email, Text, Star, More) under the name for quick access.

 


Request for Info & Detail Page
On a Contact's profile page, our users can see which properties they received from the Contact. They can find out more info on the detail page and reach out to the Contact by phone or email. 

 


Ask for Review 
Our users can ask their Contacts to give them a review. We provide an email template but they can customize the first paragraph if needed.

 

   CRM Navigation Redesign

 CRM Navigation Redesign

  CRM Contacts Page Redesign

CRM Contacts Page Redesign

  Carwise Web App Design

Carwise Web App Design

  ToysRus Website Redesign

ToysRus Website Redesign