Graphic Imagery
Daniel P. Johnston exhibits
images of and basic information
about his design work.
While in Youth / 1980s - 1992
Motor Vehicle Concepts
(a few of thousands) / 1980s - 1992
Four Door Sports Car / 1990
>media: pencil on notebook paper
>size: 11 x 8.5in.


Four Door Sports Car / 1990
>media: pencil on notebook paper
>size: 11 x 8.5in.


BMW M1 Concept / 1989
>for: self
>media: pencil on notebook paper
>size: 11 x 8.5in.


Sport Wagon / 1989
>media: pencil on notebook paper
>size: 11 x 8.5in.


4-door sports car / 1989
>media: pencil on notebook paper
>size: 11 x 8.5in.


Porsche 911 All-Terrain Concept / 1990
>media: pencil on notebook paper
>size: 11 x 8.5in.


BMW K1 Motorbike Concept / 1990
>media: pencil on notebook paper
>size: 11 x 8.5in.


Sports Car Interior / 1992
>media: pencil on notebook paper
>size: 11 x 8.5in.


Corvette Concept / 1991
>media: pencil on notebook paper
>size: 11 x 8.5in.


Chevrolet Full-Size Pickup Lowrider with Hydraulically-Actuated Speaker bed / 1991
>media: pencil on notebook paper
>size: 11 x 8.5in.


Solar Car / 1988
>media: pencil on notebook paper
>size: 11 x 8.5in.


Sports Car / 1992
>media: pencil on notebook paper
>size: 11 x 8.5in.
Project Notes
>nature of project: self-initiated>for: self
Read more about this project »
While in Adolescence / 1992 - 1996
Language Arts Portfolio
cover for collection of written works / 1994
>media: pencil on paper
>size: 8.5 x 11in.
Project Notes
>nature of project: schoolwork>professor: Doug Silver
>course: English
>school: Nathan Hale High School
Read more about this project »



Chuck Wagon
skateboard company logo / 1994
>media: pencil on notebook aper
>size: 11 x 8.5in.
Project Notes
>nature of project: professional / pro-bono>client: Charley Nelson, Founder / Chuck Wagon Skateboards
Read more about this project »



Illustrations
art show entries / 1995
Dan illusration
>media: ballpoint pen and correction fluid on photo paper packaging
>size: approx. 10 x 14in.


>media: Pencil on Paper
>size: approx. 10 x 8in.


Race Car Cockpit illustration
>media: pencil on paper
>size: approx. 10 x 8in.
Project Notes
>nature of project: school exhibition>school: Nathan Hale High School
Read more about this project »



Major League Baseball Strike
editorial cartoon / 1994
>media: Pencil on Paper
>size: 11 x 8.5in.
Project Notes
>nature of project: schoolwork>professor: John Livingston
>course: AP English / History / Art
>school: Nathan Hale High School
Read more about this project »



DPJ
Daniel P. Johnston monogram mark /1995 - 1999

DPJ monogram mark / 1999


DPJ monogram mark studies / 1995
>media: pencil on paper
>size: 8.5 x 11in.
Project Notes
>nature of project: schoolwork (originally), self-initiated updates>professor: Kuntz
>course: Art
>school: Nathan Hale High School
Read more about this project »



NH
Nathan Hale swim team logo / 1995
>media: spray paint on paper (stencil)
>size: approx. 20 x 12in.
Project Notes
>nature of project: self-initiated>for: Nathan Hale Swim Team
Read more about this project »



Johnston Time Trial Bike
design drawings / 1995
final design
>specs: True Temper Velo tubeset; Mavic and Look components (all U.S. or French)
>media: colored pencil on paper
>size: approx. 8 x 6in.


design study
>specs: True Temper Velo tubeset; Shimano Dura-Ace components; Specialized trispoke wheels
>media: colored pencil on paper
>size: approx. 8 x 6in.


>for: high school senior project
>specs: True Temper Velo tubeset (non-standard construction); Campagnolo Record components; FIR wheels
>media: colored pencil on paper
>size: approx. 8 x 6in.
Read more about this project »


design study
>specs: custom carbon fiber monocoque frameset, components and wheels
>media: colored pencil on paper
>size: approx. 8 x 6in.


design study
>specs: Columbus EL OS tubeset; Campagnolo Record components and wheels (all Italian)
>media: colored pencil on paper
>size: approx. 8 x 6in.


design study
>specs: modified True Temper Aero Velo tubeset with custom lugs to accommodate double top tube
>media: colored pencil on paper
>size: approx. 8 x 6in.


design study (pursuit/track bike)
>specs: custom fillet-brazed tubeset; custom stem/bar and integrated saddle
>media: colored pencil on paper
>size: approx. 8 x 6in.


design study (road bike): interpretation of Motorola team issue "Caloi" (but with curved tubeset)
>specs: custom tubeset and lugs; Record components; custom covered Regal saddle
>media: colored pencil on paper
>size: approx. 8 x 6in.


design study (road bike)
>specs: custom tubeset and lugs; Record components; custom covered Regal saddle
>media: colored pencil on paper
>size: approx. 8 x 6in.


design study (road bike)
>specs: Columbus EL OS tubeset with modified Henry James lugs; Record components; HED wheels
>media: colored pencil on paper
>size: approx. 8 x 6in.


