Challenge Summary
Welcome back to the NNS (NoNameSite.com) Avatar Tournament!
The goal of this tournament is to build the coolest avatars that will be used in NoNameSite.com's middle school and high school students members profile.
We want this avatars to scream cool that most popular kids in every school in America wanting to make an avatar!
NNS is a product of DARPA CS-STEM project, an internet platform for helping middle school and high school students (13-18 year old demographic) develop an interest in the S.T.E.M. fields. The platform features contests, activities, prizes and web-based entertainment shows designed to get students engaged.
For this contest, we are looking for a cool page design that will allow us to mix and match our avatar features.
To know more about the project, please visit the following sites:
NoNameSite.com | DARPA CS-STEM
We will be giving T-Shirt as a bonus prize for TC Studio members who submit and passed round 2 screening.
Round 1
1) Intial design of all the mentioned screens and features in the Requirement section
2) Any note for the client about your submission
Round 2
1) Final design of all the mentioned screens and features in the Requirement sections
2) Any note for the client about your submission
Primary Goal & Design Considerations
We already have our avatar designs and features and now it's time to build the UI for mix and match features in creating the avatars. For this contest, create the Avatar Creator UI pages utilizing the provided avatar designs with the features outlined below.
Requirements
-
Create an Avatar creator or mixer screen
- reference site are http://mms.com/us/becomeanmm/create/ and http://www.southparkstudios.com/avatar/
- the goal is to have the user design his/her own avatar
- initial choices should be a selection of male or female and then followed by selection of basic avatar shape with just plain clothes and with no hair
- next step is the selection of skin tone, hair style, hair color, emotions or facial expressions, clothes, accessories, and backgrounds
- please put a placeholder for the mean time for facial expression, hair color, clothes, accessories, and backgrounds
- you need to make a screen for each of these category selections
- for each category selection, only some choices will be available at first and some are shown with dark transparent overlayed layer and a lock icon
- these locked choices should have a tooltip or hint icon that when mouse hover it will show a description on how can a user unlocked the item
- keep in mind that this avatar creator screen will be developed in HTML environment and not Flash
- create two flow of this creator, one flow for male and another flow for female -
Our avatars will be named Zeepl
- we need to create a Zeepl branding
- create a logo that will be used for this branding
- add a tagline "Power to the Zeepl"
- give the creator a good name or use Zeepl Creator if you cannot think of something better -
There should be a screen for the other features
- a button/icon for sharing in Facebook
- a button/icon to save the created avatar
- a button/icon to export the created avatar
- a button/icon to email the created avatar
- suggest or add any other feature that you think will be cool or useful -
Design the avatar creator page
- this page house the Zeepl Creator (avatar creator)
- include a "wall" like feature, this will be something like the FB wall so users will have the ability to comment
- this "wall" will be an outlet for the user to give feedback and thoughts about the creator
- it should also have a comment or suggestion box for posting the thoughts and feedback
Branding Guidelines
- fit yourself in the shoes of a high school student, then think of the coolest avatar you want to have that screams loud and cool!
- color is open, suggest a color scheme that best suites your designs
- the size of the creator should fit in comfortably inside the NNS website (http://www.nonamesite.com)
- the entire page should follow the width of NNS website
Target Audience
- middle school and high school students (13-18 year old demographic)
- there will be two student groups who will actually judge the submissions
Judging Criteria
- Creativity, Easy to use interface, and Graphics Appeals
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
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 Illustrator (or equivalent) and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (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.