Module 01 - 15 Weeks Plan

- : Task for creating general visual contents.
* : Task for creating specific modular assets.

Module 01

- Project Outline.(PDF)
- 15-Module Project Plan.(PDF)
- 5 to 25 links related to project in multiple categories(Competitive/Inspirational) with major screenshots and feature brief. (PDF)
- 5 rough Mood-boards.(JPG)
- 10 to 15 possible project Taglines for project Name(NaturalNerd).(RTF)

Module 02

- Define the final look-and-feel based on the FEEDBACK of the previous visual research. 2 final high-resolution Mood-boards in 2 distinct styles, along with keywords and color palettes. (PDF).
- Narrow down Tagline list to the best 5 for next review. (RTF)


Module 03

- Finalize Name/Tagline.
- 10 quality sketches and typographic experiments for LOGO(Name/Tagline), headlines, button, and body copies. (PDF)
- Revisit the previous interface wireframes done in User Experience DS, refine it based on a in-depth grid system research. (PDF)

Module 04

- 5 rough computer Logos with Taglines. (PDF)
- Continue grid system research and revise wireframes based on the FEEDBACK. (PDF)
* Plants: Vector Drawing & Image Optimization. (JPG)

Module 05

- 3 refined computer Logos with Taglines. (PDF)
- Finalize wireframes with all levels of navigations for the major flows. (PDF)
- Icon/Button style explorations, including rollover states. (PDF)
* Animals: Vector Drawing & Image Optimization. (JPG)

Module 06

- Finalize Logo with basic guidelines and written specification. (PDF)
- 3 distinct interface layouts in 3 levels each. (9 JPG comps total)
- Refine Icon/Button design, including rollover states. (PDF)


Module 07

- 2 refined interface layouts in 3 levels each. (6 JPG comps total)
- Finalize Icon/Button design, including rollover states. (PDF)
* Water: Vector Drawing & Image Optimization. (JPG)

Module 08

- Final interface layouts in 3 levels; extending design to homepage. (PDF)
* Fire: Vector Drawing & Image Optimization. (JPG)

Module 09

- Revise homepage; extending design to quiz pages. (PDF)
* Health: Vector Drawing & Image Optimization. (JPG)

Module 10

- Continue revise homepage and quiz page; extending design to forum front pages. (PDF)
* Shelters & Knots: Vector Drawing & Image Optimization. (JPG)


Module 11

- Forum pages integration. (PDF)
* Navigation: Vector Drawing & Image Optimization. (JPG)

Module 12

- Continue improve the interface layouts to make all the pages come together. (PDF)


Module 13

- Finalize visual design for the entire web site. (PDF)

Module 14

- Stimulate interactive functions of this project via online prototype. (HTML)
- Integrated all the visual/swf/video assets with backend coding if possible.

Module 15

- Revise process report. (PDF)
- Final Deliverable and Final FEEDBACK.

Module 01 - Project Outline

ABSTRACT

Natural Nerd(www.naturalnerd.info)is an educational and experimental website about outdoors and wilderness survival information. It serves as a basic reference to help a certain group of people acquire relative solution handily while having fun.

CONCEPT

This project aims to be extremely practical for people who have been interested in such subject and want to get immunity in advance before exposing into those particular situations.

TOP LEVEL INDEX OF THE SITE

FOOD / FIRE / WATER / HEALTH / NAVIGATION
COOKING / SHELTER /ROPES&KNOTS / GEAR

TARGET AUDIENCE

Primary: 18-45 year old outdoor enthusiast who have great interest in outdoor/wilderness activities.
Secondary: Military students, solider in commission or veterans who are more geared and experienced in survival but tend to keep eyes open on the information updating.

INFORMATION ARCHITECTURE
Please CLICK the image under to see the hi-res PDF.


CONTENT INVENTORY

This spreadsheet covers every content item i'll be creating for this project(text, graphic, animation, audio)and the status of each, with the rough calculation indicating that it will take estimated 711 hours for the production.

WIREFRAME & WALKTHROUGH

Pleas CLICK HERE to see the 2nd online wireframe.