design study (road bike)
>specs: custom titanium tubeset; Record components; Specialized trispoke wheels
>media: colored pencil on paper
>size: approx. 8 x 6in.
Project Notes
>nature of project: schoolwork>professor: John Livingston
>course: senior project
>program: AP English / History / Art
>school: Nathan Hale High School
Read more about this project »



Johnston Time Trial Bike
construction / 1995 - 1996
frameset build process
>media: fillet-brazed steel frame; aluminum, steel and carbon fiber components; custom die-cut vinyl graphics
>size: custom geometry; approx. equivalent to 57cm. frame size


frameset paint process (head tube)
>media: fillet-brazed steel frame; aluminum, steel and carbon fiber components; custom die-cut vinyl graphics
>size: custom geometry; approx. equivalent to 57cm. frame size


frameset paint process (down tube)
>media: fillet-brazed steel frame; aluminum, steel and carbon fiber components; custom die-cut vinyl graphics
>size: custom geometry; approx. equivalent to 57cm. frame size


frameset paint process (seat tube)
>media: fillet-brazed steel frame; aluminum, steel and carbon fiber components; custom die-cut vinyl graphics
>size: custom geometry; approx. equivalent to 57cm. frame size


frame + component build process (shop)
>media: fillet-brazed steel frame; aluminum, steel and carbon fiber components; custom die-cut vinyl graphics
>size: custom geometry; approx. equivalent to 57cm. frame size


frame + component build process (down tube shifter)
>media: fillet-brazed steel frame; aluminum, steel and carbon fiber components; custom die-cut vinyl graphics
>size: custom geometry; approx. equivalent to 57cm. frame size
Project Notes
>nature of project: schoolwork>professor: John Livingston
>course: senior project
>program: AP English / History / Art
>school: Nathan Hale High School
>frame construction: self, directed, assisted by Dave Levy, Proprietor / TiCycles
>frame paint, chrome: Bicycle Specialties
Read more about this project »



Johnston Time Trial Bike
complete / 1996
drive side
>media: fillet-brazed steel frame; aluminum, steel and carbon fiber components; custom die-cut vinyl graphics
>size: custom geometry; approx. equivalent to 57cm. frame size


front end
>media: fillet-brazed steel frame; aluminum, steel and carbon fiber components; custom die-cut vinyl graphics
>size: custom geometry; approx. equivalent to 57cm. frame size


rear view
>media: fillet-brazed steel frame; aluminum, steel and carbon fiber components; custom die-cut vinyl graphics
>size: custom geometry; approx. equivalent to 57cm. frame size
Project Notes
>nature of project: schoolwork>professor: John Livingston
>course: senior project
>program: AP English / History / Art
>school: Nathan Hale High School
>frame construction: self, directed by Dave Levy, Proprietor / TiCycles
>frame paint, chrome: Bicycle Specialties
Read more about this project »



Class of '96
commemorative high school class T-shirt / 1996
primary / back graphic, secondary / front graphic (inset)
> media: pencil and pen on notebook paper
> size: 8.5 x 11in.
Project Notes
> nature of project: self-initiated / school contest> school: Nathan Hale High School
Read more about this project »
While at University / 1996 - 1999
Husky Racing
University of Washington cycling team jersey / 1997
>media: sublimated fabric; rubylith on acetate paste-up (not shown)
>applications: short-sleeve and long-sleeve jerseys; bib-shorts; skinsuits
Project Notes
>nature of project: professional / pro-bono>client: Ben Jacobsen, Team Captain / Husky Racing, University of Washington
Read more about this project »



M / Move / Merge
letter mark / 1997
>media: cut Color-Aid paper on board
>size: approx. 5 x 3in. and approx 1.5 x 1in.
Project Notes
>nature of project: schoolwork>professor: John Whitehill-Ward
>course: Introduction to Visual Communication Design I
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Genetics
book cover / 2007
>media: cut Color-Aid paper and vinyl type on mirror
>size: approx. 8 x 10in.
Project Notes
>nature of project: schoolwork>professor: John Whitehill-Ward
>course: Introduction to Visual Communication Design I
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Holl
Steven Holl architecture exhibit poster / 2007
>media: cut Color-Aid paper, spray paint, press-type on foam-core
>size: 20 x 30in.
Project Notes
>nature of project: schoolwork>professor: John Whitehill-Ward
>course: Introduction to Visual Communication Design I
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Recycled Cycles Racing
jersey / 2007
front
>media: sublimated fabric
>applications: short- and long-sleeve jerseys; bib shorts; short- and long-sleeve skinsuits


back
>media: sublimated fabric
>applications: short- and long-sleeve jerseys; bib shorts; short- and long-sleeve skinsuits
Project Notes
>nature of project: professional / pro-bono>client: Recycled Cycles Racing
Read more about this project »



Hawaii: Triathlon Capital of the World
commemorative postage stamp / 2007
>media: die-cut self-adhesive decal
>size: 2.125 x 1.5in.
Project Notes
>nature of project: schoolwork>professor: Karen Cheng
>course: Introduction to Visual Communication Design II
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Berol 24 Colored Pencil Box
packaging / 2007
>media: railroad board, super-glue, Color-Aid paper, press-type, plastic model hinge
>size: approx. 1.25 x 2.25 x 11in.
Project Notes
>nature of project: schoolwork>professor: Karen Cheng
>course: Introduction to Visual Communication Design II
>program: Visual Communication Design
>school: University of Washington
Read more about this project »
While Working Independently / 1999
G.S. Nihilism /
Team Johnston
cycling team concept; clothing / 1999

