PORTFO
OLIO
CONTENTS din._____________________publication census_______________________posters dsgn_______________________packaging greenhaus___________________branding mad men_____________________branding fast food______________________icons iff_______________________conference
HELLO HELLO HELLO
WHAT I’VE BEEN UP TO
hi. design is fun. included is a selection of projects that i found particularly awesome.
INFORMATIVE
PRECISE
TECHNICAL
DIN. WHAT A type zine about Albert Jan Pool’s DIN, the super family of Germany and pinnacle of legibility and accessibility.
WHY This project explored ways the reader can be educated on the history of a typeface and its designer in an informative way that speaks to the information being presented, while being visually compelling and consistent across spreads.
HOW Concepts such as tension, hierarchy, and rhythm further the overall tone and voice of this set of spreads. Every detail, such as the weight of the subheading text or the image treatment, gives a purpose and meaning to the zine.
** First Place in Publication Design @ MSU Glitch
abcdefghijklm nopqrstuvwxyz
rules demonstrate DIN’s extreme neutrality while emphasizing its notoriety in transportation.
DIN DIN DIN
ORGANIC
BALANCED
OPEN
CENSUS WHAT Campaign of advocacy posters depicting the 2020 Census and its meaning to the people of Kansas.
WHY This project was completed in collaboration with a client who required a set of posters to call the public to action regarding specific issues using methods and techniques to reach the largest number of people possible.
HOW The posters assign a playful and hard-working identity to a society coming together and building each other up. Its handdrawn, ilustrative nature pleasantly blends with typography to allow for multiple applications. The campaign as a whole emphasizes the idea that communities get the most out of their resources when each and every member is counted.
a 110° isometric grid & guides are used to maintain a consistent illustration style in all applications.
STREAMLINED
CLEAN
ACCESSIBLE
DSGN WHAT A packaging, branding, and art direction project focused on sustainability and accessibility for all.
WHY DSGN by Target is a branding extension of Target that provides everyday tools for the kitchen and home. It places importance on accessibility through its mission, “design for all”. Each product’s purpose is carefully explained through language and images, ensuring it can be understood by everyone.
HOW The focus on sustainability was especially in regard to its package design by paying close attention to the physical makeup of the materials, how much of it was used, and how to use the packaging to further the message of sustainability. It moves past the idea of being generic and becomes a brand that customers gravitate toward and want to buy.
logomark reflects the angular nature of its typeface while staying true to the timeless design of the bullseye. the shape appears much like a bolt, speaking to DSGN’s core goal of accessibility and the products packaged.
to laser cut
assembly
cut (0.001pt) 0r 0g 0b 40%pwr 20%spd 200ppi follow with exacto
print dieline on standard weight plotter trim and line up on laser cutter cut, fold, and insert tabs to secure
score (0.001pt) 255r 0g 0b 95%pwr 50%spd 200ppi
print dieline on standard weight plotter score lengthwise and adhere with glue line up on laser cutter and cut on black
or
ANIMATED
PURPOSEFUL
FRESH
EXCITING
GREENHAUS WHAT This project involved the creation of a brand from a forced connection—two things that don’t fit at first glance but, when forced together, create harmony in their design.
WHY Establishing a meaningful and clear balance between necessary information and seamless presentation is key when designing brand identity. Greenhaus is an interactive ceramics studio and plant nursery. It’s all about the earth, what comes from it and what grows out of it.
HOW Logomarks, typefaces, graphics, and brand application are at the core of this project allowing for a deep dive into what makes a brand seen and how consistency can be established. Attributes such as these serve to depict to any passerby what the business does, its desired context, and overall tone.
the leaves sprouting from the ear of the “g” are formed by the anatomical structures of the letterforms, feeling much like an accurate extension of the typeface.
CHAOTIC
IDEALISTIC
CRYPTIC
MAD MEN WHAT A rebranding of the television show, “Mad Men,” to include a logotype and accompanying series of posters.
WHY A the branding and marketing of a series needs to pull in the viewer in by providing a sample of the show’s subject and overall tones without revealing major information. The deeper the concept of the show’s visual idetity, the more meaningful a connection established with the audience.
HOW This project explored the pertinent themes of advertising in Mad Men by drawing type and imagery from typewriters and dark room mark ups. Combining these with vintage family photographs hints at the madness behind what appears to be perfect.
SYSTEMATIC
PLAYFUL
MINIMALISTIC
FAST FOOD WHAT A set of symbols applicable to any fast food establishment to allow customers to identify their favorites in seconds.
WHY Symbols and icons are found in virtually every space around the world. They tell the viewer the necessary information without any unnecessary details or flourishes. Creating the feeling of continuity among the set is imperative to maintaining an understandable visual language.
HOW Using a grid and the base shape of a burger allowed each icon to feel like a part of the set. Nine shapes were rotated, scaled, and used as a stroke or fill to communicate different information in the same way.
OPEN DURING DAYO
FRIENDLY SERVICE
GREASY FOODH
EXPENSIVEI
PEN 24 HOURS
UNFRIENDLY SERVICES
EALTHY OPTIONS
NEXPENSIVE
BREAKFAST IN MORNING
LOW SERVICEF
STUDY FRIENDLYS
DELIVERY AVAILABLE
BREAKFAST 24 HOURS
AST SERVICEO
USTAINABLE PACKAGING
STRESSFUL DRIVE THRU
UNSU
BA
BUSY LOCATION
padding
y-axis
NLINE ORDERS
USTAINABLE PACKAGING
AD FOR EATING IN CAR
x-axis
base
CONNECTED
VARIED
DYNAMIC
IFF WHAT A conference branding project that observes human motion to capture the innate connectivity of mind, body, and machine.
WHY Data exists everywhere and is often seen as the something cold and inhumane when, in fact, the best data about human motion is found in sports. Wanting others to see the cyclical nature of data, the Iff conference combines subjects of psychology, data visualization, and biomechanics.
HOW Iff, acommon abbrieviation for the statistics and philosophy concept, “if and only if,” describes a biconditional, logical connective between two statements or ideas. The conference uses datasets and imagery from sports and human activity to emphasize that data is human and more than cold numbers.
a
y
-x
-x
x
c
HYPERBOLA
an open curve with two branches; the intersection of a plane with both halves of a double cone
-y
iff [weekend]
a
x2
y2
a2
b2
a
semimajor axis
c
linear eccentricity
c a
1
eccentricity a
[a, 0] and [-a, 0]
vertices
[c, 0] and [-c, 0]
foci
iff
c
c a2
c
b2
iff [weekend]
-x
x
y2
a2
b2
a
semimajor axis
c
linear eccentricity
c
1
eccentricity
a
HYPERBOLA
x2
[a, 0] and [-a, 0]
vertices
[c, 0] and [-c, 0]
foci
an open curve with two branches; the intersection
iff
of a plane with both halves of a double cone
a2
c
b2
y -y
x x2
iff [weekend]
semimajor axis
c
linear eccentricity
iff [-a, b] [-a, -b] [a, b] [a, -b] y2
[a, 0] and [-a, 0]
vertices
[c, 0] and [-c, 0]
foci
iff
-y
[x]1
f [iff]
[day]1
f [x]
[x]2
f [iff]
[day]2
f [x]
[x]3
f [iff]
[day]3
c 1
a2
c
2
3
b2
c
12
iff [-a, b] [-a, -b] [a, b] [a, -b]
b
asymptotes
f [x]
[x]1
f [iff]
[day]1
f [x]
[x]2
f [iff]
[day]2
f [x]
[x]3
f [iff]
[day]3
3
-a
a
b
f [x]
±
[x]1
[x]2
- [x]1
[x]2
- [x]1
- [x]2
[x]2
[x]3
- [x]2
[x]3
- [x]2
- [x]3
[x]
[x]
3
- [x]
[x]
- [x]
- [x]1
x
±a
f [x]
[ ± a]1
f [x]
[ ± a]2
f [x]
[ ± a]3
3
-b 1
2
2
3
3
points of instersection
ax
1
iff
1
f [x]
a
eccentricity
a
asymptotes
1
b2
a2
a
c
a
1
3
A BOU B OU T T A
SP E AK A K ER E RS S SPE
S H OP P SHO
REGIS E GI ST TER ER R
SOR T BY [MO ST P O P U L A R ] >
T- S H I R T
T UR T LENEC K
TOT E BAG
WAT E R B OT T L E
CALCUL ATOR
BASK E T BALL
C OF F E E M U G
T ENNIS BALL
PEN CI L BOX
YO G A M AT
SW E AT BAN DS
F L AS H DR I V E
GOODBYE GOODBYE GOODBYE
CONCEPTUAL
PRECISE
CHEERFUL
thank you.
anna matuella