Challenge Summary
topcoder - Mobile Program Value - Single Page Design Challenge is all about creating a single page design that shows the value of building mobile apps using topcoder and also convey:
- We can do a lot of things at once (building apps for multiple platforms)
- We can build an app really fast
- Can get a lot of apps done over the course of a year
Looking forward to your design thoughts!
Round 1
initial design for the 'mobile program value' design with all sections as mentioned in the requirements..
- Any note for the client about your submission
Round 2
Final design for the 'mobile program value' design with all sections as mentioned in the requirements with any checkpoint updates.
- Any note for the client about your submission
We need this design to be very simple for someone new to follow but enough to help someone new to Topcoder as a customer/prospect get the value.
This graphic design conveys the value of building mobile apps using topcoder and will have the details about the following..
- the number of mobile apps that can be built on a typical year using different approaches
- timeline, cost for building a generic mobile app using topcoder
- comparison of different approaches (hybrid/native) for developing apps
- finally show highlights based on the above..
Challenge Downloads:
Files for this challege are available in Google Drive
https://drive.google.com/folderview?id=0B2MK5NncVSuQWEwyUDZGS19qUlk&usp=sharing
Please send your access request mails to "csystic@gmail.com" (without quotes)
Note on Checkpoint Review:
- We might have a longer checkpoint review than normal as we expect to have a lot of feedback for this challenge
Design Guidelines:
- Come up with a fresh, modern and simple design..
- Make the design as intuitive as possible..
- Looking for your help to convey information through graphics
- Please use [topcoder] logo in your designs.
- Please make sure the design doesn't look crowded
Expectations:
Approaching the below secions in your designs is up to you, some design thoughts...
- "Two (2) page design - section 1 & 2 in one page and section 3 & 4 in another page (or)
- Something like an Infographic - please do make it too long (or)
- Any other better approach that you recommend.
Required Details:
We would like you to prioritize and order things as given below...
0) Tagline:
- We need a tagline to be used for this design, please come up with your own taglines something like below example..
- Example Tagline: “topcoder’s On-demand App Dev Factory” (without quotes)
1) One Year Program - Timeline Visualization:
- When a customer uses topcoder services, they will have the ability create 16 to 20+ mobile applications in one year.
- So, in a typical year (1 year), we can see this as “either $1 Million in spending” or “developing 20 to 40 applications”
- For a customer looking to build mobile apps, a typical year with topcoder could be any one of these or a combination of these (i.e. they will have the ability to mix and match from below options A, B or C)
A) 1 Year timeline: delivery of mobile apps starts from 4th month, 2-4 hybrid app deliveries per month
B) 1 Year timeline: delivery of mobile apps starts from 4th month, 2 native app deliveries per month
C) 1 Year timeline: delivery of mobile apps starts from 4th month, 4 HTML5/Web app deliveries per month
- We want to focus on number of Apps that can be created and not on challenges..
- We would like you to come up with a graphic for the 1 year program timeline conveying the above.
- Your design need to convey the message clearly that a user can achieve developing many mobile apps within 1 year through a combination of different approaches (A, B, C).
- Slide 5, shows an design direction on how this can be visualized..please do not copy them - we are looking for your own design thoughts.
2) Generic Mobile App - Yahoo Weather:
In Slide 2, we had shared cost and timeline details, that it takes to develop a mobile app through topcoder.
- For the above cost and timeline, we are using a relatable weather application which is Yahoo Weather, this app is available for both iOS and Android Platforms
- Find an idea to convey the timeline and cost data relating to this yahoo weather app...keep it simple.
- Some highlights we would like to see about this app are “it’s Integration with REST or other web services, it has native functionality: e.g. integration with geolocation, it is HTML5 compatible”...
- Feel free to grab screenshot(s) of this app to be shown in your designs.. make sure it looks simple and elegant, please do not crowd your design with all the app screenshots.
3) Native vs. Hybrid Visualization:
- This section will show a comparison of ‘how many applications can be build for a year program in native cost vs. hybrid by comparing timeline and cost
- Convey clearly on cost per app through these approach.
- Cost information can be gathered from the slide 2..
- We have provided design direction for this section in slides 3, 4 and 5...please go through them to know our expectations.
- Look to show an effective way of comparing like the design directions.
- About Native Approach: Mobile apps built for specific platforms like iOS, Android, etc, using their respective development tools and language. Native App will work only on the platform it has been designed for.
- About Hybrid Approach: Single mobile app built on HTML5 and then converted to native applications for specific platforms (iOS, Android, etc,) using frameworks.
4) Summary:
We need to show a summary based on the highlights from above sections...
A) Cost Savings:
- - - Benefit of mixing and matching different approaches (hybrid/native) and build a lot of apps thus reducing cost and increasing productivity.
- - - Build for multiple platforms without recruiting or ramping separate skill sets
B) Time Savings:
- - - Deliver 4 apps in parallel (13 week average time down to 4 weeks)
- - - Reuse design and development assets
- Anything else which you think will be good for a summary?
Target Audience:
Someone new to Topcoder as a customer/prospect to know the value.
Judging Criteria:
- How well you design based on the above requirements
- Cleanliness of your graphics and design.
- Does the design has the ability to convey the value of program to customers.
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
Please upload PNG/JPEG images in a zip file with all requested contest requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Adobe Illustrator and saved as layered PSD or 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.
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.