The Unpainted Bike Racer racing / 1997
>media: custom-made, unprinted cycling kits
>applications: short- and long-sleeve jerseys; shorts; knickers; skinsuit; arm- and knee warmers; socks; helmet; bottles; etc.


The Unpainted Bike Racer racing / 1997
>media: custom-made, unprinted cycling kits
>applications: short- and long-sleeve jerseys; shorts; knickers; skinsuit; arm- and knee warmers; socks; helmet; bottles; etc.


The Unpainted Bike Racer racing / 1997
>media: custom-made, unprinted cycling kits
>applications: short- and long-sleeve jerseys; shorts; knickers; skinsuit; arm- and knee warmers; socks; helmet; bottles; etc.
Project Notes
>nature of project: self-initiated>for: self, Creator, Team Director, Team Captain, Proprietor / G.S. Nihilism



Team Issue
Bontrager Road Lite paint scheme / 1999
complete bike
>media: painted steel frame and carbon fiber fork; aluminum, steel, titanium components
>size: X-Large frame


paint scheme study
>media: colored pencil on paper
>size: 11 x 8.5in.


paint scheme study
>media: colored pencil on paper
>size: 11 x 8.5in.


paint scheme study
>media: colored pencil on paper
>size: 11 x 8.5in.


paint scheme study
>media: colored pencil on paper
>size: 11 x 8.5in.
Project Notes
>nature of project: self-initiated>for: self, Creator, Team Director, Team Captain, Proprietor / G.S. Nihilism
Read more about this project »



eBarista
coffee delivery service logo / 1999
eB monogram mark
Project Notes
>nature of project: professional / freelance>client: Ingy döt Net, Creator / eBarista
Read more about this project »



InLine
computer programming language logo / 1999
logo
Project Notes
>nature of project: professional / freelance>client: Ingy döt Net, Creator / Inline
Read more about this project »



Raleigh's Salon
identity materials for hair salon / 1999
logo


business card (front)
>media: digitally printed ink on paper
>size: 2 x 3.5in.
Project Notes
>nature of project: professional / freelance>client: Raleigh's Salon
Read more about this project »



Hampsten
identity materials for Andy Hampsten bicycles / 1999
AH Andy Hampsten monogram badge proposal
Project Notes
>nature of project: professional / freelance>client: Steve Hampsten, business partner / Hampsten Cycles
Read more about this project »



PerfectWheels.net
web site design, content and programming for Perfect Wheels bike shop / 1999
>size: 800 x 600px. +
Project Notes
>nature of project: professional / freelance>client: Larry Naylor, Proprietor / Perfect Wheels
Read more about this project »



Grüner
custom wheelset identity materials for Perfect Wheels Bike Shop / 1999
logo / hub decal


rim decal
>media: printed and die cut vinyl
>size: approx. 5 x 1in.


hub decal
>media: printed and die cut vinyl
>size: approx. 3 x 1.5in.
Project Notes
>nature of project: professional / freelance>client: Larry Naylor, Proprietor / Perfect Wheels
Read more about this project »



Grizzly
custom wheelset identity materials for Perfect Wheels Bike Shop / 1999
logo / hub decal


rim decal
>media: printed and die cut vinyl
>size: approx. 5 x 1.5in.


>media: printed and die cut vinyl
>size: 3 x 1.25in. and approx. 5 x 1in., respectively
Project Notes
>nature of project: professional / freelance>client: Larry Naylor, Proprietor / Perfect Wheels
Read more about this project »



Grüner, Grizzly Wheelsets Signage
POP displays for Perfect Wheels bike shop / 1999
>media: inkjet print on foam-core, die cut
>size: 8 x 8in. (each)
Project Notes
>nature of project: professional / freelance>client: Larry Naylor, Proprietor / Perfect Wheels
Read more about this project »
While at First Design Job / 1999 - 2001
Online Promotions
animated web banner ads / 1999 - 2001
SWAT 3, Elite Edition online banner ad
>media: animated GIF
>size: 468px. x 60px.


PrintArtist online banner ad
>media: animated GIF
>size: 468px. x 60px.


Modern Bride wedding planning software banner ad / 2000
>media: animated GIF
>size: 130px. x 90px.
Project Notes
>nature of project: professional>employer: Sierra On-Line, Inc.
Read more about this project »



Software Discs
CD- and DVD-ROM graphics / 1999 - 2001
Sierra Home Complete Home 3D software suite
>media: two-color, screen-printed CD-ROMs
>size: standard CD-ROM format


Homeworld PC game soundtrack
>media: two-color, screen-printed CD-ROM
>size: standard CD-ROM format


Sierra Home Looping Demo, Fall 2000
>media: two-color, screen-printed DVD-ROM
>size: standard DVD-ROM format
Project Notes
>nature of project: professional>employer: Sierra On-Line, Inc.
Read more about this project »



