4/3/2016

SalesDashiPadAppDesignChallenge

FIND MEMBERS

avi91
EDIT
DASHBOARD

MY PROFILE

PAYMENTS

SETTINGS

LOG OUT

COMPETE
DESIGN CHALLENGES

DEVELOPMENT CHALLENGES

DATA SCIENCE CHALLENGES

COMPETITIVE PROGRAMMING

LEARN
GETTING STARTED

DESIGN

DEVELOPMENT

DATA SCIENCE

COMPETITIVE PROGRAMMING

COMMUNITY
OVERVIEW

PROGRAMS

FORUMS

STATISTICS

EVENTS

BLOG

https://www.topcoder.com/challengedetails/30053621/?type=design

1/5

4/3/2016

SalesDashiPadAppDesignChallenge

SALES DASH IPAD APP DESIGN CHALLENGE

WIDGET OR MOBILE SCREEN DESIGN

FOR
1 REGISTER
THIS CHALLENGE

YOUR
2 SUBMIT
ENTRIES

$1,200

$600

$300

$150

$0

1ST PLACE

2ND PLACE

3RD PLACE

4TH PLACE

5TH PLACE

YOUR
3 VIEW
SUBMISSION

NO CHECKPOINT AWARDS

Details

Registrants (10)

Submissions (0)

Start Date:

Apr 2, 2016 13:41 EDT

End Date:

Apr 7, 2016 08:00 EDT

Winners Announced:

Apr 13, 2016 12:00 EDT

View next deadline +

Results

CHALLENGE SUMMARY
Welcome to the Sales Dash iPad App Design challenge.
For this challenge, we have the opportunity to demonstrate the power of our design community to a very large
enterprise customer. They are currently using large agencies for design work, which are slow and focused on
print design. We want to WOW them with the advantages of speed and usability that our GUI design community
offers, over agencies.
This challenge focuses on three (3) storyboards for a new iPad app, which will enable sales reps to quickly nd
and digest data related to their customers.
Pleasereadthechallengespecificationcarefullyandwatchtheforumsforanyquestionsorfeedbackconcerningthis
challenge.ItisimportantthatyoumonitoranyupdatesprovidedbytheclientorStudioAdminsintheforums.Please
postanyquestionsyoumighthavefortheclientintheforums.

FULL DESCRIPTION & PROJECT GUIDE

Design Considerations:
In general, these sketches were made by non-designers, so we are looking to you for a great design with good
usability for iPad and good use of space. Please do not just skin the provided sketches, but rather think about
what is the best way for the user to view the related data.
Users are sales reps, who need to get real time data. The interface should be simple and very easy to read /
digest quickly.
DIMENSIONS:
Your storyboards should be 2048 px by 1536 px (landscape orientation) at 72 DPI (RBG mode).
Need NOT show the iPad surrounding the screens.
TYPOGRAPHY
The customer prefers :
-Helvetica font (light weight for most use cases, regular weight if needed to show importance but no bold text
please)
-Text in shades of gray (from #222 to #777) unless showing status (in which case, green/yellow/red can be
used)
COLORS
For anywhere that we need something to stand out (example: data table pick list triggers / etc highlight as
needed) you may use this color:
-Gold / Yellow = #ad7c15
For showing status, use these colors:
-Gold / Yellow = #ad7c15
-Green = #4a6554
-Red = #cb2930
IMAGERY
The customer prefers :
-a white background
-simple icons that live in circles (white background, dark gray icon and circle outline)
-thin lines (1 or 2 pixels) and a good deal of white space around text & elements

https://www.topcoder.com/challengedetails/30053621/?type=design

2/5

4/3/2016

