Michelle Y.

Muoz Guzmn ID: 03432405 Academy of Art University Web and New Media 07/16/2014 12:30 PM
Table of Contents
B
i
o
g
r
a
p
h
y
,

R
e
s
u
m

,

&

P
o
r
t
f
o
l
i
o
A
b
s
t
r
a
a
c
t
,

I
n
t
e
r
e
s
t
,

&

A
u
d
e
i
n
c
e
S
c
o
p
e
,

T
e
c
h
n
o
l
o
g
y
,

&

D
a
t
a
B
r
a
n
d

a
n
d

S
k
e
t
c
h
e
s
C
o
n
c
l
u
s
i
o
n

&

B
i
b
l
i
o
g
r
a
p
h
y
P
r
o
o
f

o
f

C
o
n
c
e
p
t
07 19 33 35 45 51
M
e
P
r
o
p
o
s
a
l
T
e
c
h

S
p
e
c
s
V
i
s
u
a
l

D
e
s
i
g
n
P
r
o
j
e
c
t
E
n
d
Biography
It all began with notebook margins.
Allow me to explain:
Those margins call out to me with
their siren song and lure me to those
edges. I cant help but doodle along
those perimeters. I always have
and I am sure I always will.
This love for drawing started in
Puerto Rico. It has then grown and
expanded to wherever my family
has moved and traveled. My natural
(and maybe relentless) curiosity
has led to the exploration of the
creative arts.
My creative pursuits have married
technology and education. It is a
happy polyamorous relationship
that I wish to pursue, as long as I
get to keep drawing in the margins.
7
9
English Teacher for Sagrados Corazones High School, November - February 2014
Worked as the English High School teacher for the second quarter. Teaching and planning for the 11th grade, 12th grade Regular, and 12th grade advanced. My
duties included grading previous material, finishing the syllabus (creating quizzes and evaluations), creating final exams, and planning and creating the syllabus for
the upcoming semester.

