MICHAEL
MORAN2018 Design Portfolio

02
03
04
05
06

07
08
09
10
11
12

Graphic Design
Design for Social Impact
more info and contact:[morandom.com]

13
14
15
16

17
18
19

20
21
22
23
24

25
26
27
28
29
30
31

BRANDING

Various Logos
Scout Foreflight
Moody Student Collaborative
Martel Residential College

PRINT DESIGN

Moody Location Poster
Moody Popup Poster Series
KTRU Outdoor Show
Technology Student Association
Picture Library Accordion Pamphalet

INTERACTION DESIGN
Sarasota Reality Website
KPCB Handshake Web/Mobile Redesign
The List Mobile and Web Concept

DESIGN FOR AMERICA
Hermann Park
Participatory Budgeting

HOUSTON URBAN DESIGN
Rice Medial Loop
Buffalo Bayou Partnership
Warehouses
Lorem Historic
ipsum
EaDo Skew Urbanism
Downtown Volcanospace

COLLAGE

Predictive Identiy Book of Poems
Rice Historical Review Collagei — Apple, Design Fiction Video Edit
Pretty Pictures Computer Generated Art Program
110 Days Data Visualization
uksee.me London Interactive Map

02

Michael Moran [morandom.com]

BRANDING
Everything from logos to full scale branding
projects from the last 5 years, these designs areprimarily for organizations at the school I am
attending, Rice University, while others areaffiliated with my high school or local
businesses.

03 Various Logos
04 Moody Student Collaborative Logo
05 Scout Foreflight Logo
06 Martel College Merchandise

Michael Moran [morandom.com]

Branding

02
03
04
05
06

est.

From left to right: 2017 Rice Womens Resource Center proposed logo, 2015 Common Ground gay-straight alliance logo, 2014 In the Loop Designs jewelry logo, 2015 B
Frank Hemp Wicks logo, 2015 Wishmakers on Campus USF Bulls chapter logo, 2017 Rice Office of Multicultural Affairs owl face proposed logo, 2014 SunCoast SolidWorks Users Groups logo, 2016 Faircuts student run business logo, 2013 Technology Student Association high school chapter proposed logo

Michael Moran [morandom.com]

Branding

02
03
04
05
06

Moody Student Collaborative Logo
Fall 2016
This student organization at my university is working toincorporate students in the new center for the arts being built
on campus. The goal of my logo was to combine the essence of the
Moody Center with the energy of Rice University students. I
achieved this in my design by using the shape of the teardrop in
the Moody Center’s architecture (pictured below) broken up into
11 sectors. Each of these 11 sectors are colored the colored adifferent color representing each of the 11 residential colleges
on campus. To the right you can see some of the other ideas anditerations for the logo.

Branding

02
03
04
05
06

ForeFlight Logo

Michael Moran [morandom.com]

Summer 2017
While working as agraphic design internwith the Houston
marketing firm, Mouth
Watering Media, I worked
on a new logo for one of
their new client
products. These are theiterations that I went
through as I worked withthe creative director of
the firm and the client
to decide on the logo
for their new flightnavigation device.

Branding

02
03
04
05
06

Martel College Merchandise
Michael Moran [morandom.com]

Fall 2016
I designed a collection of merchandise tobe sold to the people who live at Martel,my residential college, during the Fall of
2016. I started by creating a new “MC”
icon that could be used for stickers in
hats. This “MC” (standing for Martel
College) was a reference to the existing
crest (pictured to the right), but given amore contemporary feeling. I then used
this icon to design hats and stickers. I
also designed baseball t-shirts and shot
glasses, which when paired with otheritems made up the 2016 Fall Collection.

Original Crest

New Logo

Sticker with New Logo

07

Michael Moran [morandom.com]

PRINT DESIGNI started doing graphic design when I found a
computer in my middle school computer lab with
Photoshop installed on it. The first thing I
started making was fliers for the Technology
Student Association. I still love printed media,
and frequently make fliers for concerts, andevents around campus.

08 Moody Location Poster
09 Moody Popup Poster Series
10 KTRU Outdoor Show Poster & Shirts
11 Technology Student Association
12 Picture Library Accordion Pamphlet

Print Design
Michael Moran [morandom.com]

07
08
09
10
11
12