The Creative Group
(at Sierra)
visual identity / 2001

logo proposal


logo proposal


logo animation
>based on: original logo designed by Tom Saffle
Project Notes
>nature of project: professional>for: in-house design group at Sierra On-Line, Inc.
>employer: Sierra On-Line, Inc.
Read more about this project »



Sierra Studios 2001 Catalog
brochure / 2000
cover
>media: offset-printed paper; saddle-stitched
>size: 9in. x 12in. (finished); 16ppg. + cover


Arcanum inside spread
>media: offset-printed paper; saddle-stitched
>size: 18in. x 12in. (spread); 16ppg. + cover


Half-Life, Platinum inside spread
>media: offset-printed paper; saddle-stitched
>size: 18in. x 12in. (spread); 16ppg. + cover


Homeworld Cataclysm inside spread
>media: offset-printed paper; saddle-stitched
>size: 18in. x 12in. (spread); 16ppg. + cover
Project Notes
>nature of project: professional>employer: Sierra On-Line, Inc.
Read more about this project »



Please Get Down
party invitation campaign / 2001
Please Get Down (Coming Soon) teaser announcement (original photograph by Matt Johnson / 1995)
>media: web site
>size: 500px. x 300px.+
(+w) view as originally displayed online


Party Date teaser announcement
>media: web site
>size: 345 x 420px.+
(+w) view as originally displayed online


The Numbers announcement
>media: web site
>size: 780px x 440px.+
(+w) view as originally displayed online


What Could Happen (A) announcement (original photograph by Jen Paur / 1995)
>media: web site
>size: 600 x 300px.+
(+w) view as originally displayed online


What Could Happen (B) announcement (original photograph by Johann Gómez, I think) / 2001)
>media: web site
>size: 500 x 600px.+
(+w) view as originally displayed online


Please Get Down flier
>media: laser-print
>size: 11 x 8.5in.
Project Notes
>nature of project: self-initiated>for: self
Read more about this project »



Coffee Table
furniture design / 2001
Coffee Table (photo taken 2008)
>materials: painted plywood, Formica, fastening hardware
>size: 48in. x 24in. x 16in.


Coffee Table anticipatory announcement
>media: web site
>size: 500px. x 250px +


Coffee Table plans: (clockwise from top-left: wide side view [at 90ş], top view, front view, narrow side view) / 2001
>media: digital renderings
Project Notes
>nature of project: self-initiated>for: self
>table construction: Lloyd Johnston, IGT Heavy Industries
Read more about this project »



Computer Desk
furniture design / 2001
Desk (A) plans (clockwise from top-left: narrow side view [at 90ş], top view, wide side view [at 90ş], back view, front view)
>media: digital renderings


Desk (B) plans (clockwise from top-left: narrow side view [at 90ş], top view, wide side view [at 90ş], back view, front view)
>media: digital renderings
Project Notes
>nature of project: self-initiated>for: self
Read more about this project »



FatPort
identity materials for wireless Internet service provider / 2001


FatPort identification signage
>media: printed and die cut vinyl or paper
>sizes: various


T-Shirt (front | back)
>media: screen-printed cotton fabric
Project Notes
>nature of project: professional / freelance>client: Ingy döt Net, Co-Founder / FatPort
Read more about this project »



Holcam Bath and Shower Enclosures
identity materials / 2001
Holcam Bath and Shower Enclosures logo
Project Notes
>nature of project: professional / freelance>client: Holcam
Read more about this project »



Union Bay Cycling
logo / 2000
UBC monogram mark / 2000
Project Notes
>nature of project: professional / freelance>client: Joe Baratto, Team Director / Union Bay Cycling
Read more about this project »



Union Bay Cycling
Team Clothing / 2000, 2001, 2002
long-sleeve and short-sleeve jerseys / 2002
>media: sublimated fabric


full team kit (worn by team rider Ingy) / 2000
>media: sublimated fabric
Project Notes
>nature of project: professional / freelance>client: Joe Baratto, Team Director / Union Bay Cycling
Read more about this project »



UnionBayCycling.com
Web Site / 2001 - 2003
home page
>media: Flash interface, HTML shell
>size: 800px. x 600px.+


transition sequence
>media: Flash interface, HTML shell
>size: 800px. x 600px.+
Project Notes
>nature of project: professional / freelance>client: Joe Baratto, Team Director / Union Bay Cycling
Read more about this project »
While Back at University / 2001 - 2004
Repel / R
letter mark / 2001
submitted mark


mark study


mark study


mark study


mark study
Project Notes
>nature of project: schoolwork>professor: John Rousseau
>course: Introduction to Visual Communication Design I
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Space
concept poster / 2001
>media: inkjet plot
>size: 20 x 30in.


poster study
>size: 20 x 30in.
Project Notes
>nature of project: schoolwork>professor: John Rousseau
>course: Introduction to Visual Communication Design I
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Biology
Textbook Cover / 2001
>size: 7in. x 12in.
Project Notes
>nature of project: schoolwork>professor: John Rousseau
>course: Introduction to Visual Communication Design I
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Amy+Joel Wedding Soundtrack
CD packaging / 2002
>media: digitally-printed
>size: standard CD jewel-case format


>media: digitally-printed paper and CD
>size: standard CD and jewel-case format


