zombie website storyboards

8/8/2019 Zombie Website Storyboards

1/26

JMA 501: Fina Project Storyboards

Cathy Benscoter

Oct. 25, 2010


2/26Benscoter

Linked from: None

Links to: Home pae

Content: Site intro. Animationof zombie head bouncinand roin across screen.

Video: Fash animation

Audio: None

Animation

Enter appears as SCREEN oads.

Zombie head drops from upper eft, spiras to bottom of the

screen, bounces and ros to the bottom riht.

UPS oo fades in, foowed by the UPS soan.

Comments

Pae oads upon naiatin to the site.

The ony naiation offered is the Enter ink. This ink appearsimmediatey, so if a user prefers not to watch the zombieshead ro across the screen, he may proceed into the sitewithout deay.

SPlASH SCREEN SCREEN 1 OF


3/26Benscoter

Comments

Home pae seres as a introduction to the site and an en-

try point into the ower-ee paes. The text introduces theuser to the mission of the Undead Preparedness Society and

incudes aarmin facts but the oomin zombie apocaypse,brinin attention to the urent need for humans to preparefor the attack.

A zombie fact offers a tidbit of knowede that may come inhandy to the user. A contribute box, which inks to the con-tribute pae, offers a way for the user to support the Society.

A quote from the recenty eaten Society founder is a poi-nant reminder of the urency of the situation.

Linked from: Spash screen

Links to: Main Naiation

(Zombie 101; Ki or Be Kied;Easion and Defense; YourZombie Action Pan; AboutUs.) Aso inks to the Panic But-ton and Contribute paes.

Content: Intro to site and theoranization.

Images: Zombie hoardmarchin is an American city.

Video: No

Audio: No

lEvEl 1: HOME PAgE SCREEN 2 OF

Color scheme


4/26Benscoter

Comments

lee 2 pae is an intro to the Zombie 101 section, which in-

cudes auabe information on zombies and their habits.

Each of the four zombie info areas has a picture and teaserto the ee 3 pae. Cickin on these areas opens the ee 3pae to which it refers.

Quote area remains on the riht with a different quote.

Inside naiation, zombie fact, and contribute box a o onthe eft. The information in the fact box chanes on each

pae, and the inks on the inside na chane per section.

Linked from: Home and mainnaiation bar

Links to: Main na; What is azombie; voodoo, myths andmoies; Infection theories;liin the Undead life; Panicbutton

Content: Intro to interior paeswith basic zombie information

Images: Four zombie imaes,each hihihts one of thefour inked topics

Video: NoAudio: No

lEvEl 2: ZOMBIE 101 SCREEN 3 OF

Zombie 101 intro and head

What isa zombie

voodoo,myths &

moies

Infectiontheories

liin theUndead life

What is a zombie

voodoo, Mythsand Moies

InfectionTheories

liin theUndead life


5/26Benscoter

Comments

lee 2 pae is an intro to the Ki or Be Kied section, which

incudes auabe information on destroyin zombies.

Each of the four zombie info areas has a picture and teaserto the ee 3 pae. Cickin on these areas opens the ee 3pae to which it refers.





Links to: Main na; Combattechniques; how to ki a zom-bie; ehices; weapons; con-tribute; panic button.

Content: Intro text and cick-throuhs to ee 3 paes.

Images: Pictures wi iustrate

each ee 3 option.

Video: No

Audio: No

lEvEl 2: KIll OR BE KIllED SCREEN 4 OF

Combattechniques

vehices

How to kia zombie

Weapons

Ki or Be Kied head and intro

Combattechniques

How to kia zombie

vehices

Weapons


6/26Benscoter

Comments

lee 2 pae is an intro to the Easion and Defense section,

which incudes auabe information aoidin bein eaten byzombies.

Each of the two zombie info areas has a picture and teaserto the ee 3 pae. Cickin on these areas opens the ee 3pae to which it refers.


Inside naiation, zombie fact, and contribute box a o on

the eft. The information in the fact box chanes on eachpae, and the inks on the inside na chane per section.


Links to: Easion/defense athome; Easion/defense onthe run; Panic button; Contrib-ute.

Content: Teaser inks to ee 3information paes

Images: Photo of person

defendin home; photo ofperson eeing a zombie

Video: No

Audio: No

lEvEl 2: EvASION AND DEFENSE SCREEN 5 OF

Head and intro to Easion and Defense

At home or work On the run

At Home or Work

On the Run


7/26Benscoter

Comments

lee 2 pae is an intro to the Your Zombie Action Pan sec-

tion, which incudes auabe information on draftin a panto dea with the oncomin Zombie Apocaypse.

