Challenge Summary
Welcome to CSFV Citizen Science Resource Landing Page Design Challenge.
The goal of this challenge is to create a new landing page for Citizen Science Resource based on informations stated on challenge spec.
Round 1
Your submitted design solution for a review.
Single Page of CSFV Citizen Science Resource Landing Page Design.
Round 2
Final Design + Requested Checkpoint Review Feedback
Single Page of CSFV Citizen Science Resource Landing Page Design.
The current verigames.com website does not adequately present the science behind the CSFV program. In order to find out about the project’s scientific investigation and DARPA’s goals, users have to search the site and have access to very limited information.
User analytics have shown that most people who visit the site come from referring sites that are in the technical, computer interest and science interest genres. We get limited traffic from video game-specific sites.
Given the nature of Verigames’ gameplay mechanics and success in other crowd sourced games that have a science or academic research goal, it’s legitimate to expect many of our most successful players are “citizen scientists” who enjoy puzzles and video games, but are more interested in the Verigames project because of the potential outcome of the project rather than the actual games themselves.
To be more successful with this demographic, we need to make the science behind the project more visible, more accessible and more digestible for our users. Some users are interested in scholarly articles that thoroughly analyze specific CSFV methodologies used by certain games. Others are interested in the computer science of formal verification in general. Still others are interested in U.S. government involvement in crowd sourcing, video game development and the search for answers to technology problems.
These users have different levels of engagement in the project, different amounts of time to spend and different preferences for information gathering. We will best serve them by providing a breadth of information in a variety of forms: bibliography, scholarly articles, media articles, blog posts, podcasts, blurbs, infographics, images with captions, etc.
The Verigames site should clearly show where users can find scientific information. That information should be organized in a way that’s easy to understand, well labeled and kept up to date.
Branding Guidelines
- Your design width should be in size 960px maximum. No limit for height, up to your design size.
- Fonts: Open to designer.
- Colors: The colors must compliment the CSFV Color Theme. See our current site design theme: http://verigames.com/
- CSFV Design Resources: These file contains original source files like icons, theme, page design, and any graphics that might can re-use as materials for this challenge.
-- http://apps.topcoder.com/wiki/download/attachments/112886008/1.StormBound-GUI-Kit.7z
-- http://apps.topcoder.com/wiki/download/attachments/112886008/2.Circuitbot-GUI-Kit.7z
-- http://apps.topcoder.com/wiki/download/attachments/112886008/3.Xilem-GUI-Kit.7z
-- http://apps.topcoder.com/wiki/download/attachments/112886008/4.TrafficJam-GUI-Kit.7z
-- http://apps.topcoder.com/wiki/download/attachments/112886008/5.Ghostmap-GUI-Kit.7z
Landing Page Design Best Practices:
Reference 1
Reference 2
Reference 3
Citizen Science Resource Landing Page Design Consideration
- Istockphotos are allowed in this contest.
- Landing page design must look Scientific, Professional and Modern!
- Watch your typography design.
- Any other things can included in this landing page design that will enhance the look and feel?
- Feel free suggest best practice of layout for landing page.
- For sections below, you can use "Lorem Ipsum..." as the texts, and placeholders as the images
Citizen Science Resource Landing Page Content Requirements
1. Standard Site Header Bar
- How page title should design?
- Any welcoming text/banner design?
2. Images with Captions
- Scrollable Image module (no link to another page, perhaps can enlarge image when clicked)
- Create captions for relevant images that can provide scientific information for the Verigames project.
- Consider all art assets and other image material for potential scientific communication.
- As new art assets are generated, consider scientific relevance if a caption is added.
3. Infographics
- Scrollable infographic thumbnails that open up in a separate Infographic page that opens up in a new window when clicked. Infographic page will show large images of Infographics with callouts, explanations of the infographic images, etc.
- Create infographics that illustrate key CSFV and Verigames scientific processes.
- The Scientific Process should designed based on this page information https://www.verigames.com/about-us
- Utilize documentation mockups and other materials created during game development.
4. Blurbs
- Scrollable Blurbs of short text about CSFV. Add relevant art to illustrate information (need to design with a thumbnail image)
- Create short blurbs based on existing scholarly articles, media articles and blog posts that present information in short bits.
- Add relevant art to illustrate information.
- Keep blurb section up to date with new blurbs written as scholarly articles, media articles and blog posts are created.
5. Blog Posts
- Scrollable snippets with links to the blog post page where the post originated. Add relevant image (game logo or generic screenshot—design with a thumbnail)
- Collect all blog posts written to date on all game forums.
- Organize blog posts that contain relevant scientific information and include on Science page.
- Add a relevant image to each blog post (a game logo or generic screenshot if necessary).
- Automate inclusion of scientifically relevant blog posts so they are posted to science page simultaneously when posted to forums.
6. Media Articles
- Scrollable snippets of media articles with a link to the original article on the outlet site that opens in a new window when clicked—include image from original article
- Collect all media articles written to date
6. Podcasts
- Scrollable list of podcasts that play in a media player on this page when clicked. Should have volume control, etc. and allow continued browsing of the rest of page content while podcast plays
- Write a long list of questions relevant to the overall Verigames program to be preapproved by DARPA PAO.
- Implement media player on science info webpage.
7. Scholarly Articles
- Scrollable snippets with links to another page of scholarly articles that opens in a new window when snippet is clicked
- Post titles and snippets from the most relevant articles on a separate scholarly articles page
8. Interview Videos
- Not all scientific but they have info about game development of CSFV games, which is interesting to science-oriented people. Should play in a media player on this page that opens in a window that can be made smaller or larger with volume controls, etc.
10. Bibliography
- Add bibliography information from existing DARPA website
- Post titles and snippets from the most relevant articles on a separate bibliography page
- You can use content from this site: http://www.darpa.mil/About/History/Historical_DARPA_Bibliography.aspx
Target Audience
- Verimages.com Members
Judging Criteria
- How well you create graphics and keep things consistent and following the outlined requirements
- Cleanliness, simplicity and friendliness of your graphics and design
- Uniqueness and Originality
- Feeling of Scientific Landing Page
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 image files based on challenge submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop and saved as editable file. Or any source file from original vector graphics on Adobe Illustrator file (ai/eps)
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.