Challenge Summary
Welcome to the Applause Pathway Dynamic Infographic Design Challenge
After successful previous Cycling Jersey Kit Design Challenge, this time Applause invite all Studio creative minds again to share their ideas how the the Dynamic Infographic should designed to represent single app based on data from the Applause API.
The goal of this challenge is to create a dynamic infographic for a single app based on data from the Applause API and the selected app ID. Infographic should be “tall”, and use 300 DPI resolution that it can be printed as a poster at about ~24inch x 36inch size
Round 1
Submit Initial Dynamic infographic design for our review! Impress Us!
Round 2
Final infographic design by following checkpoint review guidelines.
Applause is leading the app quality revolution by enabling companies to deliver digital experiences that win from web to mobile to wearables and beyond.
By combining in-the-wild testing services, software tools and analytics, Applause helps companies achieve the 360° app quality™ they need to thrive in the modern apps economy.
We would like you to focus on designing an infographic that use Pathway visualisation base design by transforming provided information on spec details below.
You need think how should the Pathway infographic look?
What should the icons/concepts portray to infographic in an interesting way?
We are looking for the best way to design and explain this concept visually.
Design Notes:
- No istockphoto allowed in this challenge. Use your own designs and illustrations.
- Your submission should reflect Applause Logo Design Theme.
- Refer attached Infographic-File-References.zip for images/screens stated on spec requirement below.
- If you have an idea for a item that we are not providing - ask us and we will try and find the information
- In Round one your design doesn't need to be perfect - show us your concepts, ideas and illustrations - so we can provide you feedback/art direction.
Branding Guidelines
Color Theme
Primary brand colors (from the circular ring of Applause logo) are as follows:
- Red: #ff3a1d
- Royal Blue: # 005eb8
- Light Blue: #99caea
- Gold: #ffa300
- Black (“APP” color on white background; background color on black background version): #14191c
- White (“APP” color on black background version): #FFFFFF
- Medium gray (“LAUSE” color on white background): # 3d4244
- Lightest gray (“LAUSE” color on black background version): #d6d6d6
Fonts : Open to designer, Please be aware of font delivery requirement.
Size :
- Design Need look tall!
- Size should ~ 24inch x 36inch
- Use 300 DPI resolution for source files
- Use 150 DPI or 72 DPI resolution for your submission images to make us easy to review.
- We could post it on the blog or website
- We might print it in poster sizes
Background Theme
- We want the designers to come up with whatever idea they have for the customer's "journey." They don't need to have sky on top and land on the bottom. We want designers to come up with creative ways to display this.
- Here's some design inspiration (DO NOT copy any of these examples, we need create unique design for Applause Dynamic Infographic)
Reference #1
Reference #2
Reference #3
Reference #4
Reference #5
Applause Pathway Infographic Design Requirements:
- The Applause Pathway Infographic should be divided into 2 sections
- We want the designers to come up with whatever idea they have for the customer's "journey." They don't need to have sky on top and land on the bottom. We want designers to come up with creative ways to display this.
1. Top Area: (Sky section)
Banner Title: Path to 5 Stars
Top Messaging:
Winning apps listen to what users are saying.
"Every minute, hundreds more app reviews are posted to the app stores. Applause Analytics crawls every one of them and synthesizes this mountain of data into actionable intelligence." Note: Click this will take user to http://applause.com/testing-services
Winning apps test in the wild.
"Testing beyond the QA lab – with real professional testers, on real devices, under real-world conditions – ensures your web & mobile apps work every time, everywhere, for every user."
Note: Click this will take user to http://applause.com/mobile-analytics
Winning apps uncover issues in real time.
" The Applause SDK lets you distribute new builds, pinpoint the root cause of crashes, and get more diagnostic bug reports & user feedback."
Note: Click this will take user to http://applause.com/mobile-sdk
Branding
- Use attached Applause-Logo-Branding.eps on this section
- Refer required logo format from attached branding/darkTag.jpg or branding/lightTag.png
Prominent Application Logo
- Showing logo image
- App name
- Category Name Icon for ‘app store’ (iOS or Android)
- Applause score (the overall applause score) e.g. 29 /100
- You can put placeholder app logo.
- Sample design: sample-app.png
Top 3 Review Clusters
- Header, something like “Listen to your users”
- Show 1 Top Positive Cluster and 1 Most Negative Cluster.
- Order need start with Positive first
- Sample design: review-1.png & review-2.png
Top Quality Attribute Highlight
- Some Text and Image showing “Your Best quality attribute is: <attr>”, where <attr> is the name of the best quality attribute
The Competition
- Show radar chart explained about application quality attribute
- Legend: black: average attribute score in category. blue: the current app
- Sample design: radar.png
2. Bottom Area: (Path with segments section)
Header: “Focus on these areas for the fastest path to a 5-star app”
- You need design separate segment for each attribute. e.g. a segment is visually a ‘turn in the road’, or one of several rolling hills, etc.
- The segments should be for the worst, second worst and thirst worst scoring quality attributes in the order of top to bottom.
- It is possible that the app has less than 4 attributes with a score.
- Quality Attributes needed are:
-- Content
-- Elegance
-- Interoperability
-- Performance
-- Pricing
-- Privacy
-- Satisfaction
-- Security
-- Stability
-- Usability
For each of quality attribute segments
Title: Quality Attribute name e.g. “Satisfaction”
SubTitle: “Attribute score: 33/100”
SubTitle2: “Quality attribute description”
Attribute Image:
- Refer Infographic-File-References/qualityattributes folder
Note: Using those icons would be more consistent with existing content from client, But, we're open to any design suggestions that match with your infographic design .
Tips:
- Title: Tips
- Need show 2 tips
- Note: If attribute segment width is visually too small or smaller than others, it is fine to show only 1 tip.
- For each tip:
-- Persona Icon Matching the Tips persona. Refer Infographic-File-References/Personas folder
-- Title: show tip title
-- Text: show tip tip Text
Reviews
- Show 2 reviews per attribute segment
- Note: if attribute segment width is visually too small or smaller than others, it is fine to show only 1
- Select Good review: select one review that is
- Per each review:
-- review star rating
-- review title
-- review text
-- A ‘chat’ like icon graphic to show it is the user’s voice
Offering Suggestion
- Show top offering suggestion (in JSON, “1” is best)
- Offering icon: one of these attached graphics: analytics.png, applause-sdk.png or offering-suggestion.png
Note: Using those icons would be more consistent with existing content from client, But, we're open to any design suggestions that match with your infographic design.
- FYI: those offering icons will clickable, they'll go to one of these urls:
Functional Testing: http://applause.com/functional-testing
Usability Testing: http://applause.com/usability-testing
Load Testing: http://applause.com/load-testing
Localization Testing: http://applause.com/localization-testing
Security Testing: http://applause.com/security-testing
Applause SDK: http://applause.com/mobile-sdk
Applause Analytics : http://applause.com/mobile-analytics
- Offering Text:
“Applause.com can help with <attribute name> issues via our <offering name> services.”
Call to action at bottom
- Title: “This is just a sample, visit applause.com for even more 360 app quality information and services”
Applause Service Description
- Refer attached 360_description.png
List/collection of services info:
- Refer attached analytics.png, applause-sdk.png or offering-suggestion.png
- All offering icons link as above
Full Applause API documentation
@https://analytics.applause.com/api#reviews
Share Infographic
- How Share Infographic area designed?
- Might need corporate with social links
Target User
- Applause Potential Customer
- Applause Current Customer (Workers and Executives)
Judging Criteria
- Is your design engaging?
- How well you represent / convey information in your infographic design.
- Cleanliness of your graphics and design
- How well it will translate across different media, web, powerpoint, print, etc.
- Simplicity of design / strong, clear design concept
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 150 or 72 DPI JPG/PNG for your submission file, so make use easier to review your submission.
Source Files
All original source files of the submitted design. Files should be created in Adobe Illustrator and saved as layered AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. As part of final fixes you may be asked to fix or update your screens to meet any missed requirements, forum requirements or milestone requirements.
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.