The concept of the action pan is expained and the fourmain components outined. Each component inks to an ex-panded information pae in ee 3. Cickin on these areas

opens the ee 3 pae to which it refers.


Inside naiation, zombie fact, and contribute box a o onthe eft. The information in the fact box chanes on eachpae, and the inks on the inside na chane per section.


Links to: Escape route; emer-ency suppies; sampe pans;rst aid; panic button; panicbutton; contribute.

Content: Short synopsis ofeach action pan step.

Images: A are zombie photo

dominates the space. Thenumbers for the ist are iena raphic treatment.

Video: NoAudio: No

lEvEl 2: YOUR ZOMBIE ACTION PlAN SCREEN 6 OF

Zombie Action Pan (ZAP) intro and head

Escape Routes

EmerencySuppies

Sampe Pans

First Aid

1

2

3

4

Escape Routes

Emerency suppies

Sampe Pans

First Aid


8/26Benscoter

Comments

lee 2 pae ies user an oeriew of the UPS oraniza-

tion and history, shows a group photo of the ofce staff, anddirects users to a resources pae.

Users may aso cick on Contact Us, which inks to the Con-tact and Contribute pae.





Links to: Suested readin;contribute pae

Content: Organization proleand contact information

Images: group photo of of-ce staff

Video: No

Audio: Mr. loyds ast inter-iew (which is featured on the

site aunch podcast).

lEvEl 2: ABOUT US SCREEN 7 OF

About Us headine

Group photo of ofce staff

About usinformation

SuestedReadin

Contact Us

link to podcast of Mr. loyds astinteriew


9/26Benscoter

Comments

Detais about what makes a zombie a zombie. lists facts

about zombies, such as how fast they can trae and whythem seem to conreate in cities.




Linked from: Zombie 101 andother paes in Zombie 101

section.Links to: Main na; voodoo,myths and moies; Infectiontheories; liin the Undeadlife; Panic button

Content: Detai about zom-bies, their habits and theirfeedin rituas

Images: Zombies

Video: No

Audio: No

ZOMBIE 101 > WHAT IS A ZOMBIE SCREEN 8 OF

What is a zombie

text

What is a zombie


InfectionTheories

liin theUndead life


10/26Benscoter

Comments

Text focuses on zombie myths and non-zombies, incudin

oodoo zombies and zombie-ike creatures from moies suchas I Am leend and Friday the Thirteenth.

A ideo sideshow of moie stis and posters wi be presented.




section.Links to: Main na; What is azombie; Infection theories;liin the Undead life; Panicbutton.

Content: Expanation of mythsperpetuated by moies

Images: No

Video: Sideshow of zombiemoie stis and posters

Audio: No

ZOMBIE 101 > vOODOO, MYTHS & MOvIES SCREEN 9 OF

voodoo, Myths and Moies

Text: oodoozombies and

how they differ

from todayshoard

What is a zombie


InfectionTheories

liin theUndead life

video sideshow of zombie moiestis and posters

Text: moies and myths


11/26Benscoter

Comments

Numerous theories are documented in the zombie iterature

what causes zombiness and how the disease is transfered.This pae expores some of the more pausibe ones.





section.Links to: Main na; What is azombie; voodoo, Myths andMoies; liin the Undeadlife; Panic button.

Content: Rundown of ariousinfection theories

Images: Infected zombies

Video: No

Audio: No

ZOMBIE 101 > INFECTION THEORIES SCREEN 10 OF

Infection theories

text

What is a zombie


InfectionTheories

liin theUndead life

zombie picture or pictures


12/26Benscoter

Comments

Zombies hae ies, too. Or, rather, they wish they sti did.

As disturbin as it may seem, theres more to the zombie sub-

cuture than eatin brains and entrais. What do zombies dowhen theyre not hungry? How do they nd love after death?This pae ooks into how zombies cope with the undead ife.





section.Links to: Main na; What is azombie; voodoo, Myths andMoies; Infection theories;Panic button.

Content: liin ife as a zom-bie

Images: Zombie romancepictures

Video: No

Audio: No

ZOMBIE 101 > lIvINg THE UNDEAD lIFE SCREEN 11 OF

liin the Undead life

text

What is a zombie


InfectionTheories

liin theUndead life


13/26Benscoter

Comments

How do you ght a zombie? Learn from the best what to

do when youre cornered. Cuttin off es and hands mihtwork, but watch out for the teeth. There may be more than

one way to ght a zombie, but the best way is to run.



Linked from: Ki or Be Kiedand other lee 3 paes in

