Challenge Summary
Round 1
Submit your initial design for a checkpoint feedback:1. Homepage (aka Main Cockpit)
2. Market Insights
3. Commercial performance – Main dashboard
As part of your checkpoint submission, you must upload your submission to Invision or Marvelapp so we can provide direct feedback on your designs. Make sure to include a URL/Link to your design within your "notes.txt".
- If you need an Invision Project, please request one from adroc@topcoder
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Round 2
Final design plus checkpoint feedback:1. Homepage (Must have)
2. Market Insights (Must have)
3. Category View (Must have)
4. P & L (Must have)
5. Organizational Effectiveness (Should have)
6. Commercial Performance (Must Have)
a. Organized Trade (one of a,b or c. Must have, others should have)
b. Traditional Trade (one of a,b or c. Must have, others should have)
c. eCommerce (one of a,b or c. Must have, others should have)
As part of your final submission, you must upload your submission to Invision or Marvelapp so we can easily see the user experience and flow. Make sure to include a URL/Link to your design within your "notes.txt".
- If you need an Invision Project, please request one from adroc@topcoder
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Challenge Description:
The goal of this challenge is to create visual design concepts for the Market Leadership Cockpit Dashboard based on the functionality listed below, the provided sketches and your thoughts on an engaging user experience. We want unique and new concepts so we encourage only using the sketches for guidance/wireframes only. It is critical that the visual clues & overall navigation theme be consistent across the entire application.
Market Leadership Cockpit Functionality:
We are focused on 3 main performance areas:
1) External insights (i.e. Market Share)
2) Cause of Change
3) Sales Performance
Important: We are looking for NEW graphical user interface solutions using modern “data visualization” techniques! One of the key items we want to visualize is how a user will click into the data and see the visualization of secondary information. We are working within a 2D space but are interested in 3D visualization techniques.
- Keep the experience visual and interactive
- This application will consolidate business data from many sources and display it in a dashboard that must be clear, consistent and concise.
- We need the navigation to quickly draw C-Level executives attention to areas that need additional focus.
- Set clear visual clues that will be used throughout the navigation experience.
- Calls to action - do more of …, do less of …, need to focus, need to assess, … should be visually clear & simple.
- Focus on trends (year over year performance), benchmarks & winners/losers wherever applicable.
- Acknowledge the Category focus (Snacks vs. Beverages)
- Additional data points & descriptions are attached to the c (Sample data files provided)
Suggested Screens:
Refer to Leadership Cockpit Approach v4 for sketches.
1. Homepage (Main Cockpit)
- Default Cockpit View
Ability to go to the four (4) sub-screens:
1) Organizational Effectiveness
2) Commercial Performance across channels
3) Market Insights
4) P&L
2. Market Insights
Refer to Leadership Cockpit Approach v4 for sketches.
Metrics to include:
- Market Share
- Market Growth
- Competitors Watch
- Category / Segment Watch
- Megacities/Major cities - eg. Insights re Barcelona & Madrid vs Total
- Possibility to go into the Category view.
3. Category View
Refer to Leadership Cockpit Approach v4 for sketches.
Metrics to include:
- Must Win Battles (Brand or Segment) - Can be Lipton, Pepsi Can or Quaker Oats
- Share of innovation
- Mega/Global (eg PEPSI) vs. Local Brand (eg KAS)
- GfY vs. FfY mix of Portfolio - Good for you vs Fun for you
- Nutrition - Salt, Sugar, …
- Benchmarks eg. vs. category or segment where relevant.
4. P& L
Refer to Leadership Cockpit Approach v4 for sketches.
Metrics to include:
- Cause of Change - Pricing vs Cost of Goods, …
- Possibility to go into Channel Mix or Product Mix analysis
5. Organizational Effectiveness
Refer to Leadership Cockpit Approach v4 for sketches.
Metrics to include:
- Talent pipeline - eg Turnover of High potential, #New recruits, …
- Organization structure - Internal vs External, Gender, % by level, …
- Health & Sustainability - Survey scores, …
- Cost structure - Investment in Recruitment, Training, Revenue per Employee, etc..
6. Commercial Performance
Refer to Leadership Cockpit Approach v4 for sketches.
Metrics to include:
- Net Revenue
- Growth
- Channel Mix
- Possibility to explore further a specific channel.
6a. Organized Trade – Focus on Key accounts
Refer to Leadership Cockpit Approach v4 for sketches.
Metrics to include:
- Key Account Performance – cross categories to start with
- Adherence to SLA (Order fill, …)
- Must Win Battles (Key Accounts)
- Trade Spend Profile & Effectiveness
- Categories - Winners & Losers
- Format mix - i.e. Hypermarkets vs smaller formats.
6b. Traditional Trade - Focus on Traditional stores by Geography & Segment (Gold, Silver, Bronze)
Refer to Leadership Cockpit Approach v4 for sketches.
Metrics to include:
- Must Win Battles (Brand or Segment)
- Numeric distribution
- Performance vs Potential
- Sales teams performance (Winners & Losers)
- Merchandising Asset Management eg Coolers and impact of those
6c. eCommerce (example Amazon)
Refer to Leadership Cockpit Approach v4 for sketches.
Metrics to include:
- Any other graphic types you would like to suggest/recommend.
- Creativity here is encouraged, but we would like to maintain a consistent look and feel.
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
- Focus User Experience! Focus on the navigation experience. Keeping consistent visual elements - from signal, to understanding, to action planning.
Screen Sizes:
- The dashboards will need to run on an iPad/Tablet
- Upload your screens to InvisionApp or MarvelApp for review and to showcase the experience
- Make sure you create graphic in 'shape' format, so when we resize graphics everything will still look sharp!
Branding/Colors:
- Follow the branding and colors of PepsiCo (http://www.pepsico.com/)
- We want to keep this simple and engaging
- Different worldwide markets will be using this so subtle items like flags to denote Market/login will be key and beneficial to the overall experience.
- For the challenge assumes South West Europe leadership team (Spain, Portugal, Italy).
Supporting Documents:
- Sketches of the Leadership Cockpit Approach v4.
Target Audience:
- Executives of Pepsi (C-Level)
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Overall design, UI and user experience.
- Consistency across the UX/UI
- How well you interpret the example screens (business relevance) and show us new ideas and concepts.
- Scope coverage - #Must have, #Should have
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.
Submit an Invision or Marvelapp link URL as part of your submission.
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.