Challenge Summary
The DARPA CS-Stem project goal is to develop an internet platform for helping middle school and high school students develop an interest in the S.T.E.M. fields. The platform will feature contests, activities, prizes and web-based entertainment shows designed to get students engaged.
This website is intended for 13-18 year old demographic, with an aim of helping young students find and develop an interest in topics related to computer science, computation and engineering through fun, interesting activities and awards. Our emphasis is strongly extracurricular and on building captivating things to do; while there will be activities that allow programming; we are not building a formal education website.
For more information about the project, please visit the following pages:
Main DARPA CS-STEM page | DARPA CS-STEM blogs | DARPA CS-STEM general forums
Primary Goal & Design Considerations
For this contest, you will update a wireframe to make additional pages that will demonstrates what Bios of tech leaders could look like on the CS-STEM site page.
Requirements
The goal of this contest is to update the provided wireframe. You are asked to add the additional features outlined below.
Wireframe Requirements:
1) On the Homepage, add a prominent link, button, or graphic that will link to the bios page, this page will be available to any user, regardless if they logged in or not.
2) In addition to the link, create a section in the Homepage that includes a "teaser" to the bio section, which can be a snippet from a bio, the size or space will be about 20% of the page width.
3) Design a page that will list all the Bios and are categorized by the two category headings. This page should have functionality that allows the user to search bios. Each bio listed should be linked to the "Bio Page".
The Category Headers are:
A) Student / Professional
B) Interest Type
The "Interest Type" category will have sub category, these are:
a) Electrical Engineering
b) Software
c) Robotics
d) Health
e) Information
f) Other
4) Design a "Bio Page" that will have the following attributes:
a) A picture
b) Bordered section that list name, interest, and schooling
c) Explanation for when and how the bio-ee became interested in STEM (science, technology, engineering, and math)
d) A two (2) paragraph approximately 250 words biography
e) A forum preview that will display the last five (5) post, each post will link to the "Bio Forum" page. Please feel free to be creative on this one.
f) Anything else that you feel it should be included
5) Design a the "Bio Forum" page that should display the whole forum
Do not DELETE any old page as they will be needed in the future build. The provided wireframe has two version (normal and wide screen) versions; please create the updates on both versions.
Stock Photography
Stock Photography is not permitted
Judging Criteria
Your submission will be judged on the following criteria:
- How well your wireframes provide a consistent user flow
- How well you implement the required data and any suggestions, interactions and user flow you recommend (provide any notes or comments for the client)
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
All Requested Contest Requirements stated above.
Source Files
Wireframes should be built in HTML, Axure, or MS Visio. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.
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.