the section.Links to: Main na; How to kia zombie; vehices; Weapons;Contribute; Panic button.

Content: How to ght a zom-bie and how NOT to ght azombie.

Images: Zombie ght photo

Video: No

Audio: No

KIll OR BE KIllED > COMBAT TECHNIQUES SCREEN 12 OF

How to ght azombie. How notto ght a zombie.

Combat Techniques

Combattechniques

How to kia zombie

vehices

Weapons


14/26Benscoter


the section.Links to: Main na; Combattechniques; vehices; Weap-ons; Contribute; Panic button.

Content: Aim for the head

Images: zombie heads

Video: No

Audio: No

Comments

How do you kill a zombie? Good question, if youre in a ght

with one. Tota destruction is the ony way to o. Bow themup. Burn them out. Hack at them with a chainsaw. Reay,

though, theres only one sure-re way to stop a zombie inmid-shambe: Cut off its head.



KIll OR BE KIllED > HOW TO KIll A ZOMBIE SCREEN 13 OF

How to Ki a Zombie

Text: aundry ist of the best ways to off your undead

friend. The best way? Cut off its head.

Combattechniques

How to kia zombie

vehices

Weapons


15/26Benscoter


the section.Links to: Main na; Combattechniques; How to ki a zom-bie; Weapons; Contribute;

Panic button.

Content: Best and worst e-hices to use for your escape.

Images: good and badehices (bikes, tanks, heicop-ters, etc.)

Video: NoAudio: No

Comments

Foret the bicyces and scooters. What you need to et

away from the hoard is a nice armored ehice or a we-timed heicopter. Or maybe a Prius, you et a ood 500

mies before you hae to break into a cosed as station.



KIll OR BE KIllED > vEHIClES SCREEN 14 OF

vehices

The best and

worst ehices touse to escape thezombie hoard.

Warnin: Dontforet the as.

Combattechniques

How to kia zombie

vehices

Weapons


16/26Benscoter


the section.Links to: Main na; Combattechniques; How to ki azombie; vehices; Contribute;

Panic button.

Content: list of weapons, bothtraditiona and nontraditiona,

and how they are best usedfor kiin zombies

Images: Chainsaws, uns and

ames/explosions

Video: No

Audio: No

Comments

lee 3 pae ists weapons and how to use them to ki

zombies. Traditiona weapons such as uns and knies arediscussed as are ess-traditiona items that can be used as

weapons, such as chainsaws, ame-throwers and signalares.



KIll OR BE KIllED > WEAPONS SCREEN 15 OF

Weapons

Text: tradition-a weapons

and non-traditionaitems that

can be used

as weap-ons aainst

zombies arediscussed.

Combattechniques

How to kia zombie

vehices

Weapons


17/26Benscoter

Linked from: Easion andDefense and the other ee-3

pae in the section.Links to: Easion/defense onthe run; Panic button; Contrib-ute.

Content: Turn your home orworkpace into a zombie-freezone.

Images: Zombie attackinwoman.

Video: No

Audio: No

Comments

Tips for deain with zombies in the paces we fee most com-

fortable. Details how you can make your home or ofce afortied bunker.




EvASION & DEFENSE > AT HOME OR WORK SCREEN 16 OF

At home or work

Text

At Home or Work

On the Run


18/26Benscoter

Comments

Hepfu hints for stayin out of harms way whie youre try-

in to et out of harms way. If barricadin yoursef into yourhome or ofce doesnt work, you need options for staying

aie on the run. Tip: Dont pick up zombie hitchhikers.



Linked from: Easion andDefense and the other ee-3

pae in the section.Links to: Easion/defense athome or work; Panic button;Contribute.

Content: Its hazardous outthere. Watch out for esh-eat-ers whie youre ettin out ofDode.

Images: Zombie attackin carwhie women try to escape

Video: NoAudio: No

EvASION & DEFENSE > ON THE RUN SCREEN 17 OF

On the Run

text

At Home or Work

On the Run


19/26Benscoter

Comments

Rather than proidin a set escape route for eeryone, this

pae ies information on how to scope out your area andpan how to et out as soon as you et there. The need for

mutipe routes is discussed.



Linked from: Your Zombie Ac-tion Pan and the other ee-3

paes in the section.Links to: Emerency Suppies;Sampe Pans; First Aid; mainnaiation; contribute; andpanic.

Content: How to pan yourescape route.

Images: Photo of man escap-in from zombie nihtmare

Video: No

Audio: No

YOUR ZAP > ESCAPE ROUTES SCREEN 18 OF

Escape Routes head and text

Escape Routes

EmerencySuppies

Sampe Pans

First Aid


