web and interaction portfolio
DESCRIPTION
Web and interaction design sample.TRANSCRIPT
![Page 1: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/1.jpg)
Jere
my
DeB
or
![Page 2: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/2.jpg)
![Page 3: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/3.jpg)
01nursing.msu.edu
Website design for the MSU College of Nursing.
The design is aligned with the University’s brand, but tweaked to express the values of nursing on campus. Concentration for the project was placed on information architecture, user interaction, and copy–writing.
![Page 4: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/4.jpg)
![Page 5: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/5.jpg)
![Page 6: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/6.jpg)
Na
rrate
![Page 7: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/7.jpg)
![Page 8: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/8.jpg)
![Page 9: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/9.jpg)
02Human Thing Entertainment Website + Brand
Brand identity and various collateral materials developed for a mock theater company.
The web environment of Human Thing centers around providing users a unique and exciting experience; inspiring information seeking as well as implementing design interventions for the purpose of connecting users through a unique reservation system.
The brand contrasts the intense emotional experiences of the audience, and gritty urban industrialized mechanics of the circus style productions.
![Page 10: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/10.jpg)
ConceptMankind is vivid. It is a cacophony of emotions, and sounds, and colors, rising and falling, undulating, in a never-ending, never ceasing, human orchestra. It is a human drama filled with the characters and faces that color and tint the stage. It is a human zoo, a pandemonium of egos and animals, trapped in cells of their own invention. This human manifestation, this human expression, this human thing, it is a chorus built from the songs of individuals, built from the tales, and stories, and fables, of the people who tell them. This human thing, it is a bold, majestic, thrilling experience that is. It is a visual explosion, a sensual punishment, a stark and unforgiving wonderland of thrills and amazement. A world of bright optimism and harsh reality, life and death, love and hate, truth and lies, this human thing. This human thing; it breathes, it moves, it dances swaying under the stars. And when the world, this human thing, turns and sets its face upon itself, and views with its own two eyes, this human thing. It becomes us, it becomes this. This Human Thing.
Resident
Planned
Spontaneous
Tourist
EDDYBEBE
LAURIEDAVID
Key Environment: STREETMore likely a repeat consumer
Key Environment: WEB
Higher expectations of in-house environmentMore likely to encounter web environment
More likely to make at the door puchasesLess likely to encounter web environmentNeeds easy access
![Page 11: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/11.jpg)
EDDY
EDDY
• Physical• Personable
• Synergy• Total Experience
• Inciting Interest• Indirect
• Experiencing
BEBE
BEBE
LAURIE
DAVID
WEB
STREET
ENVIRONMENTS
IN-HOUSE
AnalysisThe audience analysis of Human Thing Entertainment brought together four distinct audience profiles. The touchpoints and advertising developed were a result of direct marketing to these particular individuals.
![Page 12: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/12.jpg)
Intera
ct
![Page 13: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/13.jpg)
![Page 14: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/14.jpg)
![Page 15: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/15.jpg)
03Bittersweet
A 34 page hand bound and illustrated comic.
This piece won both Judge’s Choice and a Gold ADDY in the 2011 mid–michigan ADDY awards. It was also exhibited in %$#&! A Comics Exhibition at the Kresge Art Center in 2010.
![Page 16: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/16.jpg)
![Page 17: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/17.jpg)
Sh
are
![Page 18: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/18.jpg)
![Page 19: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/19.jpg)
04Red Cedar Review Website + Brand
Website and brand design for the Red Cedar Review, the longest running undergraduate publication of art and literature in the United States.
The brand and website were developed as a collaboration between the members of the 2011 Design Center class. The highest grossing Design Center in the program’s history.
![Page 20: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/20.jpg)
Mo
ve
![Page 21: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/21.jpg)
![Page 22: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/22.jpg)
![Page 23: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/23.jpg)
05Kresge Art Center Spatial Mapping
A mapping system and virtual directory designed for the Kresge Art Center on MSU campus.
These maps were part of an overall environmental system I assisted in designing with two other student designers.
![Page 24: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/24.jpg)
![Page 25: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/25.jpg)
Co
mm
un
ica
te
![Page 27: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/27.jpg)
06Compost America Website + Brand
Website and brand developed for a mock compost pickup service; aimed at encouraging suburbanites to begin utilising composting to cut down on food waste in the United States.
The website’s simplicity caters to the older demographic that is the services main user group.
Contact a Compost America Representative • [email protected] • 517.555.5555
Turning trash into
![Page 28: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/28.jpg)
Contact a Compost America Representative • [email protected] • 517.555.5555
enter your zip code:
enter region1
![Page 29: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/29.jpg)
Contact a Compost America Representative • [email protected] • 517.555.5555
our services
Compost America is a compost pickup service that collects the organic waste you throw away, and turns it into rich natural fertilizer for agriculture and gardening in your community. All you have to do is sign
your organic waste, and start collecting cash for your garbage.
Allotment_Man: Sowing three rows of parsnip tape tomorrow in a small trench
Yes we do like parsnips.
RethinkWaste: Residents can take up to 1 cubic yard of free compost during these upcoming events http://bit.ly/faHjdE
therugwarehouse: Raised Bed Garden Soil - Clay and Compost: There is a lot of debate on what the best soil for a raised garden be... http://bit.ly/hs6fSC
Our Services
![Page 30: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/30.jpg)
![Page 31: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/31.jpg)
Ex
pre
ss
![Page 32: Web and Interaction Portfolio](https://reader031.vdocuments.net/reader031/viewer/2022020500/568c36a31a28ab023598ca56/html5/thumbnails/32.jpg)
Jeremy
DeB
or