Non-Linear Site

Use HTML5, CSS3, Dreamweaver, image creation software (Photoshop, Illustrator, etc.), and whatever other software necessary to create a non-linear "experience" using text, images, animation, audio, and interactive feedback. The ways in which the site is interactive should be related to the experience you are trying to create. You should design your site based on the unique goals of the non-linear experience you are trying to create. The site should not merely look a certain way, it should also react to user input according to the logic of your experience. The user should be able to navigate through the site in a non-linear fashion. There should be several parts (pages, or page-states) to the piece, with links that invite the user to advance to the next parts. There should be more than one path through the piece.

You must use words in some way (spoken words, written text, dialogue bubbles, photomontage with words in them). You must also use audio and animation in some way. But note: the entire site does not have to be animated, nor does the entire site have to contain audio.

Avoid an experience that relies heavily on someone else's illustrations (South Park, Adventure Time's Land of Ooo, etc.). You may use found content on the web, but you must recontextualize it into your original experience. Your site may even link to other areas of the web (social media or otherwise) for supplentation or augmentation, but the majority of the experience needs to happen on pages you've created.

Put your site in a folder labeled "nonlinear" and upload it to the "public_html" directory of your student web site. The first page of the site should be labeled "index.html."

If there are any special technical instructions necessary for the user to navigate the site, these should be included at the beginning of the site.

The site should be at least 15 pages (or segments/states). It can be longer, but not shorter.


Requirements:
1. must be comfortably surfable via cable modem (all files optimized for web delivery)
2. must use audio (at some point)
3. must use animation (something should be moving at some point)
4. must use text
5. must be non-linear (more than just one path)
6. must be in segments
7. must work cross-browser and cross-platform, but need not work cross-device.
8. must contain at least 15 pages (or segments).


Grading criteria:
1. meets above requiremets
2. sensory aesthetics (interactive design, typography, color, movement, sound, code mastery)
3. genre awareness/appropriateness (suitability of the experience for non-linear and web environment, how well does execution/implementation enhance the experience?)
4. compelling experience (scope, profundity/humor/engagement/twist, inventiveness, usability/navigability)


Suggestions:
1. Surf the examples for inspiration.
2. Use flowchart/site map software for prototyping.