20/26Benscoter

Comments

Suppies are isted and a thumbnai photo of each item is

shown. Detais are ien here as needed. None of the itemsinks to an additiona pae. Price and suppier information is

ony proided when aaiabe.




paes in the section.Links to: Escape Routes;Sampe Pans; First Aid; mainnaiation; contribute; andpanic.

Content: list of recommendedsuppies

Images: Photos of recom-mended suppies

Video: No

Audio: No

YOUR ZAP > EMERgENCY SUPPlIES SCREEN 19 OF

Emerency suppies

Escape Routes

EmerencySuppies

Sampe Pans

First Aidsuppy 1

suppy 2

suppy 3

suppy 4


21/26Benscoter

Comments

Sampe pans are discussed and exampes are ien, both as

downoadabes and as inks to outside sites.





paes in the section.Links to: Pdfs of pans or inksto externa sites where pansare aaiabe onine. EscapeRoutes; Emerency Suppies;

First Aid; main naiation;contribute; and panic.

Content: list of sampe pans

aaiabe both here and onother sites.

Images: Pdfs of pans are

inked off of this pae. Imaesof the pans may be shown asaaiabe.

Video: No

Audio: No

YOUR ZAP > SAMPlE PlANS SCREEN 20 OF

Sampe pans head

Sampe pans

Sampe pans

Sampe pans

Escape Routes

EmerencySuppies

Sampe Pans

First Aid


22/26Benscoter


paes in the section.Links to: Escape Routes; Emer-ency Suppies; Sampe Pans;main naiation; contribute;

and panic.

Content: First aid tips for zom-bie ght winners

Images: Tourniquet on a ush-in wound or a torn off imb

Video: No

Audio: No

Comments

First aid tips incude how to use duck tape to repair a torn-off

imb and what to do about the zombie feer thats rushinthrouh your bood.




YOUR ZAP > FIRST AID SCREEN 22 OF

First Aid

text: how torepair wounds

after you wina zombie ght.Too bad theresno zombie ac-

cine.

rst aid pictures

Escape Routes

EmerencySuppies

Sampe Pans

First Aid


23/26Benscoter

Comments

This is a resource/bibioraphy pae to ie credit to those

whose work has contributed to the mission of the UndeadPreparedness Society.




Linked from: About Us

Links to: Main naiation,

contribute, and panic.

Content: list of resource ma-terias

Images: Book coers

Video: No

Audio: No

ABOUT US > SUggESTED READINg SCREEN 23 OF

Suested readin head and intro

Bibioraphy/reference ist of zombie resources

online, in print and on lm.

SuestedReadin

Contact Us


24/26Benscoter

Comments

Form aows users to reister for updates and indicate that

they want to contribute to the cause. UPS is not yet set upwith an onine pay system, so users wi be contacted at a

ater time to make their donations. If the staff ies that on.

A site naiation is actie on this pae.

The quote is reated to iin money to support a cause.

Linked from: There a direct inkon eery pae except for the

panic pae and site map.Links to: Mai cient. Main nai-ation is aaiabe as we.

Content: Form.

Images: None

Video: No

Audio: No

ABOUT US > CONTRIBUTE SCREEN 24 OF

FORM

Aows users to reister for siteupdates as we as indicatetheir wiinness to contrib-

ute.

Contact and Contribute head


25/26Benscoter

Comments

The Panic Button takes the user to an Error 404 pae with

zombies chompin on the pae content.

Error 404 text: You do not hae access to this pae. The zom-bies hae eaten throuh the wires and are currenty sham-bin toward the technica staff. If this is a rea emerency,were sorry. Youre oin to die. Accept it and moe on.

A site naiation is actie on this pae.

Quote has somethin to do with the end of the word.

Linked from: Home pae andeery other pae in the site.

Links to: Nothin

Content: Error 404

Images: Error 404 raphic and

imaes of raenous zombieson the attack.

Video: No

Audio: No

PANIC BUTTON/ERROR 404 SCREEN 25 OF

ERROR 404

You do not hae access to

this pae. The zombies haeeaten throuh the wiresand are currenty shambintoward the technica staff.

If this is a rea emerency,were sorry. Youre oin todie. Accept it and moe on.


26/26

Comments

This is a simpe hierarchica inks pae that outines the site

and proides inks to each pae. No art is necessary.

A quote and the panic button remain on the pae.

Linked from: Footer bar oneery pae

Links to: Eery pae

Content: links to a paes inthe site.

Images: No

Video: No

Audio: No

SITE MAP SCREEN 25 OF

Site Map head

ist of a paes and their inks.

zombie website storyboards

Documents