JESSLYN A JOHAN
CONTENT 1
The Man Behind My Artwork | Drawing
3
Jakarta’s Landmark | Illustration
5
Lost in the Forest | Image Manipulation
7
Kartini Magazine | Editorial
11
This is Quicksand | Typography
17
Nancy Wake | Branding
23
Transfusion Night | Branding
25
Almost Pizza | Branding
27
Lima Anak Sehat | Branding
33
Zlei | Branding & Packaging
37
Hod Poch | Branding & Packaging
39
John Lewis | Packaging
43
Archipelago | Branding & Packaging
51
Photography
THE MAN BEHIND MY ARTWORK Drawing Techniques - Charcoal
1 | Jesajo
Jesajo | 2
+BEATAM ME DICEN
3 | Jesajo
MNES GENERATIONES+
JAKART’S LANDMARK Digital Design - Illustrator Cathedral is one of popular churchs in Jakarta. Most of people call it as a landmark. Landmark is something (building-mostly) that help people to know where he or she is and find their destination.
Jesajo | 4
LOST IN THE FOREST 5 | Jesajo
Digital Design - Photoshop Surrealism is something not real and unbelivable. This image is combination of some images. The girl is run away from her castle with her per, Liot (Lion Cat). Her face with flower pattern represents her innocence that see everything is beautiful, but her surrounding is not as good as she thought. Jesajo | 6
KARTINI MAGAZINE Editorial - Indesign Kartini is a women’s magazine founded
High resolution images and illustrations
by Lukman Umar. Kartini magazine first
support the articles to make the reader
published in 1974 and is very popular
little bit relax. The warm and serious
in Indonesia. The concept for December
colors to support informative and cozy
2012
feel. Sans serif typeface will be dominant
edition
is
sophisticated.
The
purpose is to increase its class to high class. It will make women read this magazine comfortably because of the look and feel to not tense while reading serious informations.
7 | Jesajo
for body text in this magazine.
Jesajo | 8
9 | Jesajo
Jesajo | 10
THIS IS QUICKSAND Typography - Type Specimen Book Quicksand has been realise in 2008, but the designer, Andrew Panglinawan got some positive feedbacks and he redesigned some parts of the letters and realised again in 2013. Quicksand has bold, italic, regular, light italic, light, and dash. The concept is Sewing the Q because it has a potential to explore in ‘sewing’ style especially the dash. Also sewing creates an exist thing (which is thread) become a fabrics or clothes, like this typeface, it was exist in 2008 and again in 2013. It is time for Quicksand to sew its career in the future.
11 | Jesajo
Quicksand Quicksand Quicksand Quicksand Quicksand Quicksand ------
----------------------------------------------------
-----------------------------------------
-------------------------------------
------------------
WWW.T HISISQUICKSA ND.COM
Jesajo | 12
WWW.THISISQUICKSAND.COM
13 | Jesajo
Jesajo | 14
This is
QUICKSAND
OVERVIEW
Quicksand Jesslyn A Johan
Quicksand is a redesign of Quicksand family originally made in 2008 using geometric shapes as it’s core foundation. Received a fair amount of positive feedback and felt so highly about it but started to realize the sheer amount of mistakes and issues Quicksand’s development started to address those issues. Quicksand currently have four weights which are dash, light, regular, and bold including true italics for each weight. It is planned to be released as a free “libre“ font under SIL Open Font License before the end of 2013.
[
o Dash
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Light Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
& Dash - 9pt
Q
ivamus ornaresitaby amet facilisis diam, vela jiki
malesuada
enim. Nullam ac lacinia ante.
QUICKSAND CAN BE USED AS PATTERNS
15 | Jesajo
Light Italic - 9pt
Light - 9pt
Q
ivamus ornaresitaby amet facilisis diam, vela jiki
malesuada
enim. Nullam ac lacinia ante.
~`!@#$ %^&*:; ()_+-= {}|[]\ <>”?’
Q
ivamus
Regular - 9pt
ornaresitaby
amet facilisis diam, velajiki
malesuada
enim. Nullam ac lacinia ante.
Q
amet facilisis diam, vela jiki
Bold - 9pt
Italic - 9pt
ivamus ornaresitaby malesuada
enim. Nullam ac lacinia ante.
Q
ivamus ornaresitaby amet facilisis diam, velajiki
malesuada
enim. Nullam ac lacinia ante.
Q
ivamus ornaresitaby amet facilisis diam, vela jiki
malesuada
enim. Nullam ac lacinia ante.
Praesent sit amet porttitor
Praesent sit amet porttitor
Praesent sit amet porttitor
Praesent sit amet porttitor
Praesent sit amet porttitor
Praesent sit amet porttitor
estesia. Suspen disse potenti.
estesia. Suspen disse potenti.
estesia. Suspen disse potenti.
estesia. Suspen disse potenti.
estesia. Suspen disse potenti.
estesia. Suspen disse potenti.
Cras pellentesque id risus
Cras pellentesque id risus
Cras
risus
Cras pellentesque id risus
Cras
risus
Cras pellentesque id risus
aliquet orna eleifend. Aliquam
aliquet orna eleifend. Aliquam
aliquet orna eleifend. Aliquam
aliquet orna eleifend. Aliquam
aliquet orna eleifend. Aliquam
aliquet orna eleifend. Aliquam
pellentesque
id
pellentesque
id
ornare placerat lodeornare leo
ornare placerat lodeornare leo
ornare placerat lodeornare leo
ornare placerat lodeornare leo
ornare placerat lodeornare leo
ornare placerat lodeornare leo
sed sollicitudin. Aenesbuaan
sed sollicitudin. Aenesbuaan
sed sollicitudin. Aenesbuaan
sed sollicitudin. Aenesbuaan
sed sollicitudin. Aenesbuaan
sed sollicitudin. Aenesbuaan
condimentum banihinob nibh
condimentum banihinob nibh
condimentum banihinob nibh
condimentum banihinob nibh
condimentum banihinob nibh
condimentum banihinob nibh
euio congue. Quisque luctus
euio congue. Quisque luctus
euio congue. Quisque luctus
euio congue. Quisque luctus
euio congue. Quisque luctus
euio congue. Quisque luctus
ornare nullabilotyn non porta.
ornare nullabilotyn non porta.
ornare nullabilotyn non porta.
ornare nullabilotyn non porta.
ornare nullabilotyn non porta.
ornare nullabilotyn non porta.
Maecenas dictumcitra belit at
Maecenas dictumcitra belit at
Maecenas dictumcitra belit at
Maecenas dictumcitra belit at
Maecenas dictumcitra belit at
Maecenas dictumcitra belit at
urna ultrices, velosiab ornare
urna ultrices, velosiab ornare
urna ultrices, velosiab ornare
urna ultrices, velosiab ornare
urna ultrices, velosiab ornare
urna ultrices, velosiab ornare
posuere arcu mattis. Vivamus
posuere arcu mattis. Vivamus
posuere arcu mattis. Vivamus
posuere arcu mattis. Vivamus
posuere arcu mattis. Vivamus
posuere arcu mattis. Vivamus
aste tincidunt ornare tempor
aste tincidunt ornare tempor
aste tincidunt ornare tempor
aste tincidunt ornare tempor
aste tincidunt ornare tempor
aste tincidunt ornare tempor
magna. Nullam barsit amet
magna. Nullam barsit amet
magna. Nullam barsit amet
magna. Nullam barsit amet
magna. Nullam barsit amet
magna. Nullam barsit amet
arcu orci. Quisq condimentum
arcu orci. Quisq condimentum
arcu orci. Quisq condimentum
arcu orci. Quisq condimentum
arcu orci. Quisq condimentum
arcu orci. Quisq condimentum
massa, vitae tempus lorem.
massa, vitae tempus lorem.
massa, vitae tempus lorem.
massa, vitae tempus lorem.
massa, vitae tempus lorem.
massa, vitae tempus lorem.
QUICKSAND CAN BE USED AS BODY TEXT
---------------------------------------
Quicksand
Quicksand
Quicksand
Quicksand
Quicksand
Quicksand
Bold
----------------------------------
----------------------------------------------------------------------
Light Italic
Italic
Light
Regular
Dash
----------------------------------------------------------------------------
<---------------->
1
Cross Bar
Ascender
hwmT lopeot Aperture
Apex
Axis
Counter (open)
2
<---------->
Cross Stroke
Hairline (stroke)
3 4
FABRIC
5 6
Counter (close)
SEW LITTLE
Dot/Tittle
Hook
pteAf krsciy Eye
Shoulder
Leg
TIME
Stress
7
Spine Tail
Descender 1 = Cap Height | 2 = X-Height | 3 = Cap Line | 4 = Mean
Q
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
SEW MUCH
Bowl
<---------------------->
Arm Arc
o
Line | 5 = Base Line | 6 = Beard Line | 7 = Body Height
QUICKSAND CAN BE USED AS DISPLAY FONT
Font Designed by Andrew Panglinawan Type Specimen Book Designed by Jesslyn Ariesta Johan 2014 {Typographic Skill} www. andrewpanglinawan.com www.fontsquirrel.com www.dafont.com
-----------------------------------
-----------------------------------
----------------------------------------------------------------------------
WWW.THISISQUICKSAND.COM
----------------------------------------------------------------------------
Jesajo | 16
17 | Jesajo
NANCY WAKE Branding - Exhibition Nancy Grace Augusta Wake is a woman
The concept of this exhibition is The
figure which served as British agent
Thrill of The Chase, which will make
in World War II. She witnessed Jews
the audience experience and see from
tortured
Nancy’s perspective. “Thrill” represents
and
made
she
become
a
opinionated woman and dare to defend
Nancy’s
thrilling
experiences,
and
things that she believe. Gestapo called
“Chase” represents her life that always
Wake as the White Mouse because of
be on alert and being chased.
her ability to elude capture. She was the Gestapo’s most wanted person with a five million-franc price on her head.
Jesajo | 18
OBSERVATION AND ACTION When war broke out Nancy Wake was a young woman married to a wealthy Frenchman living a life of luxury in cosmopolitan Marseilles. It was not lovng until Germany invaded France. Slowly but surely Nancy drew herself into the fight. Nancy Wake - a beautiful
female figure in World War II
She had been a witness of the rise of Hitler, Nazism and antiSemitism. In 1940 she crossed the line between observation and action, and joined the embryonic Resistance movement as a courier, smuggling messages and food to underground groups in Southern France. She bought an ambulance and used it to help refugees fleeing the German advance.
HENRI FIOCCA BOUGHT HER AN AMBULANCE. NANCY USED IT TO HELP REFUGEES FLEEING THE GERMAN ADVANCE. Henri Fiocca & Nancy Wake
SPECIAL OPERATIONS EXECUTIVE Nancy Wake became one of 39 women and 430 men in the French Section of the British Special Operations Executive which worked with local resistance groups to sabotage the
Germans in the occupied territories. She was trained at a British Ministry of Defense camp in Scotland in survival skills,
silent killing, codes and radio operation, night parachuting, plastic explosives, Sten guns, rifles, pistols and grenades. She and the other women recruited by the SOE were officially assigned to the First Aid Nursing Yeomantry and the true nature of their work remained a closely guarded secret until after the war.
19 | Jesajo
Nancy Wake (2003)
Stafford Hotel in Piccadilly
“NANCY WAKE IS THE MOST FEMININE WOMAN I’VE EVER KNOWN, AT LEAST UNTIL THE FIGHTING STARTS. THEN, SHE IS LIKE FIVE MEN.” – Capt. Henri Tardivat,
French Resistance fighter
GESTAPO’S MOST WANTED Her missions with the Resistance meant her life ws in constant danger. She became a suspect and was watched. The Gestapo tapped her phone and opened her mail. She took many identities and was so good at evading the Gestapo they nicknamed her the “White Mouse”. By 1943, Wake was No.1 on the Gestapo’s most wanted list and there was a five million-franc price on her head. It was too risky for Wake to stay in France and the Resistance decided she should go back to Britain.
CHATEAUROUX
SAINT - AMAND MONTFOND
COSNE-D’ALLIER
COMMENTRY
SANNAT
CLERMONT
X
AUVERGNE Nancy’s 500 km bicycle route from Chateauroux to Auvergne and back in 71 hours
500 KM BIKE RIDE Then June 6, 1944 — D-Day — arrived, and the Maquis swiftly carried out their carefully planned attacks, severing telephone lines and blowing up factories and steel plants. Furious, the Nazis mounted a massive counterattack on the Maquis positions at Auvergne, sending the rebels scattering. Sure they would be captured or killed, Wake’s radio operator burned his code book, severing the lines of communication with London. Fortunately, there was another radioman some distance away, so Wake rode a bicycle from Auvergne to Châteauroux and back — 250 miles in 72 hours through German-held territory — to call London for replacement codes.
I GOT BACK AND THEY SAID, ‘HOW ARE YOU?’ I CRIED. I COULDN’T STAND UP, I COULDN’T SIT DOWN. I COULDN’T DO ANYTHING. I JUST CRIED... ...WHEN I’M ASKED WHAT I’M MOST PROUD OF DOING DURING THE WAR, I SAY, ‘THE BIKE RIDE.’ - Nancy on traveling 250 miles by bike
PITCHED BLACK It was an extremely tough assignment: a near-sleepless life on the
KILLED WITH HER BARE HANDS
move, often hiding in the forests, travelling from group to group
Troops were massed in towns all around the plateau,
to train Maquis, motivate, plan and co-ordinate. She organised
with artillery, mortars, aircraft and mobile guns. In
parachute drops that occurred four times a week to replenish arms and ammunition. There were numerous violent engagements with the Germans. The countryside was wracked with hostage taking, executions, burnings and reprisals. No sector gave the Reich more cause for fury than Nancy’s – the Auvergne, the Fortress of France. Methodically the SS laid its plans and prepared to obliterate the group, whose stronghold was the plateau above Chaudes-Aiguwes.
June 1944 22,000 SS troops made their move on the
I WAS NEVER AFRAID. I WAS TOO BUSY TO BE AFRAID. - Nancy
7,000 Maquis. Through bitter battle and then escape, Nancy and her army had cause to be satisfied: 1,400 German troops lay dead on the plateau, 100 of their own men. Nancy continued her war: she personally led a raid on Gestapo headquarters in Montucon, and killed a sentry with her bare hands to keep him from alerting the guard during a raid on a German gun factory. She had to shoot her way out roadblocks; and execute a German female spy.
Jesajo | 20
21 | Jesajo
Jesajo | 22
TRANSFUSION NIGHT Branding - Almumni Gathering
Transfusion Night is a passion injection, a night to inspire, be inspired, and connect. It will give alumni chance to transfuse/inject and spread/share their stories pursuing their passion in the creative industry. Their journey, thoughts, and even the struggles they had to go through. Four colors used represent four parties were invited to this event, which are lecturers, alumnis, students, and professionals.
23 | Jesajo
BEVERAGES
Name : Please choose one for your drink! O
“True Love” La tte Our house blended coffee with hazelnut and caramel
O
IceD Coffee Americano / Classic / Caramel / Cappucino / Mocha
O
COFFEE La tte (Hot/Ice) Mocha / Classic / Vanilla / Hazelnut / Caramel / Float
O
Tea (Hot/Ice) Classic / Lemon
O
Fresh Juice Strawberry / Honey dew / Watermelon / Orange
Jesajo | 24
25 | Jesajo
ALMOST PIZZA Branding Almost Pizza is a delivery-based food
The product, Parmigiana
concept. It offer warmth, contemporary,
Parmesan is originally from Italy. The
fun and homey experience. The approach
founders really excited to introduce
used is very friendly and casual as the
and bring this menu to Indonesia, but
idea is taken from the experience of all
the use of the word â&#x20AC;&#x2DC;Parmesanâ&#x20AC;&#x2122; would
the founders while studying together in
mislead people to thinking that the dish
Newcastle, UK.
is named after a type of cheese. So
or Chicken
instead, the name Almost Pizza is used to help people in Indonesia relate the dish to the most similar product known in the country which is pizza.
Jesajo | 26
Logo Process / 5AS / JAJ
LIMA ANAK SEHAT Branding charitable
Hand is a symbol of warm relationship
foundation that focus on five deadly
between mother and child. The lines that
disease (Siamese Twins, Hydrocephalus,
form the hand is a modification of the
HIV / Aids, meningitis, and Autism) that
fingerprint. Fingerprints of each person
strikes toddler in Indonesia. â&#x20AC;&#x153;Lima Anak
is different, it represent how each child
Sehatâ&#x20AC;? gives a positive impression and
require different and intensive handling.
Lima
Anak
Sehat
is
persuasive to a sick child.
27 | Jesajo
a
ry / 5AS / JAJ
Jesajo | 28
Baby Kit / 5AS / JAJ
Mom Card / 5AS / JAJ Mom Card / 5AS / JAJ
29 | Jesajo
Jesajo | 30
oat & Balloon / 5AS / JAJ
& Balloon / 5AS / JAJ
31 | Jesajo
ID Card/ 5AS / JAJ
Coat / 5AS / JAJ
Jesajo | 32
Jesslyn A Johan | Batch 7 | Packaging
ZLEI Branding and Packaging Zlei is a new brand of jam in Indonesia. It made of 100% natural ingredients. It offers three flavours, which is Blueberry, Pineapple, and Strawberry. The fruit are planted by farmers of Zlei. Whereas the sweetness comes from honey as a natural sweetener and there are no negative effects of consuming natural honey. Honey as the main ingredients is a point of sale of Zlei. As Zlei using natural ingredients, then the jam should be consumed within 14 days.
33 | Jesajo
Jesajo | 34
35 | Jesajo
Jesajo | 36
37 | Jesajo
HODPOCH Branding and Packaging Hod Poch is experimental beverage for children. It aims to introduce various flavors by giving unique experience that allows children to mix their own drinks. The character on the logo - Prof. Hod Poch, represents a professor that works in a laboratory and invite children to get involve in his experiment to get the unique taste. The overall packaging aims to build the feeling of being in the real laboratory.
Jesajo | 38
JOHN LEWIS Packaging - Online Purchase Packaging John Lewis is a department stores that has been part of the British High Street for 150 years. They have high standard of quality, service, and delivery. The idea for John Lewis online purchase is Relive Throughout Moments. It aims to give online shoppers the same experience as well as go shopping to the store by focusing on every moment that happens at the store. The process of unpacking, removing the protector, and finding their products represent the moment they are entering the store, looking for their products and eventually find it.
39 | Jesajo
Jesajo | 40
41 | Jesajo
Jesajo | 42
Indigenous Flavours of Indonesia
ARCHIPELAGO Branding and Packaging Herbs and spices are something crucial
Because the brand has to introduce the
and holds important role to the history
culture of Indonesia to new audience,
of Indonesia. They were once treasure
it
that made other countries came to the
characteristics of a country. The chosen
islandsin Indonesia to find them, and
name for the brand is Archipelago, or
tried to take over the land because of
Nusantara in Indonesian. Nusa means
the profitable quality of the herbs and
island, and Antara/Antero means in
spices. The main idea of this project is
between/the whole/the collection of.
to develop and harmonize Indonesiaâ&#x20AC;&#x2122;s
The words combined means series of
diverse cultural heritage as a brand
islands.
through herbs and spices, especially cardamom, cloves, hiyung chili, star anise, and turmeric. 43 | Jesajo
needs
to
express
Indonesiaâ&#x20AC;&#x2122;s
Jesajo | 44
45 | Jesajo
Every herbs and spices is packaged in an individual packaging and are served crushed, ready to sprinkle to every dish. There is a hint of the real shape of the herbs and spices at the corner of the packaging. There is also a special packaging that contains 5 of the flavors in one that can be sold not only in supermarkets, but also in tourist attraction locations
Jesajo | 46
47 | Jesajo
Jesajo | 48
49 | Jesajo
Jesajo | 50
PHOTOGRAPHY Personal Project
51 | Jesajo
Jesajo | 52
53 | Jesajo
Jesajo | 54
55 | Jesajo
Jesajo | 56
57 | Jesajo
Jesajo | 58
59 | Jesajo
Jesajo | 60
61 | Jesajo
Jesajo | 62
63 | Jesajo
Jesajo | 64
65 | Jesajo
Jesajo | 66
67 | Jesajo
Jesajo | 68
69 | Jesajo
Jesajo | 70
71 | Jesajo
Jesajo | 72
73 | Jesajo
Jesajo | 74
75 | Jesajo
Jesajo | 76
77 | Jesajo
Jesajo | 78
JESSLYN A JOHAN jesslynajohan@hotmail.com 2015