>media: digitally-printed paper and CD
>size: standard CD and jewel-case format


>media: digitally-printed paper and CD
>size: standard CD and jewel-case format


>for: Joel Brazil
>size: standard CD and jewel-case format
Project Notes
>nature of project: professional / freelance>client: Joel Brazil
Read more about this project »



Florida Art Deco Historic District
commemorative postage stamp / 2002
final stamp design
>media: adhesive decal
>size: 1.25 x 2in.


>media: adhesive decals
>size: 1.25 x 2in. or 2 x 1.25in.


Daytona Speedway (alternate concept study)
>media: adhesive decal
>size: 2 x 1.25in.
Project Notes
>nature of project: schoolwork>professor: Doug Wadden
>course: Introduction to Visual Communication Design II
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



First Aid
body and bike repair kit / 2002
>media: standard water bottles, sheet vinyl, modeling putty, epoxy, spray paint; custom-made dry-transfer graphics
>size: standard cycling water bottle dimensions
Project Notes
>professor: Doug Wadden>course: Introduction to Visual Communication Design II
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Aviation from the Inside
poster / mailer for Seattle's Museum of Flight / 2002
>media: digital plot
>size: 20 x 30in. (open); 10 x 5in. (folded)


>media: digital plot
>size: 20 x 30in. (open); 10 x 5in. (folded)


>size: 30 x 20in. (open); 10 x 5in. (folded)
Project Notes
>professor: Doug Wadden>course: Introduction to Visual Communication Design II
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Sylloge
typeface / 2002




Project Notes
>professor: Karen Cheng>course: Introduction to Typography
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Moon
typeface / 2002






Project Notes
>professor: Karen Cheng>course: Introduction to Typography
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Stark
typeface / 2002








Project Notes
>professor: Karen Cheng>course: Introduction to Typography
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Typexpression
themed type compositions / 2002
>size: 5.75 x 4in.


>size: 5.75 x 4in.


>size: 5.75 x 4in.


>size: 5.75 x 4in.
Project Notes
>professor: Christopher Ozubko>course: Advanced Typography
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



International Phone Cards
calling card series / 2002
>size: 3.4in. x 2.125in. (each)


>size: 3.4in. x 2.125in. (each)


>size: 3.4in. x 2.125in. (each)


>size: 3.4in. x 2.125in. (each)
Project Notes
>professor: Christopher Ozubko>course: Advanced Typography
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Money Money
typographic editorial juxtaposition / 2002
>size: 16 x 8in.


>size: 8 x 8in.


>size: 8 x 8in.
Project Notes
>professor: Jean Benoit Lévy (guest lecturer)>course: Advanced Typography
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Takenobu Igarashi
magazine retrospective / 2002
>size: 24 x 18in. (spread)
Project Notes
>professor: Christopher Ozubko>course: Advanced Typography
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Prosophobia
international design conference / 2002
Prosophobia promotional poster (front)
>size: 24 x 36in.
>media: digital plot


Prosophobia promotional poster (back)
>size: 24 x 36in.
>media: digital plot


Prosophobia subway poster
>size: 22 x 22in.


Prosophobia magazine sidebar ad
>size: 3.25 x 9.5in.


Prosophobia contact card (front | back)
>size: 2 x 3.5in. (each)


Prosophobia letterhead, media release, registration form
>size: 8.5 x 11in., 8.5 x 14in. and 8.5 x 11in., respectively


Prosophobia envelopes (backs / fronts); address label
>size: No.10 commercial (top), No.10 Catalog (bottom)


Prosophobia web site (front)
>media: interactive Flash interface (shown here in an animated storyboard)
>size: 1024 x 768px.+


Prosophobia directional signage
>media: vinyl on Plexiglas
>size: 10 x 10 x .25in. (each)


Prosophobia program schedule tri-fold brochure (outside spread / inside spread)
>size: 3 x 6in. (finished), 9 x 6in. (flat)


Prosophobia documentary DVD
>size: standard dimensions


Prosophobia commemorative wrist watch; reverse movement
Project Notes
>professor: Doug Wadden>course: Design Programs
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Materials
symbol set for hardware / 2002
Materials symbols promotional poster for
>size: 24 x 36in.
>media: digital plot


Materials presentation video (still)
>media: DV


Materials marks study (positive / negative, black and white / color, linear / solid):
top row: ceramic | cloth | glass
second row: drywall | metal | rubber
third row: soil | wood | plastic
bottom row: stone


Materials example application:
screws for wood


Materials example applications:
paintbrush for drywall and wood
sandpaper for metal and plastic
Project Notes
>professor: John Rousseau>course: Marks / Symbols
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Seattle Monorail Online
web site / 2002
Welcome page
>size: 1020 x 440px.


basic site map


Timeline page + Timeline detail window
>sizes: 1020 x 440px. and 760 x 290px., respectively


Present / Attractions page
>size: 1020 x 440px.


Future / Updates page + update thread detail window
>sizes: 1020 x 440px. and 760 x 290px., respectively


demonstration of user rolling over primary and secondary menus, clicking into the Attractions page in the Present section and scrolling through the body frame of the page
Project Notes
>nature of project: schoolwork>professor: Karen Gutowski-Zimmermann
>course: Introduction to Interactive Design
>program: Visual Communication Design
>school: University of Washington
>primary research sources: The Alweg Archives, Museum of History and Industry, University of Washington Special Collections Library
Read more about this project »



