Challenge Summary
Welcome to “SETO - Pipeline Management Account Planning Storyboard” contest. This project purpose is to redesign our “account planning” application and provides more professional look and feel along with providing our sales teams and executive position a best in class user experience. In this contest, we need your help to create new look and feel for the application. We have provided several wireframes for your references, please read contest details for more information.
At the end of this contest, we are looking a clean and strong web design for this application that present best user experience.
Round 1
Requirements 1 – 6 as stated in contest details
Round 2
All requirements as stated in contest details with client feedback applied
Our client have an application called Account Planning which running well in their company. However, The current workflow navigation and forms on each steps are not intuitive and too form like. Because of this reason, they want to redesign the application to be more professional and present best user experience.
This Account Planning Application is extremely important for the client. There are two main reason why this application needs to be redesigned :
1. It is an application used by their Sales and Marketing division and currently is a bit too form like. They have received some feedback that the application is not intuitive.
2. In addition this application may be used real time in executive reporting meetings and they want to make sure that which ever step they are on the data in this application is easily view-able and professional enough to be seen in sales meeting with an executive.
There are two wireframes provided for this contest (ff2 and 140215), Overall layout model MUST follow ff2 wireframes, however, content might be taken from ff2 or 140215 wireframes. For more details, Please follow our screens requirements below to find out which screens needed to be create in this contest :
1. Landing Page (ff2), this page can be found by default when clicking index.html from ff2 wireframes.
2. Metrics (ff2 and 140215), we want to create three view for each tab in this page, so there are three screens needs to be create :
a. Create two screen (table and line chart view) from ff2 wireframes metrics page -> customer tam tab.
b. Add one more screen from wireframes 140215 (the horizontal stick chart) in customer tam.
We need you to add icon for each view (table, line chart and horizontal stick chart) in your submission so user can easily change from one view to another.
3. Critical Success Factors (ff2 and 140215), in this page, there are three screens needs to be create :
a. Create screen “customer success factor” (1 page), the content layout for this screen should be taken from wf 140215 (carousel style).
b. Create two screen “business development” from ff2 wireframes (chart and table view).
4. Contacts and Relationship (ff2), create screens for key contacts and relationship status tab from ff2 wireframes.
5. Customer SWOT (ff2), create screens for SWOT landing page and manage strength page from ff2 wireframes.
6. Customer Objectives (ff2), create screen for Customer Objectives page from ff2 wireframes.
7. Challenger Message (ff2), create screen for Challenger Message page from ff2 wireframes.
8. Action Plan (ff2), create screen Action Plan form page from ff2 wireframes.
9. Executive Summary (ff2), Create strategy tab screen and “view summary in one page” screen from ff2 wireframes.
Note : in each page, there are several functionality to hidden/show textbox when the text gets clicked. Please make sure your submission covers this functionality.
Branding Guidelines :
Font, Color : Follow “General Guidlines on Color.png” image for font and color.
Page Size : The page width should be 1258px.
References : Few websites design that our client likes :
- http://www.apple.com
- http://www.ibm.com/us/en/
- http://www.nucloud.com
- http://www.giantbomb.com
Important :
1. Do not forget to add the salesforce header and footer in your submission (can be found in General Guidlines on Color.png) as static images because the final application will be embedded in salesforces application.
2. Please remember that “General Guidlines on Color.png” only to show our font and color choices, as per style, you are free to use your creativity here.
3. Dont forget to numbering your submission screens to make us easier review your work.
Target Audience
1. Our primary audience are field sales reps and their managers (internal employees only). Our average rep is in his 40s, is very experienced and knows our technology well.
2. Secondary audience is the executives who run our sales organization.
Judging Criteria
We’re looking to make our account plan application as contemporary and “smart” looking as possible without straying too far from the professional / corporate look that will command respect among executives. These are the judging criteria for this contest, which are :
1. Any ideas to present great user experience, Ease of use and quick, intuitive access to functionality and content for users are important for success as measured by user adoption among our customers. Make sure add some notes in your submission folder explaining what kind of idea/design enhancement that you’re offering to our client to increase good user experience.
2. Design skill, how well you applied your design skill into your submission and showing some professional design result and looks comfortable for human eyes. This judging criteria including the sharp and cleanliness of your submission, your color combination choices, your font size and type choices, and how well your submission can make user comfortable using the application.
3. Submission Structure, You must arrange your submission layer in ordered list, we need it to be arranged according their place and their functionality, for example header should be included in header folder, footer, content, sidebar, title, logo, etc. It is required so our user can easily found some elements from your submission and replace it if we have any additional change in the future.
4. Completeness of the storyboard, you are required to complete the storyboard, it means any information from the wireframes should be included or modified (if you have an idea) to your storyboard. You must send all screen that required as stated in Studio tournament format, if your submission not complete, we will reduce your score.
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
All Screen Requirements stated above. Files should be saved as JPG/PNG format.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file.
Final Fix :
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Attachment :
- Wireframes
- Application Screenshot
- Generic CSS Styles
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.