Jeanette Jimenez Graphic Design
Jeanette Jimenez 1
Table of Contents
about the designer
05
copper magazine
06
declaration of human rights poster
22
mystic: logo redesign
36
pvris website
52
calhelix brochure
66
serene
74
HELLO!
I am Jeanette Jimenez, a graphic designer from the Bay Area. I recently graduated from the Visual Communications program of the School of Design at San Francisco State University. I aspire to create editorial and social media content for the lifestyle and beauty industries. My passion for design continues to grow everyday and my influences come from many places; mainly from the beautiful city of San Francisco and from my peers and associates. When I am not designing, I am practicing my lettering skills, listening to a Spotify playlist, or browsing the aisles of a Barnes and Noble.
Jeanette Jimenez 5
COPPER MAGAZINE Editorial COPPER is a monthly magazine that focuses on on-the-rise artists. Musicians from multiple genres are featured in this publication so they have a chance to promote their music as well as giving people chances to discover new music. In this edition, the featured artist is Halsey, who has recently released her album Badlands.
Jeanette Jimenez
PROBLEM The magazine had to have unique name that has not been used for an existing publication. An original masthead would capture the intended spirit of the magazine. The protoype would contain a cover, table of contents, and a six-page feature.
SOLUTION Music is a big part of my life and am always trying to discover new bands. I decided to make my magazine as a way to help new bands promote their music and to get their name out there. I chose the word “COPPER” as the name because it reminded me of “underground” artists and it really fit with the type of music I listen to.
8 COPPER EDITORIAL
Jeanette Jimenez 9
INSPIRATION
I enjoyed the simple look NAKED and BUNCH Magazine had. I really wanted to incorporate the white borders and a grid into COPPER.
10 COPPER MAG
TYPE SELECTION Wave
Copper
Wave
Copper
Wave
Copper
Wave
Copper
Wave
Copper
Wave
Copper
WAVE
COPPER
WAVE
COPPER
Wave
Copper
Wave
To narrow down the magazine name, we had to choose 10 adjectives and then narrow it down to our top two favorties. From there, ten different fonts were chosen to decide which one held the most typographic style we were envisioning for the publication.
Copper
Jeanette Jimenez 11
SKETCHES
After figuring out the genre of magazine, what I wanted featured and the name, I had to create layouts and decide which typefaces I wanted. Sketches included what I wanted as pull quotes, and the different types of layouts I wanted for the table of contects, chapter opener and the main feature.
12 COPPER MAG
Jeanette Jimenez 13
STYLE GUIDE
A
C
Avenir
Century Gothic
ABCDEFGHIJKLM NOPQRSTUVWXYZ
ABCDEFGHIJKLMN OPQRSTUVWXYZ
abcdefghijklmnop qrstuvwxyz
abcdefghijklmno pqrstuvwxyz
0123456789
0123456789
A
Avenir Next Condensed ABCDEFGHIJKLMNOPQRS TUVWXYZ abcdefghijklmnopqrstu vwxyz 0123456789
14 COPPER EDITORIAL
S
Simplifica ABCDEFGHIJKLMNOPQRSTUV WXYZ abcdefghijklmnopqrstuvw xyz 0123456789
C: 22 M: 64 Y: 78 K: 7
C: 31 M: 100 Y: 86 K: 42
C: 75 M: 68 Y: 67 K: 90
C: 0 M: 0 Y: 0 K: 0
Copper
H
Jeanette Jimenez 15
Top Left: Cover Top Right: Table of Contents Bottom Right: Chapter Opener
16 COPPER EDITORIAL
Top Left: First Feature Spread Top Right: Back Cover Bottom Left: Second Feature Spread
Jeanette Jimenez 17
18 PROJECT TYPE
Jeanette Jimenez 19
20 PROJECT TYPE
Jeanette Jimenez 21
DECLARATION OF HUMAN RIGHTS Poster The United Nation’s Declaration of Human Rights is an important, international document for humanity. It states every basic right and fundemental freedom of all human beings are entitled to.
Jeanette Jimenez
PROBLEM We were given a pre-made grid and use it to emphasize different parts of the Declaration of Human Rights. We were only allowed to use two font families, use black and white with one of three accent colors and the final poster would be 22 in. by 30 in.
SOLUTION The parts I have chosen to emphasize were the parts that talked about all humans being born free, having the freedom to marry, have a free education, freedom to move and freedom to enjoy other countires without discrimination. I chose to shape it into the state of California and Mexico and showcased my family’s journey from Mexico to the Bay Area.
24 HUMAN RIGHTS POSTER
Jeanette Jimenez 25
SKETCHES
I created an outline of the hierarchy I wanted along with the steps I wanted to take to create the final poster.
26 HUMAN RIGHTS POSTER
Jeanette Jimenez 27
IDEATION
The assignment asked to provide six stages to view the progess up to the final stage, which was the 22 in by 30 in poster. 28 HUMAN RIGHTS POSTER
Jeanette Jimenez 29
n ei nb um a lh Al
g in n be um a lh Al
s
g
rn bo re
fre e
s
or n eb ar
a
d
eq
nd
e
a qu
an
fr e ea
di
d i ty
nd
n ig
a ity gn
l ua
in
l in
and
r
ig ht s. All hu man
ht s. A
ig
r
30 PROJECT TYPE
ll human
b ei
ngs ar e
bo rn
fre
bei ngs ar e
ea
nd
eq ua l
bo rn
...
f re ea
nd
eq ua l
...
Jeanette Jimenez 31
STYLE GUIDE
C
D
ABCDEFGHIJKLMN OPQRSTUVWXYZ
ABCDEFGHIJKLM N O P Q R ST UVW XY Z
abcdefghijklmno pqrstuvwxyz
abcdefghijklmnop qrstuvwxyz
0123456789
0123456789
Century Gothic
32 HUMAN RIGHTS POSTER
C: 13 M: 29 Y: 74 K: 7
C: 75 M: 68 Y: 67 K: 90
Didot
C: 0 M: 0 Y: 0 K: 0
They are endowed with reason and conscience and should act towards one another in a spirit of brotherhood. .02 Everyone is entitled to all the rights and freedoms set forth in this Declaration, without distinction of any kind, such as race, color, sex, language, religion, political or other opinion, national or social origin, property, birth or other status. Furthermore, no distinction shall be made on the basis of the political, jurisdictional or international status of the country or territory to which a person belongs, whether it be independent, trust, non-self-governing or under any other limitation of sovereignty.
life,
liberty
security
protection
against
.03 Everyone has the right to and of person. .04 No one shall be held in slavery or servitude; slavery and the slave trade shall be prohibited in all their forms. .05 No one shall be subjected to torture or to cruel, inhuman or degrading treatment or punishment. .06 Everyone has the right to recognition everywhere as a person before the law. . .07 All are equal before the law and are entitled without any discrimination to equal protection of the
equal discrimination law.
All
are
entitled
to
any
in violation of this Declaration and against any incitement to such discrimination. .08 Everyone has the right to an effective remedy by the competent national tribunals for acts violating the fundamental rights granted him by the constitution or by law. .09 No one shall be subjected to arbitrary arrest, detention or exile. .10 Everyone is entitled in full equality to a fair and public hearing by an independent and impartial tribunal, in the determination of his rights and obligations and of any criminal charge against him. .11 (1) Everyone charged with a penal offence has the right to be presumed innocent until proved guilty according to law in a public trial at which he has had all the guarantees necessary for his defence.(2) No one shall be held guilty of any penal offence on account of any act or omission which did not constitute a penal offence, under national or international law, at the time when it was committed. Nor shall a heavier penalty be imposed than the one that was applicable at the time the penal offence was committed. .12 No one shall be subjected to arbitrary interference with his privacy, family, home or correspondence, nor to attacks upon his honour and reputation. Everyone has the right to the protection of the law against such interference or attacks. .
freedom of m o v e m e n t enjoy other countries No nationality right to marry
13 (1) Everyone has the right to and residence within the borders of each state. (2) Everyone has the right to leave any country, including his own, and to return to his country. .14 (1) Everyone has the right to seek and to (2) This right may not be ly arising from non-political crimes or from .15 (1) Everyone has the right
deprived
of
in asylum from persecution. invoked in the case of prosecutions genuineacts contrary to the purposes and principles of the United Nations. to a nationality. (2) one shall be arbitrarily
his
nor
denied
the
right
to
change
his
nationality.
family.
an b e um lh Al
.16 (1) Men and women of full age, without any limitation due to race, nationality or religion, have the and to found a They are entitled to equal rights as to marriage, during marriage and at its dissolution. (2) Marriage shall be entered into only with the free and full consent of the intending spouses. (3) The family is the natural and fundamental group unit of society and is entitled to protection by society and the State. .17(1) Everyone has the right to own property alone as well as in association with others. (2) No one shall be arbitrarily deprived of his property. .18 Everyone has the right to freedom of thought, conscience and religion; this right includes freedom to change his religion or belief, and freedom, either alone or in community with others and in public or private, to manifest his religion or belief in teaching, practice, worship and observance. .19 Everyone has the right to freedom of opinion and expression; this right includes freedom to hold opinions without interference and to seek, receive and impart information and ideas through any media and regardless of frontiers. .20 (1) Everyone has the right to freedom of peaceful assembly and association. (2) No one may be compelled to belong to an association. .21 (1) Everyone has the right to take part in the government of his country, directly or through freely chosen representatives. (2) Everyone has the right of equal access to public service in his country. (3) The will of the people shall be the basis of the authority of government; this will shall be expressed in periodic and genuine elections which shall be by universal and equal suffrage and shall be held by secret vote or by equivalent free voting procedures. .22 Everyone, as a member of society, has the right to social security and is entitled to realization, through national effort and international co-operation and in accordance with the organization and resources of each State, of the economic, social and cultural rights indispensable for his dignity and the free development of his personality. . 2 3 (1) Everyone has the right to work, to free choice of employment, to just and favourable conditions of work and to protection against unemployment. (2) Everyone, without any discrimination, has the right to equal pay for equal work. (3) Everyone who works has the right to just and favourable remuneration ensuring for himself and his family an existence worthy of human dignity, and supplemented, if necessary, by other means of social protection (4) Everyone has the right to form and to join trade unions for the protection of his interests. ,24 Everyone has the right to rest and leisure, including reasonable limitation of working hours and periodic holidays with pay. .25 (1) Everyone has the right to a standard of living adequate for the health and well-being of himself and of his family, including food, clothing, housing and medical care and necessary social services, and the right to security in the event of unemployment, sickness, disability, widowhood, old age or other lack of livelihood in circumstances beyond his control. ( 2 ) Motherhood and childhood are entitled to special care and assistance. All children, whether born in or out of wedlock, shall enjoy the same social protection.
in g s
2 r
6
. Education shall be free
(1) Everyone has the right to education , at least in the elementary and fundamental stages. Elementay education shall be compulsory. Technical and professional education shall be made generally available and higher education shall be equally accessible to all on the basis of merit. (2) Education shall be directed to the full development of the human personality and to the strengthening of respect for human rights and fundamental freedoms. It shall promote understanding, tolerance and friendship among all nations, racial or religious groups, and shall further the activities of the United Nations for the maintenance of peace.(3) Parents have a prior right to choose the kind of education that shall be given to their children .27 (1) Everyone has the right freely to participate in the cultural life of the community, to enjoy the arts and to share in scientific advancement and its bene (2) Everyone has the right to the protection of the moral and material interests resulting from any scientific, literary or artistic production of which he is the .28 Everyone is entitled to a social and international order in which the rights and freedoms set forth in this Declaration can be fully .29 (1) Everyone has duties to the community in which alone the free and full development of his personality is
e ar
.
rn bo
fre
(2) In the exercise of his rights and freedoms, everyone shall be subject only to such limitations as are determined by law solely for the purpose of securing due recognition and respect for the rights and freedoms of others anWd of meeting the just requirements of morality, public order and the general welf These
rights
and
freedoms
may
in
e.
(3)
no
case
be
exercised
contrary
to
the
purposes
and
Jeanette Jimenez o33f principles
the
30. Nothing in this Declaration may be interpreted as implying for any State, group or person any right to engage in any activity or to perform any act aimed at the destruction of any of the rights a
34 HUMAN RIGHTS POSTER
Jeanette Jimenez 35
MYSTIC THE LABEL Logo Redesign Mystic the Label is an Austrailian based jewelery company. They create handmade jewlery out of precious gems and stones. Mystic incorporates clothing and housing accessories a few times a year.
Jeanette Jimenez
PROBLEM We had to take an existing logo and redesign it. We had to study the company and it’s brand in order to come up with a new logo that would fit the company.
SOLUTION I chose Mystic the Label, which is an Austrailian company that makes handmade jewlery. At the moment, it is only a web-based store, however, I created the new logo with the possibility that they would branch out to have store locations as well as expanding their product range.
38 MYSTIC LOGO REDESIGN
Jeanette Jimenez 39
INSPIRATION
Mystic uses a lot of crystals, moons and lotus petals. The company also uses ameythst clusters when showcasing their jewlery on their website.
40 MYSTIC LOGO REDESIGN
I brainstormed words that I thought went with Mystic the Label. It included colors, vibes, aimed demographics and materials.
Jeanette Jimenez 41
IDEATION
With my initial logo designs, I used moons and lotuses since they were the two main symbols Mytic seemed to like. Their original logo had a sort of “magical” vibe and I wanted to play off of it.
42 MYSTIC LOGO REDESIGN
Jeanette Jimenez 43
ORIGINAL LOGO
44 MYSTIC LOGO REDESIGN
REDESIGN
Jeanette Jimenez45
STYLE GUIDE
C: 55 M: 77 Y: 32 K: 0
A
M
ABCDEFGHIJKLMNOPQRS TUVWXYZ
ABCDEFGHIJKLMNO PQRSTUVWXYZ
0123456789
0123456789
Ailerons
46 MYSTIC LOGO REDESIGN
Moon
C: 75 M: 68 Y: 67 K: 90
C: 0 M: 0 Y: 0 K: 0
MYSTIC Jeanette Jimenez 47
48 MYSTIC LOGO REDESIGN
Jeanette Jimenez 49
50 MYSTIC LOGO REDESIGN
Jeanette Jimenez 51
PVRIS Website Web Design PVRIS (pronounced “Paris”) was formed in 2012 by singer Lynn Gunn. The band plays a blend of dreamy electronica with dark, beat-heavy rock. The Lowell, Massachusetts-based group features form I Am the Fallen guitarist Alex Bainski and bassist Brian Macdonald. They released their debut EP in early 2013 and played in the Vans Warped Tour, joining the Rise Up Tour with Skylit Drive, Wolves at the Gate and For All Those Sleeping. In June 2014, PVRIS announced that they had signed with Rise Records, becoming the first female-fronted act on the famed metalcore label’s roster. Their debut album, White Noise, arrived in November of that year.
Jeanette Jimenez
PROBLEM To show what we had learned about HTML and CSS coding, we had to create an entire website from scratch. We had creative freedom as to what we wanted to create the website for.
SOLUTION I chose to create a website for the band PVRIS. Their music was filling my playlists and had helped me concentrate on homework throughout the semester. I used my basic HTML and CSS skills to add videos, photo enlargement and overall designing the website to make it seem like it could belong to the band.
54 PVRIS WEBDESIGN
Jeanette Jimenez 55
INSPIRATION
I wanted to stay true to the band while making my website. They rarely have any other besides black and white and I wanted to keep their color scheme.
56 PVRIS WEB DESIGN
Jeanette Jimenez 57
WIREFRAMES
Before I began coding, I created rough wireframes to decide what I wanted to have on each page, and how I wanted to organize it.
58 PROJECT TYPE
Jeanette Jimenez 59
FINAL DESIGN
The “Home� page is dedicated to the latest news of the group. It is in a three column grid that is organized from newest to oldest. The vistor will be able to click on the post to enlarge it and read the short article.
60 PROJECT TYPE
The “Music” page allows the user to listen to snippets of their songs. The “Shows” page displays the band’s location, dates and venues. It leads to a link to buy the tickets.
Jeanette Jimenez 61
The “Video” page links to their music videos. The user can watch them from the site, or the video can lead them to their Youtube channel. The “Photos” page displays behind-thescenes images from their current tours. The pictures dispay as black and white but when the user clicks them, it turns into a full-sized color.
62 PROJECT TYPE
The “Shows� page gives the vistor a list of upcoming concerts. The page has a link to buy tickets or notify the vistor that the concert has sold out. The page has the date, location and venue information.
Jeanette Jimenez 63
64 PVRIS WEB DESIGN
Jeanette Jimenez 65
Serene App Design The stress of school, everyday life and the prospect of life after college make panic attacks common among young adults. This research looks into what cause panic attacks and the different ways to deal with them. The final design will help inform young adults about panic attacks and provide ways to help.
Jeanette Jimenez 67
PROBLEM College students that experience panic attacks don’t know how to handle them and are afraid to seek professional help.
SOLUTION To design a mobile application that makes information on panic attacks easily accessible. The app will provide information as well as various exercises that will help deal with an attack.
RATIONALE A mobile application will not only simply explain panic attacks, but will also provide tips and exercises that will help students ease attacks and prevent future ones from happening. The application will also provide a way for students to focus and ground themselves through a music feature.
68 SERENE APP DESIGN
Jeanette Jimenez 69
Literature Review Panic attacks causes strong, physical reactions, even though no real danger exists. A panic attack last up to 20 to 30 minutes. 38.4% of attacks happen when alone, 23.1% happen with friends, 38.5% happen with family, and 69.2% were unexpected. Panic attacks have both physiological and cognitive effects. Physiological effects: rapid heart rate, chest tightness, shortness of breath, hyperventilation, sweating, trembling. Cognitive effects: ability to concentrate and process data becomes affected.
70 SERENE APP DESIGN
Jeanette Jimenez 71
SURVEY
83% know about panic attacks 14% know a little 3% do not know
75% have had a panic attack before
The data gathered from a facebook survey (64 participants) showed that 84% were familar with panic attacks and 75% of the participants have gone through a panic attack themselves. 71% of the people surveyed knew how to control an attack which left only 29% of people who did not know any self-help tecniques. Most of the tips that people shared through the survey were mainly focusing on breathing exercises.
72 SERENE APP DESIGN
82% know someone who has had an attack
71% know techniques on how to control one
These are the word maps formulated by the Qualtrics Survey I created and posted on Facebook. The top left image shows what goes through people’s minds when they think of the term “panic attack.” The bottom right image shows what people do the most when they are trying to stop a panic attack.
Jeanette Jimenez 73
COMPARATIVE ANALYSIS
During the research portion, finding tips on how to handle a panic attack were difficult. There were too many results and what came up were very dense. The information found was incredibly overwhelming and did not look very inviting. The books available to help with panic attacks also felt very dated. 74 SERENE APP DESIGN
PROJECT MATRIX User friendly
Non-Accessible
Accessible
Non-User friendly Jeanette Jimenez 75
SKETCHES
76 PROJECT TYPE
Jeanette Jimenez 77
INSPIRATION & CONCEPT DRIVERS More and more people have been raising awareness of mental health during the age of social media. They have been spreading the message that it is okay to feel a certain way, that they do not have anything wrong with them and that people who have anxiety, depression, or anything of the like are not alone. The more the awareness of mental health rises, and in this case the awareness of panic attacks, the more information floods the internet, making finding tips more difficult to find and overwhelming. The purpose of having a mobile application is simple: everyone is practically attached to their smartphones. The thought of quick access to any and all information we want is at our fingertips. A mobile app that gives out excercises and information on panic attacks will grant quick and easy access on the go.
78 SERENE APP DESIGN
Jeanette Jimenez 79
STYLE GUIDE
C
N
ABCDEFGHIJKLMN OPQRSTUVWXYZ
ABCDEFGHIJKLMN OPQRSTUVWXYZ
abcdefghijklmno pqrstuvwxyz
abcdefghijklmnop qrstuvwxyz
0123456789
0123456789
Century Gothic
C: 31 M: 0 Y: 17 K: 0
C: 54 M: 0 Y: 45 K: 0
C: 62 M: 0 Y: 21 K: 0
C: 75 M: 68 Y: 67 K: 90
Nexa
C: 0 M: 0 Y: 0 K: 0
80 SERENE APP DESIGN
serene
Jeanette Jimenez 81
FINAL DESIGN
Log-in screen
82 PROJECT TYPE
The Verification screen pops up for a six digit code after user signs-up with their name, e-mail and password.
The homepage. The user touches the icons on the left side and a tab pops out for that category.
This page lists the top tips that are helpful to prevent panic attacks.
Daily quotes and phrases that inspire and motivate pop up in the morning with push notifications and on the homepage.
The 4-7-8 Breathing Excercise was made by Dr. Weil. The user breathes in through nose for 4 seconds, holds for 7, & exhales for 8.
Jeanette Jimenez 83
The screen contains a gif that has a triangle that expands into an octagon. This helps practice deep breathes.
84 PROJECT TYPE
Community is very important. Serene has a forum where people can share tips and advice to other users.
Serene has songs that allow the user to relax and meditate. Each song provides a calming or happy atmosphere.
Jeanette Jimenez 85
86 SERENE APP DESIGN
Jeanette Jimenez 87
CALHELIX BROCHURE Print Design CalHelix is a small, cutting-edge genetic research company in Palo Alto. It is expanding and is actively recruiting new staff for its organization. It is seeking research scientists, marketing personnel, programmers, business managers, and technical writers. CalHelix wants well-educated, motivated, “high-tech� people and is recruiting from universities with nationally recognized programs in research, business, and technical writing.
Jeanette Jimenez
PROBLEM We had to take an existing logo and redesign it. We had to study the company and it’s brand in order to come up with a new logo that would fit the company.
SOLUTION I chose Mystic the Label, which is an Austrailian company that makes handmade jewlery. At the moment, it is only a web-based store, however, I created the new logo with the possibility that they would branch out to have store locations as well as expanding their product range.
90 CALHELIX PRINT
Jeanette Jimenez 91
STYLE GUIDE
A Avenir
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklmnop qrstuvwxyz 0123456789
A
Avenir Next Condensed
C: 40 M: 0 Y: 0 K: 0
C: 80 M: 0 Y: 0 K: 0
C: 76 M: 0 Y: 0 K: 56
C: 75 M: 68 Y: 67 K: 90
ABCDEFGHIJKLMNOPQRS TUVWXYZ abcdefghijklmnopqrstu vwxyz 0123456789 C: 0 M: 0 Y: 0 K: 0
92 CALHELIX PRINT
CalHelix Jeanette Jimenez 93
94 CALHELIX PRINT
Jeanette Jimenez 95