Rumpelstiltskin
would approve.
recycling awareness campaign / 2002

Rumpelstiltskin would approve. recycling awareness campaign postcard, showing PET bottles going into winter gloves
>size: 7 x 5in.


Rumpelstiltskin would approve. recycling awareness campaign poster, showing PET bottles going into canvas messenger bags
>size: 24 x 36in.


Rumpelstiltskin would approve. recycling awareness campaign bus sign, showing PET bottles going into fleece vests
>size: approx. 20 x 4ft.
Project Notes
>nature of project: schoolwork>professor: John Rousseau
>course: Visualizations
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Construction in Cities
36 different book covers for the same book / 2002
book cover (1 of 36)
>size: 6 x 9in.


book cover (2 of 36)
>size: 6 x 9in.


book cover (3 of 36)
>size: 6 x 9in.


book cover (4 of 36)
>size: 6 x 9in.


book cover (5 of 36)
>size: 6 x 9in.


book cover (6 of 36)
>size: 6 x 9in.


book cover (7 of 36)
>size: 6 x 9in.


book cover (8 of 36)
>size: 6 x 9in.


book cover (9 of 36)
>size: 6 x 9in.


book cover (10 of 36)
>size: 6 x 9in.


book cover (11 of 36)
>size: 6 x 9in.


book cover (12 of 36)
>size: 6 x 9in.


book cover (13 of 36)
>size: 6 x 9in.


book cover (14 of 36)
>size: 6 x 9in.


book cover (15 of 36)
>size: 6 x 9in.


book cover (16 of 36)
>size: 6 x 9in.


book cover (17 of 36)
>size: 6 x 9in.


book cover (18 of 36)
>size: 6 x 9in.


book cover (19 of 36)
>size: 6 x 9in.


book cover (20 of 36)
>size: 6 x 9in.


book cover (21 of 36)
>size: 6 x 9in.


book cover (22 of 36)
>size: 6 x 9in.


book cover (23 of 36)
>size: 6 x 9in.


book cover (24 of 36)
>size: 6 x 9in.


book cover (25 of 36)
>size: 6 x 9in.


book cover (26 of 36)
>size: 6 x 9in.


book cover (27 of 36)
>size: 6 x 9in.


book cover (28 of 36)
>size: 6 x 9in.


book cover (29 of 36)
>size: 6 x 9in.


book cover (30 of 36)
>size: 6 x 9in.


book cover (31 of 36)
>size: 6 x 9in.


book cover (32 of 36)
>size: 6 x 9in.


book cover (33 of 36)
>size: 6 x 9in.


book cover (34 of 36)
>size: 6 x 9in.


book cover (35 of 36)
>size: 6 x 9in.


book cover (36 of 36)
>size: 6 x 9in.
Project Notes
>nature of project: schoolwork>professor: John Rousseau
>course: Visualizations
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



American Realities
documentary film series; promotional posters / 2002
American Realities: Roger & Me movie poster
>media: digital plot output
>size: 24 x 36in.


American Realities: Hoop Dreams movie poster
>media: digital plot output
>size: 24 x 36in.


American Realities: Troublesome Creek movie poster
>media: digital plot output
>size: 24 x 36in.
Project Notes
>nature of project: schoolwork>professor: John Rousseau
>course: Visualizations
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Washington State Convention & Trade Center
corporate identity program / 2003
logo


color palette


typography


business card (front | back)
>size: 3.5 x 2in. (each)


stationery
>size: standard dimensions


annual report cover
>size: 8.5 x 11in.


web site animation and home page
>size: approx. 800 x 600px.+
>media: DHTML


primary exterior sign
>size: approx. 35 x 20ft.


tertiary exterior signs
>size: approx. 12 x 12ft., 6 x 6ft. and 3 x 9ft., ccw from upper left


interior signs
>size: 12 x 12in. (each)
>media: vinyl on acrylic


park sculpture
>size: approx. 6 x 6 x 6ft.
>media: translucent lucite
Project Notes
>nature of project: schoolwork>professor: Anne Traver
>course: Case Studies in Corporate Identity
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



University of Washington
web site / 2003

web site introductionn sketch
>media: Flash
>size: 800 x 600px.+


web site introductionn sketch
>media: Flash
>size: 800 x 600px.+




home page
>media: HTML
>size: 800 x 600px.+




interior page sketches
>media: HTML
>size: 800 x 600px.+
Project Notes
>nature of project: professional>design firm: Design + Innovation Lab
>creative director: Doug Wadden
>collaborators: Jason Tselentis, Jim Nesbitt
Read more about this project »



University of Washington School of Art / Sand Point
signage system / 2003

studio door window sign
>media: die-cut plotted output on foamcore
>size: approx. 3.25 x 6.5in.


studio map sign
>media: die-cut plotted output on foam-core
>size: 10.5 x 18in.


door sign example in context (student studio)
>media: die-cut plotted output on foam-core
>size: 5 x 5in.


door sign examples (faculty studio, restroom, stairs)
>media: die-cut plotted outputs on foam-core
>size: 5 x 5in. (each)


