BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$100‌ EACH

Register
Submit a solution
The challenge is finished.

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.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

ELIGIBLE EVENTS:

2013 TopCoder(R) Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30030633