the design work of
TOM ELMENDORF 10526 Highlawn Ct Cedarburg, WI 53012
262/957/6635 elmendorft@gmail.com
selected work from
NEXT.cc
6
social media
7
9
web
13
video
15
student design projects
UWM School of Architecture
18
Kern Park Primary School
20
Architectonics: Urban Campus Study
28
Frederick Law Olmsted Visitor Center
34
ARCH 420
ARCH 410
ARCH 320
samples
Design Development & Diagramming
40
NEXT.cc
selected projects from work as graphic designer social media
7
9
web
13
video
15
Facebook Cover Photo Series Design of a series of cover photos along with a template to be used for future additions to the series. Attract, inform, and encourage viewers to explore the NEXT.cc website. Software Utilized:
NEXT.cc design for social media
Adobe Illustrator CS5 Adobe Photoshop CS5 Perfect Resize 7
DESIGN 4 2 related journeys 1 0 4 activities
E N E R GY 1 5 related journeys
3 4 activities
WAT E R
1 8 related journeys
5 8 activities
images are the first run of an ongoing series of cover photos to generate interest in topics covered on the website.
FOO
1 5 related journeys
7
5
place solar panels find wind direction place wind vanes designate water runoff
Green a School!
place rain gardens place shading trees place outdoor classrooms place raised planting beds
NEXT.cc Workshop Handouts N
asphalt play area
standard 8.5x11” A4 prints for laser printer
softball field
Left: Sample Worksheet for kids Right: Cover Sheet & Informationial Page 8.5”
Software Utilized: Adobe InDesign Adobe Illustrator
green roof playground
prairie nature area
NEXT.cc design for print
11”
about: NEXT.cc NEXT.cc is an eco web that develops ethical imagination and environmental stewardship. NEXT.cc introduces what design is, what design does, and why design is important. It offers activities across nine scales – nano, pattern, object, space, architecture, neighborhood, urban, region, and world. NEXT.cc’s journeys introduce activities online, in the classroom, in the community and globally. NEXT.cc journeys and activities are supported with links to virtual field trips, museum interactives, and contemporary architecture, art, science & design practices.
how to: NEXT.cc 1. Go to www.NEXT.cc
2. Select a journey
Choose from 200+ journeys. At the top of the page, you may also select to view journeys that relate to specific topics.
3. Introduction to Journey
To begin your journey, become familiar with background and terms associated with the journey.
4. Explore
Expand your horizons into the world of design. Explore other art & science websites!
5. Activities
Observe, write, sketch, model, make, imagine, and create... in your community!
6. Submit to Gallery
After you complete the activities, submit your work to the Gallery!
7. Review
Check what you learned by taking the review!
8. Relate and Repeat
Continue your experience relating the built and natural world by clicking on related journeys!
9. Show your teacher
Share with friends, “Like” NEXT.cc on Facebook, Watch our videos on YouTube
11” + Architecture & Design
10. Tell us if you’re using it
<lkeane@next.cc> NEXT.cc Copyright 2012
8.5”
9
NEXT.cc cc
W AT E R WA
NEXT.cc cc
FO OO OD
water . waves . watershed . water quality . water conservation . rain . precipitation . rainwater harvesting . raingardens . clouds . climate . rivers . wetlands . lakes . great lakes . oceans . coral reefs . aquaponics . fish . water taxis .
fo . senses . pl food plantss . wat ater . soil . fish . food culture . farme ers markets . growing g food . vermiculture . vegetable gardens . mo obi b le e meal . eating local . urban agriculture . aquaponics .
www.NEXT.cc is an educational non profit that offers information, object, experience and environmental activities connected to larger earth, air, water and energy systems.
www.NEXT.cc is an educational non profit that offers information, object, experience and environmental activities connected to larger earth, air, water and energy systems.
For more information visit www.NEXT.cc or email lkeane@NEXT.cc
For more information visit www.NEXT.cc or email lkeane@NEXT.cc
NEXT. NEXT.cc
NEXT. NEXT.cc
EN NE R RG GY G Y energy . wind power . solar energy . electricity . artificial light . natural light . green home . mass transit . green building . green roofs . house of the future . waves . architecture . green materials . skyscrapers . www.NEXT.cc is an educational non profit that offers information, object, experience and environmental activities connected to larger earth, air, water and energy systems. For more information visit www.NEXT.cc or email lkeane@NEXT.cc
DESIGN
urrba u urb ban de design . ind ndus ustr t iall de d sign n . sho hoe oe de desi s gn . lo og go de design n . arrc ch hiitte e ecture & fash fa shion . skyscrapers . land ndsc s apes es . cereal bo boxx desi sign gn . game e de desi sign si gn n. cartoons . design making . kities . architecture . graphic novel . to toyy de desi sign gn . animation . stage set design . sunglasses . green roofs . interiority . chair design . tiny house . bridge design . poster design . rain gardens . business card . green home . signs . light design . house of the future . space planning . jewelry . work stations . green cities . car design . fashion design . furniture design . rainwater harvesting . urban agriculture . aquaponics . river walk .
www.NEXT.cc is an educational non p profit that offers information, object, experience and environmental activities connected to larger earth, air, water and energy systems.
NEXT.cc design for print
For more information visit www.NEXT.cc or email lkeane@NEXT.cc
NEXT.cc Information Cards
4.25 x 5.5 individual cards; printed 4 at a time on A4 paper
Cards to be distributed at workshops, seminars, etc. Software Utilized: Adobe Illustrator CS5 Adobe Photoshop CS5
12’
4’
2d geometry
air
alphabet
color
design thinking
diagramming
3d geometry
adobe
animals
area
art noveau
artificial light
21st century classroom
7 natural wonders
acoustics
air quality
architectonics
bauhaus
animation
architecture
architecture and fashion
bridge design
business card
cartoons
font
food
form
imagination
journal
line
beams
birds
books
ceramics
chairs
climate
bicycles
biomes
bridges
building types
buildings as bodies
coral reefs
cereal box design
chair design
design making
eating local
game design
graphic novel
maps
matter
measure
media
modeling
nanotechnology
clouds
columns
composition
drawing types
energy
ergonomics
de stijl
design process
detail
earth
electricity
farmers markets
green cities
green home
green roofs
house of the future
industrial design
information architecture
natural light
painting
paper
patterns
perspective
placemaking
experience design
facade elements
figure ground
food culture
glass
grass
forests
great lakes
green building
green schools
growing food
mass transit
interiority
kites
landscapes
light design
logo design
mobile meal
plants
scale
senses
shading
shape
shelter
green materials
insects
isometric
materials
metrics
nature patterns
mobiles
music and architecture
oceans
outdoor classrooms
place experience
prairie
poster design
rain gardens
shoe design
signs
skyscrapers
space planning
sketching
soil
speech
symbols
time
visual note taking
object description
origami
precipitation
proportion
sculpture
streets
rain
recycling
rivers
self portrait
solar energy
solar system
stage set design
suburbia
sunglasses
tesselations
tiny house
toy design
walking
water
waves
weave
word webs
writing
structure
systems thinking
tree identification
vernacular architecture
walls
watershed
texture
truss
vermiculture
water quality
well-being
wind
urban design
vegetable gardens
water taxis
wind power
workstations
zoom
.cc
tools
language
discovery
design
NEXT.cc introduces what design is, what design does, and why design is important. It offers activities across nine scales- nano, pattern, object, space, architecture, neighborhood, urban, region, and world. NEXT.cc’s journeys integrate virtual field trips, museums, institutions, and contemporary practices connecting classrooms with the world. NEXT.cc reaches young people, their teachers, and their families with meaningful learning experiences that create positive influence on lives.
nano
pattern
object
space
architecture
neighborhood
urban
region
world
NEXT.cc Journey Icon Banner 4’ x 12’ banner printed on vinyl
Layout design and printing preparation of large banner to displayed at workshops. Design work includes a portion of the icons pictured.
Sample of icons designed for website, also featured in banner and various other NEXT. cc promotional graphics
Software Utilized: Adobe InDesign CS5 Adobe Illustrator CS5 Perfect Resize 7
11
Assorted Graphics for Water Journey Series Software Utilized: Adobe Illustrator CS5 Adobe Photoshop CS5
ďŹ&#x201A;ush a toilet
700 gal 630 gal
5 - 7 gallons / flush
take a shower
7 - 10 gallons / minute
ďŹ ll a bathtub
36 - 50 gallons
500 gal
brush your teeth
10 gallons
wash your hands
( if tap is left running )
2 gallons ( if tap is left running )
200 gal 132 gal 50 gal
(( gallons ))
35 gal
of co ffe of e ap pl 2e lite ju ic rb e ot tle of so da 1lb of su ga r pa ir of je an s ha m bu rg er co tto n t-s hi rt
ap pl e
gl as s
cu p
an
sh ee to fp ap er cu p of te a
D I S I N FECT I O N
NEXT.cc design for web
FI LT R AT I O N
How much water does it take to make...
STORAGE
S ED I M E N TAT I O N
2 gal
18 gal
8 gal
COAGULATION
ar
M ys
r
rio
pe
Su
La
Ri ve ke r La H ke ur o St Mi n Cl ch a ig La ir R an ke iv D St er et C ro la it ir Ri ve La r ke N E ia ri N ga e ia ra g La ara Fall ke R s O ive La n r ke tar i o S La t L ke aw re S nc La t F r e ke a M S nci s on t L St tre oui s La al w Ha re r nc bo e r Ri ve r G ul fo fS tL aw re nc e
St
ke
La
Saint Lawrence Seaway
Great Lakes /
PROFILE
13
NEXT.cc design for web
STEM to STEAM: animated graphic A series of images to be animated and accompanied by either a live speaker or as part of a video recording Software Utilized: Adobe Photoshop CS5 Adobe Illustrator CS5
schools schoolyards
K-12
families teachers contemporary art, science & design careers
students
design practices college students
museum interactives
professionals
virtual ďŹ eld-trips
Connections: animated graphic A series of images demonstrating how NEXT.cc works with other groups. To be accompanied by either a live speaker or as part of a video recording Software Utilized: Adobe Illustrator CS5
15
SARUP
Selected projects from education at UWM School of Architecture Kern Park Primary School
20
Architectonics: Urban Campus Study
28
ARCH 420
UWM
ARCH 410
Frederick Law Olmsted Visitor Center ARCH 320
34
kern park primary school
a school
a school should create a safe learning environment that engages students, and encourages interaction between students, teachers, the built environment and the park
19
site. community context
Industry & Community
riverworks
business improvement district
Building in Urban Context PRECIOUS RESOURCES
Kern Park lies along the Milwaukee River at the northwestern corner of the Riverwest neighborhood, and is adjacent to the Riverworks Business Improvement District
Water
stormwater runoff a series of raingardens and bioswales will slow water runoff
Greenspace Building Placement
UWM SARUP Kern Park Primary School
building location on site responds directly to its service to the riverwest neighborhood
riverwest
neighborhood
natural vs. manicured low-maintenance will be used as a substitute for high-maintenance grass expanses where grass is unneccessary
site. kern park
a school in a park:
community amenities basketball courts baseball field walking pathes/trails flexible mutli-use greenspace tennis court open-air amphitheatre outdoor classrooms/meeting areas playground
front yard back yard
(approach, buffer, access)
site plan
(improvise, play, gather, explore)
21
the building: diagrammatic beginnings Volumetric Process athletics
core learning
1
three volumes spliced by two long corridors
2
programmatic volumes
3
volume shift in x-axis
4
volume spread in y-axis
primary programmatic delineation legible circulation
program areas respond to context
public vs private delineation
UWM SARUP Kern Park Primary School
daylight and fresh air for entire building
Passive Sustainable Strategies create central court
Spatial Strategies
volumes explode
specific programmed areas
Organizational Strategies thin plan design
5
create library outdoor room
secondary circulation
The Learning Community
double height corridors
directed
creative
service
flexible
learning
three independent mezzanine levels
directed learning
23
the building. plans
upper level plan
Outdoor Connections the building form creates outdoor rooms that compliment adjacent interior spaces
UWM SARUP Kern Park Primary School
dining room outdoor eating area library outdoor reading room
Central Court
A
B
C
A hardscape B grassy lawn C amphitheatre
groundfloor plan
primary entry
library outdoor room
kindergarten & library section
25
ARCHITECTONICS
urban campus study
A study of Architectonic Design and Analysis in 8 parts: 1 2 3 4 5 6 7 8
Precedent Tectonic Analysis - Drawings Precedent Tectonic Analysis - Modeling Modeling Tectonic Joints Tectonic Drawing - Organizational Road Map Tectonic Design Drawing Digital Fragment Tectonic Campus Model Auditorium Design
Parts 1-3 are a primer in the principles of architectonics. The application of these principles starts very gradually in Part 4. Beginning in pure abstraction of form, as the project advances through each of the 8 parts, it becomes increasingly more concrete and directly connected to the built environment. 1â&#x20AC;?=20â&#x20AC;&#x2122;
N
27
1
Precedent Tectonic Analysis: Drawing
expressing abstract spatial concepts & tectonic elements
UWM SARUP Architectonics: Urban Campus Study
(mass, plane, frame)
2
Precedent Tectonic Analysis: Modeling
exploration into expressing abstract, intangible spatial concepts, and tectonic components through different modeling techniques. mass, plane, frame
3
Modeling Tectonic Joints further exploration of jointing conditions that express a tectonic circumstance
the road map is translated into a digital format, and spatial ideas begin forming with the introduction of sectional development
4
Tectonic Drawing: Organizational Road Map
A complete abstraction, this drawing has no more intention than to represent a ‘centered’ compositional organization.
5
Tectonic Design Drawing
It will guide the direction of the rest of the project however, as a road map to maintaining a centered organization
29
1”=20’
N
UWM SARUP Architectonics: Urban Campus Study
6
Digital Fragment A selected portion of the 2-Dimensional Design Drawing is translated into a 3-Dimensional object through the application of virtual modeling & 3D printing
7
Tectonic Campus Model
With the digital fragment as a base to build from, the 3D translation of the Design Drawing is expanded further to the full potential of the drawing. Programmed spaces begin to take shape. Each tectonic choice has a spatial consequence.
8
below: multi-purpose sun shade & acoustic panel installed as part of the wall system
Auditorium Design
designing an auditorium into one of the structures designed in Part 7 an enclosed, formal auditorium space sits upon a cradle of support structure, above an informal, open-air auditorium
31
Frederick Law Olmsted
Visitor Center Lake Park, Milwaukee, WI
According to Frederick Law Olmsted, a park should serve as a departure from the urban bustle of the city. When one enters into a park, he or she should feel as though they are within a limitless rural landscape, without any hint of the city lying beyond its borders. In Olmstedâ&#x20AC;&#x2122;s view, nature and the landscape itself hold precedent over the environment. Any constructions of man are less important, and as such are de-emphasized, hidden, or tucked into the landscape. This proposal seeks to create a visitorâ&#x20AC;&#x2122;s center that not only captures the spirit of Frederick Law Olmsted, but also creates an effective visitor center for Lake Park that would become an asset to the community.
33
nature and the landscape hold precedent over the built environment...
circulation & view corridors
ravine
UWM SARUP Frederick Law Olmsted Visitor Center
lake view
The visitor center is tucked into the hill. At the top of the grand stair is a large plaza that would serve as a hub for the park.
...de-emphasized, hidden, tucked into the landscape
building concept an elevator shaft wrapped in stairs functions as the heart of the building. all vertical circulation occurs about the core, with the different floorplates acting as landings of the staircase
35
UWM SARUP Frederick Law Olmsted Visitor Center
northern approach from bridge
The building lies tucked within the trees, embedded in the bluff. The building is mostly hidden from view from the interior of the park, but presents a intriguing face to the public outside of the park, drawing them inward to discover more.
From within the park, the visitor center is initially realized as a simple pavillion perched atop a lowered terrace. It tucks itself within the trees to the side of a central patio space which sits at the top of the existing grand staircase. central patio atop the grand stair
Not until one ventures within the pavillion and begins winding down about the central core through the various spaces created within does the extent of the function of the building become revealed. The various programmatical elements are experienced individually, creating a narrative that continues to unravel itself, encouraging visitors to journey through the space.
north-facing site section
37
DESIGN diagrammingDEVELOPMENT
Selected examples of design development sketching from the following projects: Kern Park Primary School ARCH 420
Frederick Law Olmsted Visitor Center ARCH 320
Selected examples of diagrams from the following projects:
&
HVAC Function Diagrams ARCH 303
Rainscreen Wall Assembly Diagram ARCH 303
39
Gestural Sketching
Diagramming & Design Development Examples
5-10 minute loose sketches develop ideas quickly transferring an idea of an imagined design or space onto paper
Serial Vision
expressing the sequencing of spaces to develop a narrative
Concept Development
41
Diagramming & Design Development Examples
HVAC System Diagrams
outside to inside
inside to outside
Wall System Assembly Diagram
1
light gauge steel framing infill between heavy gauge steel columns
2
5
extruded polystyrene insulation added between rainscreen brackets
6
8
6” fiberglass batt insulation added between steel studs
9
3/4” plywood sheathing attached to exterior of steel structure
aluminum vertical brackets and individual gussets attached to hold terra cotta panels (see figure 1)
vapor barrier to keep moisture off of wall assembly
3
spray-on moisture barrier applied to exterior of plywood sheathing
7
terra cotta panels installed (see figure 2)
10
4
aluminum horizontal rainscreen brackets attached
2 sheets of 1/2” gypsum attached to steel studs
43