Challenge Summary
Welcome to the "Hypnotize - Ultimate Customer Mobile Contact Page Design Concepts Challenge". For this challenge, we are looking for innovative ideas to create mobile screen that able to provide our sales users information/key details about customer contacts from a single point/page.
At the end of this challenge, We are looking for the [topcoder] design Community to help us planning the look and feel of our application.
Background Overview
The goal of this challenge is to create design concepts for "Contact on a page" mobile screen that will allow sales users to see key details about customer contacts from a single point. The customer information will be gathered from many sources, including salesforce.com, email(outlook), calendar(outlook), phone contacts, LinkedIn, etc.
Design Goals
- Simplicity, Make it easy for a user to find information about the customer.
- Read only, Users will not be adding data to this screen. All data will be loaded onto the screen through an external source.
Screen Requirements
Below just a references about possible features that can be added/create in the Ultimate contact page screen. If you have any suggestions about features that should be added in this screen, please feel free to create it:
Contact On A Page Screen
- User opens this application on their mobile phone
- They are prompted to select a SFDC contact (search screen). This might be a search by first name / last name, maybe list the last 5 selected, search by account then display contacts, etc.
- The application then takes the first name and last name and searches for a match in the users mobile contact list.
- If there is an exact match, then that contact is identified. If no exact match, then the user is presented with close fits and can select from that list. They can also scroll through all contacts to find a match.
- Once a "manual selected match" is complete, this will be stored and the application will automatically select the contact in the future
- The system will then query for information:
-- From the users mobile contact record, please retrieve: Phone number, last call date/time/length, name, etc.
-- From Outlook email, please retrieve: email, tasks associated with that contact, etc
-- From Outlook calendar: search for future and last meeting and retrieve meeting date, meeting title, notes and any other informations.
-- From LinkedIn retrieve: Photo of contact, connection, etc.
-- From SFDC retrieve: Last interesting moment, Activity history log, title, address, Account, etc.
- All queried fields would have links to the associated system. For example, if the photo was selected, the user would be taken to the LinkedIn application to that contact. If the email link was selected, it would open a new outlook email with the user email inserted in the “to” line.
- All of the above information would be displayed and managed is a phone friendly / easy to use display format.
- A section would also be available for "notes to remember". Text entered into that field would be synced in SFDC as an "Activity" and be displayed in the "activity history" next time the application was accessed.
Screen Sizes
- Create it for Mobile Devices (iOS):
-- 750px x 1334px (iPhone 6/7)
-- 1080px x 1920px (iPhone 6/7 Plus).
Think about Native or Hybrid mobile apps.
Make sure you create graphic in 'shape' format, so when we resize graphics everything will still look sharp!
Branding Guidelines
- Follow Branding guidelines attached in this challenge.
Target Audience
- Sales User
Documentation
- Branding Guidelines
- Proof of Concept Documents.
Stock Artwork
For this challenge, you can only use Stock photos (No stock icons allowed)!
- Stock Artwork policies: https://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions
- Latest Design Policies: http://help.topcoder.com/hc/en-us/categories/202610437-DESIGN
Judging Criteria
Your submission will be judged on the following criteria:
- How well your design align with the objectives of the challenge
- Consistency of your design
- Cleanliness of screen design and user flow
- Overall design and user experience
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
At the end of this challenge, We are looking for the [topcoder] design Community to help us planning the look and feel of our application.
Round 1
Initial "Ultimate Customer Mobile Contact Page" design creations for client reviewRound 2
All requirements like stated in challenge details with client feedback appliedBackground Overview
The goal of this challenge is to create design concepts for "Contact on a page" mobile screen that will allow sales users to see key details about customer contacts from a single point. The customer information will be gathered from many sources, including salesforce.com, email(outlook), calendar(outlook), phone contacts, LinkedIn, etc.
Design Goals
- Simplicity, Make it easy for a user to find information about the customer.
- Read only, Users will not be adding data to this screen. All data will be loaded onto the screen through an external source.
Screen Requirements
Below just a references about possible features that can be added/create in the Ultimate contact page screen. If you have any suggestions about features that should be added in this screen, please feel free to create it:
Contact On A Page Screen
- User opens this application on their mobile phone
- They are prompted to select a SFDC contact (search screen). This might be a search by first name / last name, maybe list the last 5 selected, search by account then display contacts, etc.
- The application then takes the first name and last name and searches for a match in the users mobile contact list.
- If there is an exact match, then that contact is identified. If no exact match, then the user is presented with close fits and can select from that list. They can also scroll through all contacts to find a match.
- Once a "manual selected match" is complete, this will be stored and the application will automatically select the contact in the future
- The system will then query for information:
-- From the users mobile contact record, please retrieve: Phone number, last call date/time/length, name, etc.
-- From Outlook email, please retrieve: email, tasks associated with that contact, etc
-- From Outlook calendar: search for future and last meeting and retrieve meeting date, meeting title, notes and any other informations.
-- From LinkedIn retrieve: Photo of contact, connection, etc.
-- From SFDC retrieve: Last interesting moment, Activity history log, title, address, Account, etc.
- All queried fields would have links to the associated system. For example, if the photo was selected, the user would be taken to the LinkedIn application to that contact. If the email link was selected, it would open a new outlook email with the user email inserted in the “to” line.
- All of the above information would be displayed and managed is a phone friendly / easy to use display format.
- A section would also be available for "notes to remember". Text entered into that field would be synced in SFDC as an "Activity" and be displayed in the "activity history" next time the application was accessed.
Screen Sizes
- Create it for Mobile Devices (iOS):
-- 750px x 1334px (iPhone 6/7)
-- 1080px x 1920px (iPhone 6/7 Plus).
Think about Native or Hybrid mobile apps.
Make sure you create graphic in 'shape' format, so when we resize graphics everything will still look sharp!
Branding Guidelines
- Follow Branding guidelines attached in this challenge.
Target Audience
- Sales User
Documentation
- Branding Guidelines
- Proof of Concept Documents.
Stock Artwork
For this challenge, you can only use Stock photos (No stock icons allowed)!
- Stock Artwork policies: https://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions
- Latest Design Policies: http://help.topcoder.com/hc/en-us/categories/202610437-DESIGN
Judging Criteria
Your submission will be judged on the following criteria:
- How well your design align with the objectives of the challenge
- Consistency of your design
- Cleanliness of screen design and user flow
- Overall design and user experience
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.