Franc Fratello a web series and television commercial for Fratello Mitsubishi Group, 2013
Worked closely with the Marketing Director to develop an origin story for a character within the Crash Dummies Campaign for a promotional web series. Co-di-
rected, co-wrote, and edited the web series for Fratello Mitsubishi with Bryan Jonenson.
Social Media Planner, Graphic Designer, Online Media Manager, & Photographer for Fratello Mitsubishi Group, Crash Dummies Marketing
Campaign, 2012 -2013
Worked closely with the Marketing Director and his team to develop a campaign that would permeate multiple mediums including print, television, radio, and social
media. Developed logos, advertisement original work for the campaign for both print and online. Original concept by Ely Reyes.
Private Tutor 2011 -2014
Have been a private tutor for children ranging from second grade to high school seniors. I specialize in English and Math, and help older students with the college
application process.
Clinton Global Initiative University 2010, 2011
A founding member that developed a non profit program: InMediaResolution for media literacy for girls that was picked to participate and present in the CGIU
conference for two consecutive years. www.inmediaresolution.org
Web Designer/Developer/Graphic Designer 2010 Heriberto Nieves
Met and corresponded with the client in order to create a web page that show cased the artist, his work, and his foundation. Also creating his channel on youtube
and creating interactive invitations for his events www.heriberto.nieves.com
Participant in Critical Themes in Media Studies Conference 2009
The conference provides a distinguished forum for graduate students from around the world to present
original scholarship on media studies and society. Presented How to Grow A Community From the Ground Up with The New Campus.
Internship Vital Marketing, NY 2008
Developed and designed web interfaces and layouts for their urban school supplies brand Street
Science
Creator and Organizer, BIte Your Tongue: media & art showcase, NY 2008-2010
Founder and Coordinator of a student media & art showcase, which features student work arranged by the New Campus, a NSU community student website.
Designed the advertisements for the event. Curated the submissions. Managed the AV equipment for the event.
Head Graphic Designer, The New Campus 2007-2010
A NSU community student website dedicated fostering the virtual community at all 8 different schools of the New School University. Developed and designed
web interfaces and any online graphic material.
Resume
EDUCATION
M.F.A. Web and New Media
candidate 2014 Academy of Art
University, San Francisco, CA
B.A. Media and Cultural Studies
2006 - 2010 New School Univer-
sity, NY, NY
SKILLS
Fluent in verbal and written En-
glish and Spanish
Technical Proficiency in MS Of-
fice, CS6 Master Suite, Final Cut
X, Adobe Acrobat
HTML, HTML 5, Javascript, CSS,
ActionScript 3
and I make really good cookies.
CONTACT
(787) 948-8869
munoz33@gmail.com
11
Portfolio
WNM 606: PRINCIPLES OF UX
Final Project
A test and instructional prototype of a web application for IKEA. It was a collaborative project
between Jayna Bergensen, Weston Maughan, and Sevi Taviloglu.
I was in charge of the first Test Scenario, UX/UI design, user flow, and user profile.
WNM 661: INTERACTIVE INFOGRAPHICS.
Final Project
We had to research, find the statistics, narrow our research,
design, and create a professional animated and narrated
prototype of an info graphic.
13
WNM 645: TIME BASED MEDIA SCRIPTING
Final Project
It was an educational website that had to teach something. I chose the COOK THIS, NOT THAT
cookbook series. It taugh a basic recipe, basic kitchen utensils, and featured a quiz.
All made with Flash CS5.
WNM 613: TOPICS IN MOTION GRAPHICS.
Promotional Project
A small promotional for a youth football team .
It combines digital photography and digital video.
Video and Phtotography shot with a DX3100
WNM 622: DIGITAL CAPTURE.
Assorted Photography
Assorted Photography captured throught the semester using
wseveral different techniques and photo manipulationsoftware
Phtotography shot with a DX3100
15
GLA 610: BALANCING CREATIVITY
Final Project
Final collaborative project where a design firm had to be developed
as well as a mock re-design proposal for the company Cummins.
My role in the project was to research the comony, the brand, compettion, and design input.
WNM 617: MOBILE WEB TECH.
Final Project
A small hybrid restaurant web application
Faccio Pizza
17
WNM 619: ADVANCED DIGITAL IMAGING
Assorted Projects
Photo manipulation in Photoshop CC
19
Abstract
Girl Talk is a comprehensive sex education
program for girls-
It uses beautiful graphics, easy to understand
language, and a dynamic presentation to
better prepare girls in their sexual education
and create more responsible adults.
Girl Talk is intended to be a detailed
program specifically for girls. The program
would combine three aspects of teaching:
a physical meeting, a tactile guide, and an
interactive application. The three part program
accomplishes to cater to all the different
methods of absorption of information to
ensure success. Application Booklet
21
Statement of Interest
The idea of this project was conceived in the most of unlikeliest of places.
My first real job was in an Italian pizzeria when I was 15. It was a first job for many of the lowly personnel,
bus boys, dish washers, service counters, and me, the hostess/cashier. In the camaraderie that brews in the
hectic, fast-paced environment that is counterbalanced with the semblance of perfect calm, split attentiveness,
multitasking, and repetitiveness of the inner workings of the restaurant business; we found time to discuss sex.
This was the first time that I discovered the lack of sexual education, regardless of the fact that we were a
generation that had plenty of access to the internet.
I was grateful my parents gave me a complete sexual education. This is how at my very inexperienced 15 years
of age, myself and one other peer answered questions (as best as we could) about sex.
I have been some sort of educator for the last three years. Whether its been as a private tutor, substitute
teacher, or full time teacher; I have been exposed to all ages, maturity levels, and classrooms environments. And
boy have I overheard some wildly inaccurate things!
Most of the schools in Puerto Rico do not have a sexual education program. The ones that do have an
inconsistent materials or information because some is very technical or superficial. It is also ugly and boring.
This project aims to rectify this problem. The scope of the project right now will focus on the girls, but my hope
is to expand it eventually and have a complete program.
23
Features & Functions
Thesis Proposal
Dynamic model of the
menstrual cycle
Understanding the
constructs of gender
identity.
The Girl Talk program combines a physical discussion, printed materials,
and a interactive application.
App functions:
Many sexual education programs are very technical. They are divided in three parts. The first part is
the biology of things. Learning all the medical names of the sexual organs. The second part is sexually
transmitted diseases and infections. The showing of how these diseases look like in their most extreme
form and how having sex can lead to their contraction. The third part is the final message. This last part
can be one of two options: dont have sex till marriage or put a condom on it.
Although all of the aforementioned are definitely important to a sex education course or unit, leaving
sexual education at this level is too superficial and technical. There are many parts to sex that go far
beyond than: put a condom on a penis because youll get sick and/or have a baby.
Learning the proper names of each part and how they work is essential. But knowing that there are
moments of your cycle that make you feel like an emotion/rage creature because of high progesterone
levels, which cause PMS (that peak on the 21st day of your cycle). Knowing that its okay to feel like
you cant control your emotions. That this is especially true when your body first starts to menstruate
because your hormones havent regulated yet, is a more complete picture. Girls need to know the what,
why, where, when and how. The more they understand the hows and whys of their bodies the better
prepared they are to deal with the not-so-perfectly-clear aspects of sex.
Girl Talk is focuses on teaching the biology and mechanics of sex in a comprehensive manner while
including the psychological parts of sex, hormones and how they affect your emotional state, sexual
orientation, attraction, gender identity and sexual responsibility.
Girl Talk program is divided into three modes: Print, Interactive, & Discussion.
The Discussion mode is the actual group session where the Girl Talk is goes through all the material
in person. The Print aspect which is the Girl Talk booklet guide is given to the group where the all the
material covered is given in a print format with more illustrations and the information can be reviewed.
The Interactive component is an application that includes dynamic and interactive models of the
information.
These three modes ensure that information is accesible regardless to what method of learning the
student is more susceptible to.
Competitors
25
Scalerteen
This site is geared towards teens and people in their twentys and has a vast array of really interesting articles and
information. The site also offers relationship advice and they have a hot line set up. They promote books, other sites,
blogs, etc. They are really a great resource. The visual aspect and actual user navigation of this site is actually quite
difficult. It seems very disorganized and confusing and you can never seem to find your way back to an article or quiz
you had previously read.
27
Its Your Sex Life
Mtvs IYSL is an interesting but limited site. It has some basic information, and these are endorsed
by celebrities, which would make them appealing to the same demographic, but its main focus is
that you should get tested for hiv/aids. They have interesting videos and clear articles, but they are
small and not as informative. The aesthetic quality is nice, clear and colorful heavily featuring content.
Its limited information does hinder from what could be a better sex education site.
29
Target Audience
Girls
The particular demographic that I chose to target is the angsty eigth
grade. I chose the eigth grade ages, which range from 12-14 years of age,
because during the eigth grade is when most sex education programs
take place. It is also the average age for girls to start experiencing puberty.
Site Map
31
Tech Specs
33
Scope
Girl Talk is an educational program that uses three methods of
teaching. These methods have been applied to other subjects
within the field of education. I wanted to apply the dynamic
component to this particular topic.
The goal of my thesis is to create prototypes of the print book
and the application. To make sure that the scope is within the
realm of reality, I will be focusing in the interactive menstrual
cycle
Tech
The book element of my thesis will focus on visual design and
developing a brand. Organizing complex information in graphics
in a language that is easy to understand.
The application will use HTML5, CSS, JavaScript, and Motion
Composer to create the over all application and the interactive
animation.
Data
All of the medical data that will be featured in the application
will be reviewed by a licensed nurse and doctor.
Visual Design
I wanted Giirl Talk to have a hand drawn feel and illustrative
aesthetic. I wanted it to be colorful and appealing, but not
childish.
The illustrations are ink and watercolor.
35
Watermelon
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890
a b c d e f g h i j k l mn o p q u r s t u v w x y z 1 2 3 4 5 6 7 8 9 0
Gravity Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890
abcdef ghi j kl mnopqurst uvwxyz1234567890
Sketches
37
39
Sketches
Wireframes
Image
Pull out Navigation
Logo/Splash Screen
41
Image
N
a
v
i
g
a
t
i
o
n
N
a
v
i
g
a
t
i
o
n
Scroll down to
view image
& info.
43
Mockups
Its
All I
n
your
Head
Proof of Concept
45
These are screenshots of the book and the
application
47
49
Conclusion
Girl Talk is a project that I am very passionate
about, but it also has the potential to fill in a very
marked gap.
Bibliography
Manson. Mark, Thought Catalog 7 things that sex education should have taught us but didnt
http://thoughtcatalog.com/mark-manson/2013/10/7-things-sex-education-shouldve-taught-us-
but-didnt/BbXfcwxhiTroR0Lc.32
Ovarian and Uterine Cycles
http://www.sumanasinc.com/webcontent/animations/content/ovarianuterine.html
Killerman. Sam, A Social Advocates Handbook: A Guide to Gender
http://www.guidetogender.com
Inspiration
http://www.pinterest.com/00michellemunoz/sex-education/