studio door window sign [alternate concept]
>media: die-cut plotted output on foamcore
>size: approx. 3.25 x 6in.


studio map sign [alternate concept]
>media: die-cut plotted output on foam-core
>size: 7 x 15in.


door sign example in context (student studio) [alternate concept]
>media: die-cut plotted output on foam-core
>size: 5 x 4in.


door sign examples (faculty studio, restroom, stairs) [alternate concept]
>media: die-cut plotted outputs on foam-core
>size: 5 x 4in. (each)


studio door window sign [alternate concept]
>media: die-cut plotted output on foamcore
>size: approx. 3.25 x 3.25in.


studio map sign [alternate concept]
>media: die-cut plotted output on foam-core
>size: 6 x 15in.


door sign example in context (student studio) [alternate concept]
>media: die-cut plotted output on foam-core
>size: 8 x 2.5in.


door sign examples (student studio, restroom, gallery) [alternate concept]
>media: die-cut plotted outputs on foam-core
>size: 8 x 2.5in. (each)
Project Notes
>nature of project: freelance professional>creative director: Chris Ozubko
Read more about this project »



Manufacturing Consent, a Propaganda Model
essay excerpt publication / 2003


cover behind slipcase (top)
book being drawn from slipcase (bottom)
>media: inkjet-printed paper, spray adhesive, red acetate, transparent double-sided tape
>book comp method: glued spreads
>size: 9.5 x 9.5in., 28ppg



chapter head spread behind red acetate filters (top)
filter being lifted from the same spread (bottom)
>media: inkjet-printed paper, spray adhesive, red acetate, transparent double-sided tape
>book comp method: glued spreads
>size: 9.5 x 9.5in., 28ppg


spread detail: embedded pull quote
>media: inkjet-printed paper, spray adhesive, red acetate, transparent double-sided tape
>book comp method: glued spreads
>size: 9.5 x 9.5in., 28ppg


chapter closing
>media: inkjet-printed paper, spray adhesive, red acetate, transparent double-sided tape
>book comp method: glued spreads
>size: 9.5 x 9.5in., 28ppg
Project Notes
>nature of project: schoolwork>guest professor: Brian Boram
>course: Publications
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



National Park Service: Research Opportunities
informational leaflet / 2003

front cover
>media: press-printed ink on paper
>format: accordion fold
>size: 5 x 8.5in. (finished); 20 x 8.5in. (spread)




back cover
>media: press-printed ink on paper
>format: accordion fold
>size: 5 x 8.5in. (finished); 20 x 8.5in. (spread)


back cover
>media: press-printed ink on paper
>format: accordion fold
>size: 5 x 8.5in. (finished); 20 x 8.5in. (spread)


interior panels
>media: press-printed ink on paper
>format: accordion fold
>size: 5 x 8.5in. (finished); 20 x 8.5in. (spread)
Project Notes
>nature of project: professional>design firm: Design + Innovation Lab
>creative director: Doug Wadden
>collaborators: Jim Nesbitt, Jason Tselentis
Read more about this project »



Don't Forget / You're Invited
graduation party invitation card / 2003

side A
>media: digital plot output on card stock
>format: flat 2-sided card
>size: 4.5 x 6in.


side B
>media: digital plot output on card stock
>format: flat 2-sided card
>size: 4.5 x 6in.
Project Notes
>nature of project: personal>for: girlfriend
Read more about this project »



National Park Service: Research Opportunities
web site / 2003

screens from intro sequence
>media: Flash; HTML
>size: 800 x 600px.+


home page
>media: HTML
>content management: Macromedia Contribute
>size: 800 x 600px.+


Parks page
>media: Flash; HTML
>content management: Macromedia Contribute
>size: 800 x 600px.+


Fields of Study page
>media: Flash; HTML
>content management: Macromedia Contribute
>size: 800 x 600px.+


Case Studies page
>media: Flash; HTML
>content management: Macromedia Contribute
>size: 800 x 600px.+
Project Notes
>nature of project: professional>design firm: Design + Innovation Lab
>creative director: Doug Wadden
>collaborators: Jim Nesbitt, Jason Tselentis
Read more about this project »



Multiple Choice
Alternatives to the Worn Out Model of U.S. Transportation
booklet / 2003


front cover
>media: inkjet-printed paper, spray adhesive
>book comp method: glued spreads
>size: 4.5 x 4.5in.; 28ppg


table of contents
>media: inkjet-printed paper, spray adhesive
>book comp method: glued spreads
>size: 4.5 x 4.5in.; 28ppg


chapter head
>media: inkjet-printed paper, spray adhesive
>book comp method: glued spreads
>size: 4.5 x 4.5in.; 28ppg


pull quote
>media: inkjet-printed paper, spray adhesive
>book comp method: glued spreads
>size: 4.5 x 4.5in.; 28ppg


copy
>media: inkjet-printed paper, spray adhesive
>book comp method: glued spreads
>size: 4.5 x 4.5in.; 28ppg




information graphics
>media: inkjet-printed paper, spray adhesive
>book comp method: glued spreads
>size: 4.5 x 4.5in.; 28ppg


closing spread with interactive CD-ROM
>media: inkjet-printed paper, spray adhesive, CD-ROM
>book comp method: glued spreads
>size: 4.5 x 4.5in.; 28ppg
Project Notes
>nature of project: schoolwork>guest professor: Brian Boram
>course: Publications
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