Moody Location Poster
Spring 2017
This is a piece that
I was commissionedby the Moody Centerfor the Arts Student
Collaborative. The
Moody wasconstructed very far
away from most of
the dormitories at
my university. As
such, it was
important to show
the student bodywhere the Moody isin relation to where
they live and otherlandmarks aroundcampus. This campus
was printed out on
36 x 48 inch paper
and posted atseveral locations
throughout campus.

Print Design
07
08
09
10
11
12

Moody Popup Posters

Michael Moran [morandom.com]

Spring 2017
I was commissioned by the Moody Center for the Arts Student Collaborative
to create a series of posters for their 3 events in celebration of the
opening of the center. The events were hosted in a building called “The
Juicebox”, and each one had a different theme. The graphic that was
created was designed to be iconic so that it could be a striking poster
when blown up or a recognizable graphic when made into a small sticker.
The top right of this page shows some of the early iterations on the themeof a box and the Moody iconography. The eventual decided on graphic uses a
straw as a reference to the name of the building with a drop thatreferences the signature architecture of the moody. Further, this straw
provided balance to the unique name of each event.

Print Design
Michael Moran [morandom.com]

KTRU’s 50 Year Anniversary

07
08
09
10
11
12

KTRU Outdoor Show Poster
Spring 2017

K

T

R

U

A poster and graphic made for the 50th Annual
Outdoor Show hosted at my university by thecampus radio station, KTRU. The design isintended to fit in with existing aesthetic of
KTRU. The rabbits are the informal mascot of theoutdoor (and have been in some way in every
year’s graphic). In addition, the pineapple isthe informal symbol of the radio station.

Outdoor Show

26th Annual

April 22, 2017, 2PM -10PM

JAMILA WOODSSABABAYONNE

FREE RADICALSROSE ETTE

MAYAPURISSTEVE COX’S BEARD

DAVID MORGAN & CHARLES MOON

Rice University Central Quad
6100 Main St., Houston, TX
Free Admission
All Ages
96.1 FM ods.KTRU.org

Print Design
Michael Moran [morandom.com]

07
08
09
10
11
12

Technology Student Association
2012-2014
Technology Student Association is a student organizationthat holds competitions for middle and high school
students at the district, state, and national level.
These were some of my submissions in the Promotional
Graphics competition during high school. Each of theseare 8.5”x11” fliers.

Promotional Graphics entry 2012
First Place at District &State Competition

Promotional Graphics entry 2013
First Place at District Competition &Second Place at State Competition

Promotional Graphics 2014
First Place at State Competition

Print Design
Michael Moran [morandom.com]

07
08
09
10
11
12

Picture Library Accordion Pamphlet
Fall 2017
During my semester abroad at Central Saint Martins, I made this with myInformation Environments class in the Rotherhithe Picture Research Library.
This library was looking for a small pamphlet that could introduce visitors to
the library to what they are about. I went through the library and selected 14
categories of content and scanned several images from each category, eventually
editing them into this finished 8 panel accordion brochure.

13Michael Moran [morandom.com]

WEB &INTERACTION
DESIGNI started doing graphic design when I found a
computer in my middle school computer lab with
Photoshop installed on it. The first thing I
started making was flyers for the Technology
Student Association. I still love printed media,
and frequently make flyers for concerts, andevents around campus.

14 Sarasota Reality Website
15 KPCB Handshake Web/Mobile Redesign
16 The List Mobile and Web ConceptInteraction Design

Handshake Website Redesign
Spring 2017
Handshake is a career matching service
that is used by many universities throughthe United States. I proposed a redesignof the website and mobile application for
the KPCB design fellowship. My designsought to bring clarity to users, as wellas fix small visual errors.
For more on my user research andexplanations of all the design choices,
visit: [www.morandom.com/kpcb.pdf]

Michael Moran [morandom.com]

13
14
15
16

Mobile Before

Mobile After

Desktop Before

Desktop AfterInteraction Design

Sarasota Paradise
Realty Website
2013 - 2015

Michael Moran [morandom.com]

13
14
15
16

SarasotaParadise.com is a 400+
page website that I spent
several years designing anddeveloping while in highschool. The website allows you
to search through properties
around Sarasota, Florida, as
well as learn about many of theneighborhoods in the area.
Furthermore, I worked with therealtors to develop theirbranding, business cards, logo,
and car decals.