SalesDashiPadAppDesignChallenge
-No banners or other distractions, please.
-Stock art is NOT allowed.
Required Screen Details:
For all screens, please show:
-a logo placeholder (we will swap this in after the challenge end)
-a menu icon
Note: Do NOT show what the menu looks like, as we do not know the menu items. Just show how to access it!
1) Dashboard | See screen #1 in PDF:
The home screen will contain six (6) data charts. Charts will be colored to show status.
Note: when the user taps on one of the charts, he will see some sort of secondary option to access other
screens. Please show that the user has taped on the second chart (heavy trade programs) and now sees options
to access three secondary screens (see screen #2 in PDF)
2) SAP | See screen #3 in PDF:
This screen shows the distribution info for each of the sales reps. There are a large number of sales reps, and
each may have 100 accounts, so please
- add a search box where user can start typing a sales reps name to change the data table (rather than pick list
shown in PDF)
- show a large number of accounts in the data table (scrolls off screen)
Note: this screen must have a back option, as it is a screen found through drilling into the dashboard reports
3) SAP Report | See screen #4 in PDF:
This screen shows a very large data table (screenshots of desktop application). Since this is going to be a native
iPad app, please rethink how data is displayed so that it will comfortably t on the screen - for example, maybe
user can tap on a header to collapse / expand it?
Note: Each header label has a button / option to trigger a related picklist (changing sort order of data) and the
option must be large enough for the user to tap with their nger, but should NOT cover the label (as it does in
the example SAP report screen).
No back button needed on this screen.
Please use these column headers for the report screen (same as in PDF but listed here as some are covered up in
the PDF screenshot):
POC ID
NAME
ADDRESS
ROUTE
INDY CHAIN
MTD TREND
YTD TREND
PM SAP ADHERENCE
SAP ADHERENCE
S
A
P
Target Audience:
- Sales Representative
Judging Criteria:
- How well your designs align to ADA Compliance.
- Concepts and ideas presented.
- Overall UI design and layouts.
- How well the UX follows modern ows and current best practices.
Submissions & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG le in RGB color mode at 72dpi and place
a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission les.
Source Files
All original source les of the submitted design. Files should be created in Adobe Photoshop and saved as
layered PSD les.
Final Fixes:
As part of the nal xes 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.See more information
about Final Fixes

https://www.topcoder.com/challengedetails/30053621/?type=design

3/5

4/3/2016

SalesDashiPadAppDesignChallenge

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 nalized and should contain
only a single design concept (do not include multiple designs in a single submission).
If your submission wins, your source les 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 les 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.

PAYMENTS
Topcoder will compensate members in accordance with the payment structure of this challenge. Initial payment
for the winning member will be distributed in two installments. The rst payment will be made at the closure of
the approval phase. The second payment will be made at the completion of the support period.

RELIABILITY RATING AND BONUS

For challenges that have a reliability bonus, the bonus depends on the reliability rating at the moment of
registration for that project. A participant with no previous projects is considered to have no reliability rating,
and therefore gets no bonus. Reliability bonus does not apply to Digital Run winnings. Since reliability rating is
based on the past 15 projects, it can only have 15 discrete values.
Read more.

CHALLENGE LINKS:
Screening Scorecard

DOWNLOADS:
None

HOW TO FORMAT YOUR SUBMISSION:

Your Design Files:
1. Look for instructions in this challenge regarding what les to provide.
2. Place your submission les into a "Submission.zip" le.
3. Place all of your source les into a "Source.zip" le.
4. Create a JPG preview le.
Trouble formatting your submission or want to learn more? Read the FAQ.

Fonts:
All fonts within your design must be declared when you submit. DO NOT include any font les in your submission or source les. Read about the font policy here

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 here.
Questions? Ask in the Challenge Discussion Forums.

SOURCE FILES:
Text or Word Document containing all of your ideas and supporting information.
You must include all source les with your submission.

SUBMISSION LIMIT:

https://www.topcoder.com/challengedetails/30053621/?type=design

4/5

4/3/2016

SalesDashiPadAppDesignChallenge
3
SHARE:

OTHERS
SITEMAP
ABOUT US
CONTACT US
HELP CENTER
PRIVACY POLICY
TERMS

Topcoder is also on

2016 Topcoder. All Rights Reserved

https://www.topcoder.com/challengedetails/30053621/?type=design

5/5