Merry Xmas
holiday card / 2003

front cover
>media: inkjet-printed paper, spray adhesive
>size: 5 x 4in. (finished)


inside
>media: inkjet-printed paper, spray adhesive
>size: 5 x 8in. (open)
Project Notes
>nature of project: self-initiated>for: friends, family
Read more about this project »



National Epidemics:
CVD | HIV/AIDS
information design / 2004


informational magazine article spread
>media: inkjet-printed paper
>size: 20 x 12in. (spread)


informational magazine article spread
>media: inkjet-printed paper
>size: 20 x 12in. (spread)


informational magazine article spread
>media: inkjet-printed paper
>size: 20 x 12in. (spread)


informational magazine article spread
>media: inkjet-printed paper
>size: 20 x 12in. (spread)


informational magazine article spread
>media: inkjet-printed paper
>size: 20 x 12in. (spread)

Project Notes
>nature of project: schoolwork>professor: Karen Cheng
>course: Information Design
>program: Visual Communication Design
>professor: University of Washington
Read more about this project »



Heart
Valentines Day CD cover / 2004

front cover
>media: inkjet-printed type on red construction paper
>size: 4.75 x 4.75in.
Project Notes
>nature of project: self-initiated>for: girlfriend
Read more about this project »



Election 2000
educational interactive interface dealing with the U.S. presidential election system, using the 2000 election as a case study, comparing "what it is" vs. "what happened" for every milestone

introductory screen (default and rollover state)
>media: Flash
>size: 1024 x 768px.


introductory screen (default and rollover state)
>media: Flash
>size: 1024 x 768px.


default sequence of events screen
>media: Flash
>size: 1024 x 768px.


national conventions - involvement - what it it vs. what happened screen state
>media: Flash
>size: 1024 x 768px.


event detail screen
>media: Flash
>size: 1024 x 768px.


Candidate Profiles default column set (Al Gore clicked into)
>media: Flash
>size: 1024 x 768px.


Candidate Profiles Democrat / Independent / Independent column set comparing Al Gore, Harry Browne and Ralph Nader;
>media: Flash
>size: 1024 x 768px.


Election 2000, Exploring Exactly How Your Vote Counted interactive educational experience interface (based on controversial butterfly ballot design)
>media: Flash
>size: 1024 x 768px.

The 2000 National Election (tabloid) interactive educational experience interface
>media: Flash
>size: 1024 x 768px.

Project Notes
>nature of project: schoolwork>professor: John Rousseau
>course: Interaction Design
>program: Visual Communication Design
>school: University of Washington
Read more about this project »



DPJ Word
MS Word interface concept / 2004

new document
>media: digital mockup
>size: 1024 x 768px.


page 1 of 2 in document; focus screen set to reveal one line of type in the middle of the page
>media: digital mockup
>size: 1024 x 768px.


multiple-page document, focus screen set to reveal one line of type in the middle of the page
>media: digital mockup
>size: 1024 x 768px.


multiple-page document, focus screen set to reveal one line of type in the middle of the page, "Library" tool drawer pulled out
>media: digital mockup
>size: 1024 x 768px.


multiple-page document, focus screen set to reveal one line of type in the middle of the page, "Library" tool drawer detached and placed in work area
>media: digital mockup
>size: 1024 x 768px.


desktop Library search mode
>media: digital mockup
>size: 1024 x 768px.


page 30 of 100, note flags visible with one clicked open
>media: digital mockup
>size: 1024 x 768px.


one page document, focus screen set to reveal one line of type in the middle of the page, magnification positioner slid all the way to the right for maximum magnification
>media: digital mockup
>size: 1024 x 768px.


multi-page document, focus screen set to reveal all lines of type below the middle of the page, magnification positioner slid all the way to the left to view long document in "chapter" sets for quick navigation across hundreds of pages
>media: digital mockup
>size: 1024 x 768px.


new document, cherry wood desktop / metal work area setup
>media: digital mockup
>size: 1024 x 768px.


new document, colored interface tool work area setup
>media: digital mockup
>size: 1024 x 768px.


new document, color-coded interface tool work area setup
>media: digital mockup
>size: 1024 x 768px.
Project Notes
>nature of project: invitational workshop>leaders: John Rousseau, Professor of Visual Communication Design, University of Washington / Brad Weed, Creative Director, Microsoft
Read more about this project »



If These Wheels Could Talk
Documentary Research, Book Design / 2004

book (spread open)
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


title spread
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: story coming
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: story arriving
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: chapter head
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: story text
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: imagery
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: pull-quote
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: pull-quote
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: bus stop (between stories)
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: bus stop (between stories)
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: bus stop (between stories)
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: bus stop (between stories)
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: night story arriving
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: night story chapter head
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.


spread: story leaving
>media: plotted prints, spray adhesive
>book comp method: glued and trimmed spreads
>size: 17 x 6.5in. (flat) / 34 x 6.5in. (spread), 116ppg.
Project Notes
>nature of project: schoolwork / self-initiated>professor: Anabelle Gould
>course: Senior Project
>program: Visual Communication Design
>school: University of Washington
Read more about this project »