See more at [SarasotaParadise.com]

Interaction Design“The List” Top Ten List Interface
Summer 2017
The List is a collection of top lists inspired bythis Medium post I made while at Mouth Watering Media
www.goo.gl/tXqMxS. Mockups are still in concept
stages as implementation is in progress.

Michael Moran [morandom.com]

13
14
15
16

watch mockup site interactions: [http://youtu.be/z4HwvZnbCtQ]

17Michael Moran [morandom.com]

DESIGNFOR
AMERICA
Design for America is a student organization on
Rice University’s campus seeking to make social
impact on the Houston community throughhuman-centered design thinking. Our studio works
on semester long projects in interdisciplinary
teams. I work as a studio lead, scoping projects
and managing the progress of our 7 teams, andteaching human-centered design practices
throughout the semester.

18 Hermann Park Installation
19 Participatory Budgeting

Design for America

Hermann Park Installations
Fall 2016
Collaborators: Phillip Hedayatnia, Maddie Bowen, and Claire Peng
During Fall Semester of my sophomore year I led a team that partnered with
Hermann Park Conservancy in order to create a series of installations that tell
the story of the hundred year transformation of Hermann Park.
When we first met with our client, they had tasked us with making a "kiosk"
that would generate interest and increased membership at the Hermann Park
Conservancy. In order to better understand who we were designing for as well as
the nature of the problem, we conducted 50+ user interviews in various parts ofthe parks, at several different times and days of the weeks. Having immersed
ourselves in the problem, we reframed the problem originally given to us by theConservancy: How can we engage Hermann Park patrons with the story of the
100-year transformation of the park?
With a clear problem statement, we began the brainstorming process. After
deliberation and presenting to Hermann Park Conservancy, we decided to move
forward with a design that emulates an easel with an empty picture frame in thecenter to highlight a current element of the park. Below the frame would be apanel that could explain the background and context of the showcased element.
We have presented the concept to the Herman Park Conservancy board of directors
and have been given $5,000 to manufacture 3 full size versions. See more andstay up to date with the project: [morandom.com/hermannpark.html]

17
18
19

Michael Moran [morandom.com]

Full size prototype at the reflection pool in Hermann Park

Phil and Maddie with the forms from theinterviews they verbally conducted in the park
earlier that day

All of our initial ideas on sticky notes
sorted on a 2-dimensional scale offeasibility vs. impact

3-legged and 4-legged laser cut prototypes

Claire demonstrating theinteractivity of the fullsize prototype inCentennial Gardens

Design for America

Participatory Budgeting
Spring 2016
Collaborators: Christina Hahn, Jake Peacock, Robyn Torregrosa
During Spring Semester of my freshman year I worked on a teampartnered with January Advisors in order to develop a newparticipatory budgeting system for Houston.
We began by meeting with our community partner, January
Advisors, and selecting a community on which we can prototype
the system (eventually deciding on Bellaire). We quickly
became experts on everything related to participatory
budgeting, understanding what it is, and where it is being
used around the nation. In short, participatory budgeting isa system that gives citizens control over a segment of public
spending.
After deliberating with the community partner, we decided totackle the problem of awareness of participatory budgeting in
the Bellaire community. Or more specifically: How can we
simplify and communicate the PB process so various users in
Bellaire have the understanding, ability, and incentive toparticipate?

Michael Moran [morandom.com]

17
18
19

After brainstorming several possible ways of responding tothis problem statement, we settled on making a card that canbe mailed to Bellaire residents. We made prototypes andbrought them to a Bellaire for resident interviews. Fromthese interviews, we discovered that the water tower was nota source of pride, the colors did not make a lot of sense,
and the wide open space on the back did left the user feelingoverwhelmed and unsure of what to put down. As a result, we
replaced the water tower with a vector of the trolley in thecenter of the town and gave the user more direction on theback of the card. To learn more about the project and our
process visit: [morandom.com/participatorybudgeting.html]
Final prototype printed out and ready for distribution

Results of initial brainstorming

Prototype 1.0: Front

Prototype 1.0: Back

Prototype 2.0: Front

Prototype 2.0: Back

Michael Moran [morandom.com]

20

HOUSTONURBAN
DESIGN
Urban design combines my interests in design andsociology (my major at Rice). The ways thatpeople organize themselves in physical space isoften reflective of greater social and politicalstructures. Rice’s Anderson School ofArchitecture and Urban Sociology classes havegiven me a basis for the following investigationsof space and place in Houston.

21 Rice Medial Loop
22 Buffalo Bayou Partnership Warehouses
23 East of Downtown Skew Urbanism
24 Downtown Volcanospace

Michael Moran [morandom.com]

Team presenting our proposal at Rice

Rendering of intervention at Founder’s Court

Medial Loop: Rice Mini-Charrette

Urban Design

20
21
22
23
24

Spring 2017

vehicles. Leading us to ask: How can wecreate an independent route for bikers andskateboarders to travel throughout Rice?

Collaborators: Kajal Patel, Jake Peacock, Maddie Bowen

As part of annual Rice’s School ofArchitecture Mini-Charette, I participated ina 3-day-long intensive challenge redesigning
the way in which transportation happens
around Rice University campus with a team of
3 other Design for America members.

Plan of intervention at Founder’s Court

We found that while Rice campus supports
various modes of transportation, bikers andskateboards struggle with sharing the same
pathways as either pedestrians of motorized

The Medial Loop intervention integrates newpaths with existing routes in order tomaximize the connectivity of campus and theefficiency of transportation for all users.
We did this through lighted paths away fromroads for night travel, and separation of
motor vehicles and non-motor vehicles byutilizing neglected parts of campus andcreating a minimal amount of new paths. The
Medial Loop got it’s name because it exists
in between pieces of campus infrastructure
known as the inner loop and the outer loop.

Michael Moran [morandom.com]

1.3

6.2

3.13

2.6

Historic Warehouses in
Fifth Ward & East End

5.13

Spring 2017
Michael Moran
Community Bridges
April 24, 2017

6.3
6.2

6.1

6.5
6.4

6.8

6.6

1.1

6.7

1.3
1.2

1.4

1.5

1.6
2.1
4.2
1.7

1.9

1.10

2.2

2.4

2.5

2.3
1.8

1.11
2.6

4.1
4.3

3.1

4.4

3.2
3.5
3.3
3.13

3.4

3.7

3.6

3.12

3.9
3.8

3.11

3.10
3.15

3.14
3.16

3.18
3.17
5.1

5.3
5.2

5.4

5.10
5.11
5.12

5.5

5.7

5.6

5.9

5.13

5.8
5.14

Clusters
1. Commerce St
2. West Navigation Blvd
3. North Sampson (Near TXRX)
4. Misc. South of Bayou
5. Misc. East Navigation
6. North of Bayou

Urban Design

20
21
22
23
24

Buffalo Bayou
Partnership
Historic
Warehouses

provide me with a system for rigorously exploring my passion and allowing me the space to experiment and receive feedback on my work.!

Location on Houston Map

As a Rice Kinder
Institute Community
Bridges Fellow, I
interned with the
Buffalo Bayou
Partnership during
the Spring of mysophomore year to
track and record allof the historic
warehouses in
Houston’s Fifth Wardand East Endneighborhoods.
Using GIS data andneighborhood
surveying, I was able
to record anddocument 50+ historic
warehouses in thearea, hopefully forthe sake of creating
and preserving
historic districts.

Michael Moran [morandom.com]

Urban Skew: EaDo Houston Mini-Charrette
Spring 2017

Collaborators: Andrew Bertics, Maddie Bowen, and Mike Hua

Urban Design

20
21
22
23
24

Modular slices and some of their potential
programming

Urban Skew is an urban planning scheme that came out of a
1-day-long intensive charrette hosted by the Rice Design
Alliance. The prompt was to consider the intersections andstreets in a set of 8 blocks in the East of Downtown
neighborhood in Houston. After visiting the site andnoticing how the streets are much wider than the trafficnecessitates, we created a scheme that slows traffic,
creates community, and is scalable to the entire
neighborhood. Urban Skew “wiggles” the streets within theirconfines, creating the effect of curved streets and shifted
blocks. In doing this, there are two different sizes ofslices that are created in the space where there used to be
streets. In these slices we have created different modular
programming that can be mixed and matched depending on thecontext of that street block.

Plan of the 8 blocks East of Downtown and how
our intervention creates new spaces for dining,parks, and recreation

Michael Moran [morandom.com]
Urban Design

20
21
22
23
24

Volcanospace: Downtown Houston Mini-Charrette
Spring 2018

Collaborators: Andrew Bertics, Maddie Bowen, and Mike Hua

Volcanospace is a proposed urban Houston tent-space along the Bayouthat came out of a 1-day-long intensive charrette hosted by the Rice
Design Alliance. The prompt was to consider the new flood plan as we
design the continuation of the Buffalo Bayou bike path through asoon-to-be torn down building. Our team’s playful concept seeks toactivate the space by connecting the existing bridges in order tocreate a comfortable and versatile covered park.

25

Michael Moran [morandom.com]

ART PROJECTS
I like to make things that aren’t for otherpeople or corporations too. I really nejoy
collage tagether data and pieces of ourselves.
Art is pretty cool. Idk if this is really it, but
I like it.

26 Predictive Identiy Book of Poems
27 Rice Historical Review Collage
28 i — Apple, Design Fiction Edit
29 Pretty Pictures Computer Generated
30 110 Days Data Visualization
31 uksee.me London Interactive Map

Predictive Identity uses thepredictive text feature on
the smartphone keyboard tocreate a portrait of how ourphones view the way that we
speak and who we are. This
book has 25 portraits ofyoung people and theirphone’s predictively
generated text.

Art

Michael Moran [morandom.com]

Fall 2017

25
26
27
28
29
30
31

See full pdf: morandom.com/book.pdf
Published in Disconnect Magazine: thedisconnect.co/one

Spring 2017
A collage made fromprinted photo,
folded money, andcut paper, Trapped
is a piece that wascommissioned for the
Rice Historical
Review undergraduate
journal. Thisparticular piece wasmade in response toa paper about thenuance of slavelabor according toMarx's Kapital.

Art

Michael Moran [morandom.com]

Rice
Historical
Review
Collage

25
26
27
28
29
30
31

Unedited photo of pieceMichael Moran [morandom.com]

i — Apple,
Design Fiction Video Edit
Fall 2017
During my class on Concepts of Editing during mysemester abroad, I created a design fiction inspiredby the work of Dunne & Raby and Speculative
Everything. Using the footage from Apple adverts overthe last 5 years, I edited them to tell the myth of“Apple’s final product,” i. The piece speculates aworld where our identity is fundamentally intertwinedwith digital technology. Watch the video:Art

http://youtu.be/-JuPF7Oiuok

25
26
27
28
29
30
31

Michael Moran [morandom.com]

Pretty Pictures,
Computer Generated Art Program

Art

Fall 2016

25
26
27
28
29
30
31

During my computer science course on program design, I wrote anapplication that “breeds” together images using genetic
algorithms. Each of the images were built as a composition ofmathematical functions, each being composed of othermathematical functions (with 0 to 4 inputs). With 27 total
functions and several layers of composition possible, there weremillions of ways in which they could be combined to form uniqueimages. Starting from a random set of 20 images composed of 2
functions, the user of the application would then select atleast 2 images they deem “pretty.” Then, the function trees that
represent these images would be bred together to create 20 new
pictures. The method used for breeding was inspired by Karl
Sims’ paper Artificial Evolution for Computer Graphics.
Read more: morandom.com/prettypictures.html

Michael Moran [morandom.com]
Art
25
26
27
28
29
30
31

110 Days - Data Visualization
Fall 2016
This piece is a data visualization I made regarding the 110 days that a good friend and I spent apart from one another. In
the background is the text from every message we sent to on another, and on the graphs is a measure of our dailyinteractions. The stacked bar graph combines the number of images sent, the number of messages sent, the number of texts
sent, and the number of minutes skyped or on the phone.

Michael Moran [morandom.com]

UKSEE.ME - London
Interactive Map, Walk, &Stickers
Fall 2017“You can be lonely anywhere, but there isa particular flavour to the lonelinessthat comes from living in a city,
surrounded by millions of people” — Olivia
Laing, The Lonely City.
Project See Me is a 6 mile path throughcentral London extending North and Southof the Thames. At each turn in the path isa hand written message on the subjectingof loneliness in the city. See a video of
the walk: youtu.be/ctRT3L9kGRA

Art

or visit the interactive site: uksee.me

25
26
27
28
29
30
31