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.
STUD
matuella01
visc 302.3 conferences — the body as a machine
DIO 01
CONSIDER
MOTION IN SPORTS _humans constantly evolving _effects of exercise on the body _see physical activity in new light
DATA VISUALIZATION _uses data to influence design _makes data understandable/interesting _draw connections more easily
PSYCHEDELICS _brain’s ability to repair itself _heal from past trauma _catalyst for new methods of thinking
CONSIDER
+
MOTION IN SPORTS _humans constantly evolving _effects of exercise on the body _see physical activity in new light
DATA VISUALIZATION _uses data to influence design _makes data understandable/interesting _draw connections more easily
PSYCHEDELICS _brain’s ability to repair itself _heal from past trauma _catalyst for new methods of thinking
THE BODY AS A MACHINE
COMMO
matuella01
visc 302.3 conferences — the body as a machine
ONALITY
HUMAN BEING
we ma
how body works when put through physical stress during sports/activities
sys to ret
understanding of data
con rep
ell-oiled machine with any working parts
BODY
BRAIN
network of thoughts and sense of identity
stems work in tandem create movement and tain information
range of different kinds of therapy and how to re-train the brain
nstantly learning and pairing itself
understanding of data
DATA
ACCURATE _findings are factually correct _apply to argument being made
ACCESSIBLE _numbers make sense to reader _written as to not skew perspective
READABLE _uses concepts of hierarchy & scale _understandable and read with ease
VISUALIZED _pleasant & exciting to read _uses unexpected yet logical design solutions to display findings
WH
matuella01
visc 302.3 conferences — the body as a machine
HO
HOW WE CAN FIND OURSELVES IN DATA GIORGIA LUPI — INFORMATION DESIGNER
Giorgia Lupi uses data to tell human stories, adding nuance to numbers. In this charming talk, she shares how we can bring personality to data, visualizing even the mundane details of our daily lives and transforming the abstract and uncountable into something that can be seen, felt and directly reconnected to our lives.
BRAIN-CHANGING BENEFITS OF EXERCISE WENDY SUZUKI — NEUROSCIENTIST/AUTHOR
What’s the most transformative thing that you can do for your brain today? Exercise! says neuroscientist Wendy Suzuki. Get inspired to go to the gym as Suzuki discusses the science of how working out boosts your mood and memory -- and protects your brain against neurodegenerative diseases like Alzheimer’s.
ARE ATHLETES REALLY GETTING FASTER, BETTER, STRONGER? DAVID EPSTEIN — SPORTS SCIENCE REPORTER
Artist Chris Jordan shows us an arresting view of what Western culture looks like. His supersized images picture some unimaginable statistics like the astonishing number of paper cups we use every single day.
REAL REASON FOR THE BRAIN DANIEL WOLPERT — MOVEMENT EXPERT
Neuroscientist Daniel Wolpert starts from a surprising premise: the brain evolved, not to think or feel, but to control movement. In this entertaining, data-rich talk he gives us a glimpse into how the brain creates the grace and agility of human motion.
THE MATH BEHIND BASKETBALL’S WILDEST MOVES RAJIV MAHESWARAN — RESEARCHER
Basketball is a fast-moving game of improvisation, contact and spatio-temporal pattern recognition. Rajiv Maheswaran and his colleagues are analyzing the movements behind the key plays of the game, to help coaches and players combine intuition with new data. Bonus: What they’re learning could help us understand how humans move everywhere.
THE FUTURE OF PSYCHEDELICASSISTED PSYCHOTHERAPY RICK DOBLIN — PSYCHEDELICS RESEARCHER
Could psychedelics help us heal from trauma and mental illnesses? Researcher Rick Doblin has spent the past three decades investigating this question, and the results are promising. In this dive into the science of psychedelics, he explains how drugs like LSD, psilocybin and MDMA affect your brain — and shows how, when paired with psychotherapy, they could change the way we treat PTSD, depression, substance abuse and more.
POWERFUL STATS INTO ART CHRIS JORDAN — ARTIST
Artist Chris Jordan shows us an arresting view of what Western culture looks like. His supersized images picture some unimaginable statistics like the astonishing number of paper cups we use every single day.
WHAT IS SPECIAL ABOUT THE HUMAN BRAIN? SUZANNA HERCULANO-HOUZEL — NEUROSCIENTIST
The human brain is puzzling — it is curiously large given the size of our bodies, uses a tremendous amount of energy for its weight, and has a bizarrely dense cerebral cortex. Why?Neuroscientist Suzana Herculano-Houzel puts on her detective’s cap and leads us through this mystery. By making “brain soup,” she arrives at a startling conclusion.
BIG I
matuella01
visc 302.3 conferences — the body as a machine
IDEA
CAPTURE THE MULT OF DATA BY MEANS O humanity drives the data. data drives the design.
TIDIMENSIONALITY OF BIOMECHANICS.
DATA
HUMAN
“THE BEST DATA THA MOVEMENT IS IN SP
“UNDERSTAND DATA OF THE CONVERSAT
“A FEELING OF OUR S OF OUR UNITY WITH
AT WE HAVE ABOUT PORTS.”
AS THE BEGINNING TION, NOT THE END.”
SHARED HUMANITY, H ALL LIFE.”
?
matuella01
visc 302.3 conferences — the body as a machine
?
ANSWERED
ASKED
_What does the human body look like in motion? _What does the human mind look like in motion? _In what ways do the body and brain interact? _How can data sets be expressed in various techniques?
_How will the field of biomechanics be expanded? _Could psychiatry begin to involve exercise? _Can the mind be trained in the same way as the body? _How can data feel less cold and more human? _How can data become more accessible and useful? _How can a deeper understanding of consciousness be established through physical and mental activity?
STUD
matuella02
visc 302.3 conferences — the body as a machine
DIO 02
WHE
matuella02
visc 302.3 conferences — the body as a machine
ERE
ONLINE
https://www.conferencename.com
LOREM IPSUM
LOREM IPSUM
LOREM IPSUM
LOREM IPSUM
LOREM IPSUM
OR IN VAN
NCOUVER
WH
matuella02
visc 302.3 conferences — the body as a machine
HO
AUDIENCE
WHY
_learn about subjects that are meaningful to them _sense of community with like-minded individuals
IN RETURN
_understanding of relationship between mind & body _ability to comprehend datasets and apply to thinking _awareness of humanity and connection to world
HOW
_talks from large array of disciplines _workshops on applying techniques to personal life _available physical activities with other attendees
WHO
_people who love data and numbers _people with interests in sports & physical activity _people with holistic view of world
OUTREACH
_physical billboards, posters, and postcards _social media account & promotion from speakers
CONC
matuella02
visc 302.3 conferences — the body as a machine
CEPT
CONCEPT #01
Poincaré Diagram: Classification of Phase Portraits in the (det A, Tr A)-plane det A
∆=0: det A= 14 (Tr A)2
∆=0
spiral sink
spiral source
degenerate sink
degenerate source
center
uniform motion sink
line of stable fixed points
source
saddle
line of unstable fixed points
Tr A
PIVOT the spot to be.
pivot refers to the center point about which something rotates or the act of rotating, itself. to be able to move back and forth with ease. it can draw from themes of physical movement and the interaction between mind and body in motion. circles could play into imagery and representation of data.
trajectory diagram/guide circles paths phase portraits
CONCEPT #01
Poincaré Diagram: Classification of Phase Portraits in the (det A, Tr A)-plane det A
∆=0: det A= 14 (Tr A)2
∆=0
spiral sink
spiral source
degenerate sink
degenerate source
center
uniform motion sink
line of stable fixed points
source
saddle
line of unstable fixed points
Tr A
PIVOT the spot to be.
pivot refers to the center point about which something rotates or the act of rotating, itself. to be able to move back and forth with ease. it can draw from themes of physical movement and the interaction between mind and body in motion. circles could play into imagery and representation of data.
trajectory diagram/guide circles paths phase portraits
CONCEPT #02
IFF moving together.
iff, or “if and only if,� describes the biconditional logical connection between two ideas. we can learn from data if and only if we recognize the humanity behind the numbers. this concept focuses on things that work together & parts of a whole.
in tandem pairs together
CONCEPT #03
POPULATION mind. body. machine.
population refers to the group of individuals from which data was collected. it also has the meaning of a certain number of people who make up a community. it calls on the numbers and the different people.
groups systems collection
CONCEPT #04
OUTLIER activating the quantitative and qualitative.
outlier investigates both the numerical values and the humanity of data gathered. the importance of the individual human experience is explored among how to relate its quantitative representation back to its qualitative values.
excluded win compute
CONCEPT #05
MECHANISMS OF MOVEMENT the human machine.
with an emphasis on movement, this method will aim to capture the personality and emtions of each player. a story is told through the dynamic stills and the ups and downs of playing a game.
player action shot effort
CONCEPT #06
OUT OF BOUNDS outside the standard distribution.
out of bounds emphasizes the idea to not stop at the data but to look at all available values and examine the information and stories within. the phrase brings thoughts of courts and boundaries to mind while also connecting to the parameters for datasets.
ball out original handbook court lines
01 PIVOT the spot to be.
02 IFF
moving together.
03 POPULATION mind. body. machine.
04 OUTLIER
activating the quantitative & the qualitative.
05 MECHANISMS OF MOVEMENT the human machine.
06 OUT OF BOUNDS outside the standard distribution.
STUD
matuella03
visc 302.3 conferences — the body as a machine
DIO 03
TYPE ST
matuella03
visc 302.3 conferences — the body as a machine
TUDIES
iff iff iff iff
cochin
tofino
league spartan
archivo
iff iff iff iff
f ff f
darker grotesque
caudex
unit slab pro
gridnik
iff iff iff
kayak sans
radley
haboro contrast
haylard text
iff iff iff
chonburi
stymie
krungthep
acumin variable concept
iff iff iff iff
ff f ff ff
source code variable
bely display
trilby
gopher
iff iff iff
granville
paralucent
forma djr deck
minion variable concept
iff stymie
iff Iff gilbert bold
hatch
Iff
ff
colt
radley
dm serif text
hoefler text
neue haas unica
IFF iFF
gopher
gopher
stilson
pivot
breite grotesque
din
galvji
league spartan
acme gothic
archivo
acumin
TOOL
matuella03
visc 302.3 conferences — the body as a machine
LKITS
typography
pattern/shape-buildin
title gopher black
moving together.
IF AND ONLY IF. MAY 02 THE REAL REASON FOR THE BRAIN. Neuroscientist Daniel Wolpert starts from a surprising premise: the brain evolved, not to think or feel, but to control movement. In this entertaining, data-rich talk, he gives us a glimpse into how the brain creates the grace and agility of human motion.
tagline gopher bold
secondary title gopher heavy
imagery heading gopher bold
body meta sans book
date gopher light
“understand data as the beginning of a conversation, not the end.�
quote meta serif med italic
matuella | conferences | toolkit one/three
ng
machine
mind
body
iconography
uniform motion
source
saddle
sink
degenerate source
wayfinding
restroom.
exit.
color 241
90
34
54
176
201
0
166
81
220
238
243
0
0
0
imagery of lines & bounds on courts. sometimes features human interacting with court & ball. edit with selective color & adjust hues to maintain consistent color palette.
moving together.
type & graphics can interact with the imagery.
typography
moving together
tagline aktiv grot light
daniel wolpert
title bely regular
if & only if 29 imagery
052020
secondary title aktiv grot light
date aktiv grot light & bold
th th yo se ne
shape building
&
&
movement expert the real reason for the brain
Neuroscientist Daniel Wolpert starts from a surprising premise: the brain evolved, not to think or feel, but to control movement. In this entertaining, data-rich talk, he demonstrates how the brain creates the grace and agility of human motion.
body aktiv light
he mathematics demonstrate he optimal way to combine our prior knowledge with your ensory evidence to generate daniel wolpert ew beliefs.
&
&
quote aktiv light
subtitle bely regular
&
&
&
color 237
106
86
252
241
218
73 0
133 0
94 0
matuella | conferences | toolkit two/three
subtitle bely regular
typography
shape buildin
title kayak sans medium
M I N D BO DY M AC H I N E
tagline kayak sans regular
secondary title kayak sans bold
heading kayak sans bold
Neuroscientist Daniel Wolpert starts from a surprising premise: the brain evolved, not to think or feel, but to control movement. In this entertaining, data-rich talk, he demonstrates how the brain creates the grace and agility of human motion.
“with the development of the science of moving dots, we will move better, we will move smarter, we will move forward.�
body sabon regular other marks
quote sabon reg &bold
loadi
color
D AT A
20
date (not a tombstone?)
E
NE HI
D
J U LY 2020
FERENC
20
3
N CO
MIN
ing screen
the “f” forms base shape for curves in court & representation of graphs
B
OD
A Y AN D M secondary mark
C
matuella | conferences | toolkit three/three
ng & iconography
gopher, black
pieces of typeface used to create shapes for patterns & iconography
also working with idea of making people out of shapes
moving
together.
ideas of secondary marks & some ways to play with connectivity
STUD
matuella03
visc 302.3 conferences — the body as a machine
DIO 04
KINETIC S
matuella04
visc 302.3 conferences — the body as a machine
SYSTEMS
matuella01
E 20
D AT A
FERENC
20
N CO
D
HI
NE
MIN
B
OD
A Y AN D M
C
JULY 2 T HROUGH 3
M I ND BODY M ACHI NE DATA CONF E RE NCE JULY S E COND— T HI RD
iff. mind. body. machine. Iff, or “if and only if,” describes a biconditional, logical connection between two ideas. It places emphasis on systems working together & parts of a whole. When observing a human being in motion, the connectivity between mind and body becomes apparent. We can draw meaningful connections from data if and only if we recognize the humanity behind the numbers.
IF
AND
ONLY IF
j u l y [ th i rd]
IF
AND
ONLY IF
mind . b od y. mac hi ne. j ul y 2—3, 2020
R A JIV
MAHESWARAN the m ath behi nd basketbal l ’s w i l dest m oves
matuella02
jul y [ [mind]
jul y [sixth—eighth] 2020.
[body]
[machine]
AUGU
j uly [s i xth—eighth] 2020.
iff. mind. body. machine. Iff, or “if and only if,” describes a biconditional, logical connection between two ideas. It places emphasis on systems working together & parts of a whole. When observing a human being in motion, the connectivity between mind and body becomes apparent. We can draw meaningful connections from data if and only if we recognize the humanity behind the numbers.
m i n d . b o d y. m a c h i n e. a d a t a c o n f e r e n c e. j u l y [si xt h — e i g h t h ] 2 0 2 0 .
[6 ]
UST 16
july [7]
J U LY
j u ly [ 8]
2020
m in d . bo d y. ma c h i ne. i f a n d o n l y i f. a d a t a c o n f e r e n c e. j u l y [ s i x t h — e i g h t h ] 2 0 2 0 .
CHRIS JORDAN
TURNING POWERFUL STATS INTO ART
matuella03
29
data in mot may 29
data in motion may 29, 2020
iff. data in motion. Iff, or “if and only if,” describes a biconditional, logical connection between two ideas. It places emphasis on systems working together & parts of a whole. When observing a human being in motion, the connectivity between mind and body becomes apparent. We can draw meaningful connections from data if and only if we recognize the humanity behind the numbers.
iff. data in motion. may 29.
052020
tion.
& [if]
[and]
[only—true]
movement expert Neuroscientist Daniel Wolpert starts from a surprising premise: the brain evolved, not to think or feel, but to control movement. In this entertaining, data-rich talk, he demonstrates how the brain creates the grace and agility of human motion.
[if]
matuella04
AUGUST
IF & ONLY IF. IF & ONLY IF. AUGUST 16 AUGUST 17 AUGUST 18 AUGUST 19
AUGUS
moving together. august 2020.
TU ST
iff. moving together. Iff, or “if and only if,� describes a biconditional, logical connection between two ideas. It places emphasis on systems working together & parts of a whole. When observing a human being in motion, the connectivity between mind and body becomes apparent. We can draw meaningful connections from data if and only if we recognize the humanity behind the numbers.
data in motion. data in motion. data in motion. data in motion. data in motion.
T 16 AUGUST 17 AUGUST 18 AUGUST 19
ST 17
moving
2020
together.
IFF. A DATA CONFERENCE OBSERVING HUMANS IN MOTION. ONLINE AUGUST 16 — AUGUST 19.
CHRIS JORDAN
URNING POWERFUL TATS INTO ART.
matuella05 moving together. COMING THIS NOVEMBER.
IF AND ONLY IF. DATA CONFERENCE OBSERVING HUMAN BODIES IN MOTION. AUGUST 2020.
iff. moving together. Iff, or “if and only if,” describes a biconditional, logical connection between two ideas. It places emphasis on systems working together & parts of a whole. When observing a human being in motion, the connectivity between mind and body becomes apparent. We can draw meaningful connections from data if and only if we recognize the humanity behind the numbers.
“and in th will chan of your l
NOVEMBER 23. NOVEMBER 24. NOVEMBER 25.
his way exercise nge the trajectory life for the better.”
NOVEMBER 23. NOVEMBER 24. NOVEMBER 25.
NOVEMBER 23. NOVEMBER 24. NOVEMBER 25.
moving together. IF & ONLY IF. LAUNCHING ONLINE NOVEMBER 23–25, 2020. THE DATA CONFERENCE OBSERVING HUMANS IN MOTION.
matuella06
moving together.
IF AND ONLY IF. NOVEMBER 23. IF AND ONLY IF. NOVEMBER 24. IF AND ONLY IF. NOVEMBER 25.
NOVEMBE
IF
no
iff. november 2020
the data conference november 23—25
iff. moving together. Iff, or “if and only if,” describes a biconditional, logical connection between two ideas. It places emphasis on systems working together & parts of a whole. When observing a human being in motion, the connectivity between mind and body becomes apparent. We can draw meaningful connections from data if and only if we recognize the humanity behind the numbers.
MOVING TOGETHER
ER 23 24 25 2020
F & ONLY IF.
ovember 23—25, 2020
THE HUMAN POTENTIAL
NICHOLAS FELTON
TEXTURE EX
XPLORATION
AUGUST
IF & ONLY IF. IF & ONLY IF. AUGUST 16 AUGUST 17 AUGUST 18 AUGUST 19
IFF. A DATA
AUGUS
moving together. august 2020.
TU ST
data in motion. data in motion. data in motion. data in motion. data in motion.
T 16 AUGUST 17 AUGUST 18 AUGUST 19
moving
2020
together.
A CONFERENCE OBSERVING HUMANS IN MOTION.
ST 17
CHRIS JORDAN
URNING POWERFUL TATS INTO ART.
ONLINE AUGUST 16 — AUGUST 19.
moving together. COMING THIS NOVEMBER.
IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF.
IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF.
DATA CONFERENCE OBSERVING HUMAN BODIES IN MOTION.
IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF.
AUGUST 2020.
IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. NOVEMBER 23. IF AND ONLY IF. IF AND ONLY IF. NOVEMBER 24. IF AND ONLY IF. IF AND ONLY IF. NOVEMBER 25. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. IF AND ONLY IF. A CONFERENCE ABOUT DATA.
“and in th will chan of your l
NOVEMBER 23. NOVEMBER 24. NOVEMBER 25.
his way exercise nge the trajectory life for the better.”
NOVEMBER 23. NOVEMBER 24. NOVEMBER 25.
NOVEMBER 23. NOVEMBER 24. NOVEMBER 25.
moving together. IF & ONLY IF. LAUNCHING ONLINE NOVEMBER 23–25, 2020. THE DATA CONFERENCE OBSERVING HUMANS IN MOTION.
STUD
matuella03
visc 302.3 conferences — the body as a machine
DIO 05
SOCIAL
matuella05
visc 302.3 conferences — the body as a machine
L MEDIA
profile picture
posts
story
if f .conf erence 4m
j u l y [ s i x t h — e i g h t h ] 2 0 2 0. mi nd. bod y. m a c h in e. the data c o n f e r e n c e. j ul y [ s i x th— e ig h t h ] 2 0 2 0 .
20
D AT A
C
FERENC N O E
20
sw i p e up t o r egi s t er
OD
C
D
HI
NE
MIN B
A M Y AN D
body. body. body. body. body. body. body. body. body. body. body.
anna matuella | conferences | campaign 01
mi nd. mi nd. mi nd. mi nd. mi nd. mi nd. mi nd. mi nd. mi nd. mi nd. mi nd.
ma ch ine. ma ch ine. ma ch ine. ma ch ine. ma ch ine. ma ch ine. ma ch ine. ma ch ine. ma ch ine. ma ch ine. ma ch ine.
[ min d] [ m ac hi ne]
the d a t a conf e r e n c e obser v in g hum a n s in m oti o n .
[body]
profile picture
cover image
mind. body. machine. the data conference.
july [sixth—eighth] 2020.
shared link preview image
07:08
sw i p e up t o r egi s t er
RAJIV MAHESWARAN
THE MATH BEHIND BASKETBA
[mind]
[b o d y ]
.
event image
LL’S WILDEST MOVES [DRIBBLE]
[SHOT]
[REBOUND]
[POSSESSION]
j u l y [ 6] [TURNOVER]
[LAYUP]
[POST]
july [7]
j uly [ 8 ]
anna matuella | conferences | campaign 01
[m a ch in e ]
other options bc i cant decide
[ m a c h in e ]
[m i n d ]
mind. body. machine. the data conference.
[body]
july [sixth—eighth] 2020.
[ma ch in e ]
[min d]
mind. body. machine. the data conference.
[body ]
july [sixth—eighth] 2020.
THE DATA CONFERENCE.
[ma ch in e ]
JULY [SIXTH—EIGHTH] 2020.
[mind ]
[body ]
july [sixth—eighth] 2020. [ma ch in e ]
[mind ]
[b od y]
[ m a c h in e ]
the data conference.
[m i n d ]
july [sixth—eighth] 2020.
[b o d y ]
[ m a c h in e ]
[m i n d ]
mind. body. machine. the data conference. july [sixth—eighth] 2020.
[b o d y ]
anna matuella | conferences | campaign 01
the data conference.
profile picture
posts
IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF
story
if f .conf erence 4m
IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF
IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF
IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF
IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF
IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF
t he d at a confer ence
[register]
IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF
IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF I FF IFF IFF
IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF IFF
j ul y [6 —8 ]
anna matuella | conferences | campaign 02
[m i n d. bo dy. m a c h i n e.] a bi c o n di t i o n a l l o g i c a l co n n e c t i v e be t w e e n sta t e m e n t s, w h e r e e i t h e r are t r u e o r f a l s e.
[mind]
[body] [machine]
profile picture
cover image
shared link preview image
anna matuella | conferences | campaign 02
the data conference. july [sixth—eighth] 2020.
event image
IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF IFF I FF I FF I FF I FF I FF I FF I FF IFF
j ul y [6— 8]
WIREF
matuella05
visc 302.3 conferences — the body as a machine
FRAME
HOMEPAGE
menu on left side
_tells user about the conference _explains the background of “iff” _talks about importance of data
about
speakers
grayscale photos of each speaker arranged in grid and when rolled over with mouse, occupation appears as plain text on yellow/green fills
scroll
pop-up window
giorgia lupi
concept
hover
information designer
click
speaker bio “stats” why included resources pop-up window
wendy suzuki
definition of iff
hover
neuroscientist author
click
speaker bio “stats” why included resources pop-up window
david epstein
data literacy
hover
sports science reporter
click
speaker bio “stats” why included resources pop-up window
daniel wolpert
hover
brand guidelines
movement expert
click
speaker bio “stats” why included resources pop-up window
rajiv maheswaran
hover
researcher
click
logos/marks
speaker bio “stats” why included resources pop-up window
graphics & iconography
interactive
chris jordan
hover
artist
click
use pieces to build new icons
speaker bio “stats” why included resources pop-up window
suzanna herculano
hover
image treatment
neuroscientist
click
speaker bio “stats” why included resources pop-up window
typography
interactive
try out typeface
nicholas felton
hover information designer
click
speaker bio “stats” why included resources
aim to show the humanity behind data _first see things as “cold” _hover to see other side does the website transform when the conference is happening?
E
top right corner
could the homepage be an interactive game in style of vector basketball court?
navigation
register
types of tickets based on experience user wants. laid out like speakers but with tickets instead of photos.
maybe.
shop
will name different types with brand language developed later on
ticket type 1
hover
name of ticket
click
info about ticket what you’ll get why to get it
pop-up window scroll
scroll
pop-up window
ball cap
hover
vector illustration of product
click
pop-up window
ticket type 2
hover
name of ticket
click
info about ticket what you’ll get why to get it
pop-up window
t shirt
hover
vector illustration of product
click
pop-up window
ticket type 3
hover
name of ticket
click
info about ticket what you’ll get why to get it
product info other images button to buy
product info other images button to buy
pop-up window
sweatband
hover
vector illustration of product
click
product info other images button to buy
STUD
matuella06
visc 302.3 conferences — the body as a machine
DIO 06
aiming to push the concept behind the title of the conference and the system of iconography created. assigning specific equations to the different days and using them to create a primary mark.
all functions describe biconditional relationships and are solved if and only if [iff] the components work together. this draws from the themes of mind and body working together as a machine. if & only if = two components working in tandem. the repeating character “f� from the logotype forms the basis of all shape construction, especially in that of iconography and the representation of a basketball court. the hyperbola specifically represents two paths as similar as they are opposite existing on the same plane. they typically depict objects in motion such as certain trajectories, scattering, and orbits.
HOMEP
matuella06
visc 302.3 conferences — the body as a machine
PAGES
noting what makes websites easier/more enjoyable to use. thinking of some ways to show a website with gifs or just stills.
HOME
ABOUT
SPEAKERS
SHOP
REGISTER
main page functions as game.
circles animating on page upon loading
instructions below
HOW TO PLAY
[1] click on a circle and drag backwards
[2] move across the court
[3] aim for other circles to hit out of bounds
[4] earn points to win
instructions could also animate but might appear to be too busy game could also function as a loading screen while waiting for speaker might be better to have instructions on side of screen or in pop-up with minimal instructions and leave this space for more important info
HOME
ABOUT
SPEAKERS
SHOP
THE PROS
GIORGIA LUPI
WENDY SUZUKI
RAJIV MAHESWARAN
[information NICHOLAS designer] FELTON
REGISTER
perhaps when clicked the navigation turns to something like this—connecting to treatment of menu & a typestyle in toolkit
DAVID EPSTEIN
CHRIS JORDAN
DANIEL WOLPERT
SUZANNA HERCULANO– HOUZEL
names of speakers set in squares
when hovered over, box reveals image of speaker with their title. the title will turn yellow to indicate it’s clickable
HOME
ABOUT
SPEAKERS
SHOP
R
IF AND ONLY IF
HOME ABOUT SPEAKERS SHOP REGISTER
[m in d . b o d y. m a c h i n e. ] a biconditional logical conn e c t i v e b e t we e n s t at e m e n t s, wh e r e e i t h e r ar e t r u e o r f a l s e.
HOW TO PLAY
HOME
[1] click on a circle and drag backwards
ABOUT SPEAKERS SHOP [2] move across the court
REGISTER
july [6]
july [7]
[3] aim for other circles to hit out of bounds
jul y [8 ]
[4] earn points to win
07:08
RAJIV MAHESWARAN
THE MATH BEHIND BASKETBALL’S WILDEST MOVES
[DRIBBLE]
[SHOT]
[REBOUND] [–2] in bounds
[±0] o
[POSSESSION]
[TURNOVER]
[5] learn about the iff conference [LAYUP]
[POST]
HOME
ABOUT
SPEAKERS
SHOP
REGISTER
STAY IN THE KNOW.
HOME
HOME
ABOUT
SPEAKERS
ABOUT
SHOP
REGISTER
SPEAK
HOME
EGISTER
SPEAKERS
SHOP
REGISTER
THE PROS
on the line
KERS
ABOUT
GIORGIA LUPI
WENDY SUZUKI
DAVID EPSTEIN
DANIEL WOLPERT
RAJIV MAHESWARAN
[information NICHOLAS designer] FELTON
CHRIS JORDAN
SUZANNA HERCULANO– HOUZEL
THE BEST OF THE BEST
[+3] out of bounds
[speakers]
SHOP
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
REGISTER
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse moles veniam, quis nostrud.
STAY IN THE KNOW. HOME
ABOUT
SPEAKERS
SHOP
REGISTER
STAY IN THE KNOW.
STUD
matuella07
visc 302.3 conferences — the body as a machine
DIO 07
T HE DATA C ONFER EN CE
A BOU T
SPE AK ER S
[SCROLL]
I F AN D O N LY I F
[min d . bo d y. ma c h in e .] a bic o n dit io n a l lo gic a l c o n n ec t i ve bet ween t wo s t a temen t s , w h ere eit h er a re t r u e o r fa ls e .
SHO P
R EGI S T ER
[SCROLL]
IF A N D ON LY IF
[ m i nd . bod y. m ac hi ne . ] a bi c ondi t i onal l o gi c al c onne c t i ve be t we e n t wo s t a te m e nt s , whe re e i t he r are t rue or fal s e .
we c an l earn f rom d a t a i f f [ i f and onl y i f ] we exam i ne t he hum ani t y be hi nd eac h d a t a s e t .
d a t a [ h u ma n ]
m ove m e nt [ d a t a]
we c an l earn f rom d a t a i f f [ i f and onl y i f ] we exam i ne t he hum ani t y be hi nd eac h d a t a s e t .
IF A ND ONLY I F
[ mi nd . b o d y. m a c h in e . ] a b i c o nd i t io n a l lo g ic a l c o nnec t i ve be t we e n t wo s t a temen t s , wh e re ei t her are t ru e or fa ls e .
l earn m ore about t he we c an l earn f rom d a t a
i f f c onfe re nc e .
i f f [ if and o nl y if ] we examine t he h u m a n it y b e hi nd eac h d a t a s e t .
STAY IN THE KNOW.
HOME
FAQ
CUSTOMER SERVICE
ABOUT
data visualization
24/7 online help
SPEAKERS
why two f’s
1 [800] 382 2392
SHOP
qr code how to
REGISTER
zoom help
PRIVACY POLICY
tracking labels
how your information is used
HOME ABOUT SPEAKERS SHOP REGISTER
IF AND ON LY
IF AND ON LY IF
[ m ind . bo d y.
[mi nd . bod y. machine.]
a bico n dit ion
a bi c on di t i on a l l ogi c a l
connec t i ve b
connec t i ve bet ween
t wo s t a temen
t wo s t a tement s , where
eit he r are t ru
ei t he r are t rue or false.
learn more
learn more
SETTINGS HELP
menu on all screens swipes over for quick access to tabs
[ bo dy ] [m a c hine ]
[d ay] 2
july
c o u r t si d e j ul y [ 07] 2020 9:00a—4:00 p 0027
18902
19322365
982 5
COURTSIDE
30.00 USD
clickable link to purchase ticket and add to wallet
Day Two expands further upon the base information learned in Day One by discussing some broader theories about the innate connectivit y of the body and mind. Data workshops begin but participation is not yet required. swipe for more of the information
WHAT YOU GET If f t- shirt If f basketball
HOME ABOUT
I F A N D O N LY I F
SPEAKERS SHOP REGISTER
[ mi nd . bod y. m a c hi ne . ] a b i c o n d it io na l l o g i c a l ti
b t
I F A N D O N LY I F
[ mi nd . bod y. m a c hi ne . ] a b i c o n d it io na l l o g i c a l c onnec t i ve bet ween t wo s t a te m e nt s , where e i t he r are t rue o r f a l s e.
we can learn from d a t a i f f [ if a n d o nl y if ] we exa mi n e t he hum a ni t y b e h i n d e a c h d a t a s et .
learn more
SETTINGS HELP
arrow animates as you scroll down
menu on all screens swipes over for quick access to tabs
swipe for more information
IF
2020
AND
ONLY IF
t h e d a t a co n f e r e n ce t h e d a t a co n f e r e n ce
2020
t h e d a t a co n f e r e n ce
[mind ]
july
[ body ] [machine ]
IF
AND
ONLY IF
t he d a t a c o n f e r e n ce t he d a t a c o n f e r e n ce t he d a t a c o n f e r e n ce
[day ] 1
[mind ] [ b od y] [machine ]
[day ] 2
july
bleacher s
co u r t s ide
july [06] 2020
ju l y [ 0 7 ] 2 0 20
9:00a—4:00 p
9:00a—4:00 p
0027
18902
19322365
9825
0027
18902
19322365
9825
t he d a t a c o nf e r e nce
[day ] 3
t he d a t a c o nf e r e nce
july
t he d a t a c o nf e r e nce
IF
AND
ONLY IF
2020
t he d a t a c o n f e r e n c e t he d a t a c o n f e r e n c e
2020
t he d a t a c o n f e r e n c e
[mind ] [ b od y] [machine ]
july
[day ] 1
[day ] 2
[mind ] [body]
[day ] 3
[machine ]
IF
AND
co ach
mv p
july [08] 2020
ju l y [ 0 6 — 0 8 ] 2 0 2 0
9:00a—4:00 p
9 : 0 0 a— 4 : 0 0 p d ai l y
0027
18902
19322365
9825
0027
18902
19322365
9825
ONLY IF
T H E DATA C O N F E R E N C E
DAY ONE
0000
00000
00000000
000 0
DAY T WO
0000
00000
00000000
0000
DAY T HR EE
0000
00000
00000000
0000
ABOUT
SPEAKERS
SHOP
REGISTER
WEEKEND
R E G I ST E R
D ays s p l i t u p by var y in g i n te res t l eve l s . Pay per d ay o r s ave by s e lec t in g t h e w h o l e we e ken d . B e s u re to c h e c k o u t t h e s p ea ke r s a n d wo rks h o ps ava i l a b l e , a s we ll a s t h e f re e s t u f f we’ l l s en d yo u .
0000
00000
0 0 000000
0000
T HE DATA C ONF E R E N C E
A BO U T
DAY ON E
DAY T WO
DAY T HR EE
SPE AK ER S
SHO P
R EGIS T ER
W EEK END
R EGIST ER
D ays s plit up by var yin g interes t leve ls . Pay per d ay or s ave by se lec t in g t he whole wee kend . Be sure to c hec k out t he s peaker s and workshops available , a s we ll a s t he free s t uf f we’ll send you .
0000
00 0 0 0
00000000
0000
0000
00000
00000000
0000
0000
00000
00000000
0000
0000
00000
00000000
0000
[SCROLL]
jul y [6—8] 2020 9:00a—4:00p d ail y
STAY IN THE KNOW.
HOME
FAQ
CUSTOMER SERVICE
ABOUT
data visualization
24/7 online help
SPEAKERS
why two f’s
1 [800] 382 2392
SHOP
qr code how to
REGISTER
zoom help
PRIVACY POLICY
tracking labels
how your information is used
BLEACHERS C ONFER EN CE DAY ONE 2020
july [6] 2020
30.00 USD
R EGI ST ER
9:00a—4:00p
t h e d a t a c o n fe re n c e t h e d a t a c o n fe re n c e t h e d a t a c o n fe re n c e
Day One is the perfect way to get your feet wet in the world of data and biomechanics. Lectures and workshops focus on the big -picture ideas and cover the basis for learning how the mind and body interact especially when in motion. Some data is introduced but not excessively so if numbers aren’t your favorite thing, this day is for you.
[MAIN IDEAS]
[NEW IDEAS]
[MOVEMENT]
[ min d ]
jul y
[ b o d y]
[DATA]
[ ma c h i n e]
W H AT YOU G E T
IF
A ND
O NLY IF
Iff t-shirt Iff notebook & pencils Iff waterbottle
[d ay] 1
SP E AK ER S [WENDY SUZUKI]
Brain- Changing Benefits of Exercise
[CHRIS JORDAN]
Turning Powerful Stats into Art
WOR KSHO P S Calming Your Thoughts through Yoga Finding the Motivation to Move What is Data Visualization?
bleacher s j ul y [06] 2020 9:00a—4:00p 0027
18902
19322365
9825
STORYB
matuella06
visc 302.3 conferences — the body as a machine
BOARDS
anna matuella 01
anna matuella 02
->
ball bounces three times
->
on third bounce, ball gets bigger and fills screen, turning it green
->
iff appears
arrows trace path of hype
->
black fill slides in from right and expands iff to if and only if.
->
green fill slides in from right and pushes if and only if back together
->
cursor erases definition and types out “the conference about data”
->
cursor appears and types out ”biconditional logical connective”
->
period rolls away.
tagline [mind] [body] [machine] appears as if function completed
press “enter” and loading screen pops up with dashed lines coming on screen to complete circle
->
->
->
->
jul y [six—e tagline completes and goes offscreen
day one graph icon shown with arrow tracing path
day two graph icon shown with arrow tracing path
dates flash on screen
->
day three graph icon shown with arrow tracing path
->
screen slides over to reveal if and only if
->
screen is tilted and if and only if is pushed back together and ball follows
->
ball comes in from left with transition and bounces above the “i” and off screen
->
color changes as screen is tiled back and ball rests where period would
->
tagline, dates, & info appear
[ m i nd ]
[ b o d y]
arrow follows path for da
->
erbola
iff appears on screen
if + only if flashes on screen
rolls into place as more appear quickly around group until screen is full
->
->
pans out until whole screen is green
-> [ mind ]
T HE DATA C ONFER EN CE
-> [mi nd ]
arrow follows path for day 1
->
->
->
->
ei g ht]
ay 3
->
[ b o d y]
arrow follows path for day 2
->
->
[mac hi ne ]
the data conference appears
iff appears in different color
DELIVER
matuella06
visc 302.3 conferences — the body as a machine
RABLES
_swag _water bottle _mug _baseball hat _flashdrive _yoga mat _sweatbands _keychain _tote bag _data visualization _folders _notebook _markers/pens _guide _brand guidelines _extension of site _advertising _social _email templates _posters _billboard _postcard _motion _website _instagram _gifs for stories _posts _loading screens _behance
_behance _general overview _website/apps _brand guidelines _if not shown well enough in website post
SCHEDULE
DUE: T 05.05
DUE: TH 05.07
_progress on brand guidelines _progress on mockups _progress on vector shop items _layout skeletons for behance _general overview _website/apps
_finish brand guidelines _finish website speakers page _ at least one more pop-up _finish schedule _assign speakers & workshops _progress on website shop page
DUE: W 05.13
DUE: TH 05.14
_finish data packet _finish advertising/marketing _progress on animations _progress on behance posts
_finish animations _progress on behance posts _update process book _delete extra pages _make type styles all consistent
DUE: M 05.11
DUE: T 05.12
_finish website shop page _finish mockups _finish website _combine & make consistent _loading screens, registration pop-up, error-404 page, navigation screen _progress on data packet
_revisit & finish social _progress on motion/after effects _progress on data packet _progress on advertising/marketing _posters/billboard _postcard _emails
DUE: F 05.15
DUE: SUMMER
_finish behance posts _finish process book _post project on instagram
_layout in portfolio _expand after some time away _what if conference was in person
PROGRESS O
ON MOCKUPS
can’t decide on tote bag design
PROGRESS ON
N ONLINE SHOP
_vector art overlays image instead of type as in other instances _type underneath is necessary to identify products rather than appearing over image _same sort of pop-up situation occurs and stays with as page scrolls
_messing with layout of shop pop-up _other ways to notate the reviews _paying attention to how something looks when it’s clicked - keeping that same theme _wondering if im pushing the overlap thing - dont know if it’s too much
can’t decide on tote bag design
FIN
matuella07
visc 302.3 conferences — the body as a machine
NAL
IDEAS MOVING FORWARD
↑ HIGH PRIORITY
↔ MEDIUM PRIORITY
_website about page _continue building out the visual language _study more datasets _brand guidelines _clean up animations
_business cards/stationery _mockup of someone at computer wearing merch with site open _show how zoom would work _show loading screens
D
↓ LOW PRIORITY
MAYBE
_update wireframe _make behance post flow better _speaker animation _log-in section
_explain thinking behind data visualization language more effectively/make sense