6 1
P r o j e c t
2
0
D e s i g n
P R F O L I O
2 0 1 6
About Me Hello, My Name is Stephen Dharmadi also
P O R T F O L I O
called with Stephen Tjoa, I’m from Indonesia. I was born in Jambi, 30th December 1994 and 21 years old right now. I am interested with Design, especially in Digital Media (UI/UX design). I have Personal Branding called Tjoas Design and I will introduce several
vitae
Design Projects that i had done.
c u r r i c u l u m
1
HEL
LLO I ’ m
S t e p h e n
D h a r m a d i
Te c h n i c a l S k i l l
P O R T F O L I O
Experiences
GPA 3.75
I had an internship at Bridestory as Graphic Designer, UI/UX Designer that assisted several website, digital banner, and mobile apps.
Tech in Asia 2016, Asia’s Technology and startup Community and Media. I was a mentor scholarship for 3 semesters. Mentor have responsibility to teach mentees from junior grade or from the same semester.
I was an active coordinator for layouter division in KMB Dhammavaddhana (Student Buddhist Organization).
Get in To u c h
I had been a chairman of Journalism
stephentjoa.3012@gmail.com
Training Event.
IG : tjoas.design
2 0 1 6
I have been Student Ambassador for
2
2 0 1 6 P O R T F O L I O
01
3
Social Campaign AMAN (Aliansi Masyarakat Adat) Social Campagin Project for AMAN, organization that provide all the products of Traditional and ethnic people. My Big Idea is using illustration of Human Character that represent people of Urban City who realize the potential of Traditional Product.
Ten-ten adalah karakter yang
Anya adalah karakter yang
Ino adalah karakter yang
menyukai produk tenunan adat.
menyukai produk anyaman.
menyukai produk Inovasi.
Infographic design for AMAN Social Campaign. it was useful to guide the Campaign Design.
2 0 1 6
Big Idea and Tone & Manner of Social
P O R T F O L I O
Infographic
4
2 0 1 6 P O R T F O L I O 5
02
Nancy Mobile Apps Digital Media (Website, Mobile Apps) Nancy is Mobile apps that i created from Branding to digital media. This Brand gives the online services to order babysitter faster only with your mobile apps. I started to make several wireframe interfaces based on User Experience research that i had done such as Persona and Customer Journey.
Visual of Logo was inpired by gesture parents take care their child. Structure of logo and icon application on mobile.
P O R T F O L I O
2 0 1 6
Icon
6
P O R T F O L I O
2 0 1 6
User Experiences i made the flowchart of wireframes, step by step how user will use this apps. The Process is starting that user choose type of services, hours and also the location.
7
User Find Nancy Agent Nearby
Read Review and Booking
Waiting Respond
User Interfaces Interfaces that i made was based Target Audiences (Urban people), with red and white color, combine it with simple layout. The purpose is to make user easy to read and look modern for Urban City people.
P O R T F O L I O 2 0 1 6 8 Location and estimated time
Step by Step Process
Location and estimated time
Website Interface Website was made with the simple interface to make user easy to understand the procedure of mobile apps.
2 0 1 6 P O R T F O L I O 11
03
J.CO Land Mobile Apps Digital Media (Mobile Apps) J.CO Land is Advertising Project that took J.CO Donuts Brand, give innovation to make customize donuts as user’s creation. I used Before After approach, where user could change combination topping and cream if they don’t satisfy with J.CO fix flavours.
i used illustration vectors to visualize the donuts for the reason that our target market is teenager that love something looks fun and fresh. It’s not just apps for playing, but it also could be used as social media for donut and delivery order media.
Logo of Campaign
2 0 1 6 P O R T F O L I O 13
First, user have to
And then, user could
User is given the
Customize process
register and signup
choose their favorite
chance to do
include creams,
donuts
customize
toppings, and themes.
This is the flowchart of application, It show how user start using this customize services.
User could give name
and then they could
Donuts Gallery is
for their creation
share it to social
feature to see another
media
user’s creation
04
Ho Ciak
Mr. Ho Interactive Character F l a s h A n i m a t i o n , L i n e S t i c k e r, Interactive Book I created character for my Flash Project, called Mr. Ho. He is original Chinese character that loves all about culinary. From this Project, i continued to make Sticker Line and Interactive Book. Check out in the attachment link to see further.
keypad to move and Z, X, C for special move.
2 0 1 6
in swf file. you kan use arrow
P O R T F O L I O
Check out character preview
Check out the swf file https://drive.google.com/file/ d/0B7KcdJoJOQDLTnlPSEtBdGQ0V0U/ view?usp=sharing
14
2 0 1 6 P O R T F O L I O 15
Ho Ciak Mr. Ho is chinese funny guy who love all about culinary. Let he fills your daily conversations with a joy of chinese culture.
http://line.me/R/shop/detail/1229696
P O R T F O L I O
2 0 1 6
16
P O R T F O L I O
2 0 1 6
Mr. Ho and The Journey to The West
Interactive Storybook 17
Based of this character, i created Interactive story in swf file about how Mr. Ho reached his dream to become World Master Chef. The first edition tell us about the adventure of Mr. Ho to learn how to make pizza in Italy. Check out the swf file https://drive.google.com/file/ d/0B7KcdJoJOQDLZnlGX0lPdWtINkE/ view?usp=sharing
READ STORY
P O R T F O L I O
2 0 1 6
18
2 0 1 6 P O R T F O L I O
05
The Starry Night of Van Gogh Interactive Story Book “The Starry Night of Van Gogh” is interactive story that took History of Art. The Big Story explains about Biography of Van Gogh until he died and his painting “Starry Night” become the one of well known painting around the world.
19
Check out the swf file https://drive.google.com/file/ d/0B7KcdJoJOQDLa19DWHVlVEJsMVU/ view?usp=sharing
Using touchable object that will animate make user enjoy and feel the story.
P O R T F O L I O 2 0 1 6 20
2 0 1 6 P O R T F O L I O 21
06
Gerai Nusantara Rebranding Gerai Nusantara is one of rebranding project that i had done. Gerai Nusantara is organization that compile all traditional custom product of Indonesia, so the branding has to show the Traditional value of Indonesia.
also looks modern, for that purpose i used Indonesian pattern that was combined with
Curved of G that look like cloud (mega mendung
2 0 1 6
visual logo GN.
P O R T F O L I O
I want to show The Traditional Concept but
pattern) and visual n looks like leaf in purpose to show that product of Gerai Nusantara is made by nature.
22
23 P O R T F O L I O
2 0 1 6
P O R T F O L I O
2 0 1 6
24
2 0 1 6 P O R T F O L I O
Ikan Bakar Cianjur
07
Rebranding This is the Rebranding Project for Traditional Restaurant. The main concept that will be shown in this logo is traditional, freshness, and value of togetherness. This concept was inspired from Cianjur’s culture when eating
25
together, it’s called with “ngaliwet”. The reason why our company choose the fish shape because fish is our food speciality. Cianjur City has been famous with a lot of rivers, so it produces fresh fishes, include Nila and Gurame.
LOGO TYPE
X
LO G O
2X LOGO GRAM
2X
+
++
+++
+
+++
TOGETHERNESS
FISH FFIISSHH FISH
H TTOOGGEET S EERA EIE SN S SG THH RNR N TOGETHERNESS SSHHAARRI N I NGG SHARING
0ea54a
+
FRESHNESS
== TRADITIONAL
N EDAIDT IIO FR T RR FE RSEH SN HE NSES S SAT U TAR T IN OANLA L FRESHNESS TRADITIONAL NN ATAT UR UER E N AT U R E
R : 15
C : 82%
R : 15
C : 82%
G : 166
M : 6%
G : 166
M : 6%
Y : 100%
B : 74
Y : 100%
B : 74
0ea54a
K : 0%
K : 0% 7f5b3a
=
R : 128
C : 40%
7f5b3a
R : 128
C : 40%
G : 93
M : 58%
G : 93 M : 58% Metaphor of fin with 2 hands B : 59 Y : 80%
river flow and water drop, it
show interaction that focus on
as plate in Cianjur Culture,
show freshness of fish that’s
value of togetherness when
so this logo use wavy shape
served to customers.
eating in “Ngaliwet” tradition,
that’s the metaphor of
Cianjur.
banana’s leaf.
0ea54a
0ea54a
R : 15
C : 82%
G : 166
M : 6%
B : 74
Y : 100% K : 0%
7f5b3a
R : 128
C : 40%
G : 93
M : 58%
B : 59
Y : 80%
7f5b3a
R : 1 5 0 e a 5C4 a : 8 2 %
R : 1 5G :
K : 28%
166
B : 74
G : 166 B : 74
7f5b3a
R : 15
6 C : G8: 21 6%
M : 6%
Y : 100% B : 74
Y : 100%
K : 0%
K : 0%
Y : G1: 09 30 % CM ::
R : 1 2 8 7 f 5 bC3 a : 4 0 % G : 93
M : 58%
B : 59
Y : 80%
R : 128
K : 0% B : 59
K : 28%
R : 128
C : 40%
G : 93
M : 58%
B : 59
Y : 80% K : 28%
K : 28%
C : 82%
M : 6%
M : 6%
Banana’s leaf has been used Y : 80%
40% 58%
Y : 80%
2 0 1 6
0ea54a
K : 28%
B : 59
P O R T F O L I O
this shape is inspired from
K : 28%
26
Stationary merupakan media umum yang harus dimiliki oleh setiap brand agar terlihat lebih formal dan eksklusif.
Good design of Stationery will be a important part to show the value of company. This is the example of stationery, such as Business Card,
P O R T F O L I O
Envelope.
2 0 1 6 28
2 0 1 6 P O R T F O L I O 29
White shirt with full color logo
White shirt with full color logo
10 cm
12 cm
Uniform becomes the identity tools for every company. It makes all worker looks like one part unity.
P O R T F O L I O 2 0 1 6
Take Out menu become an important media for Restaurant cause customers could see their favorite food there.
30
2 0 1 6 P O R T F O L I O 31
08
Infographic Ikan Bakar Cianjur Rebranding Infographic is one of media to describe Brand. So actually before did branding for IBC (Ikan Bakar Cianjur), i made Infograhic based the research that i had done to the company. I tried to visualize how Sundanese Culture and food become a main value for my design. The Big Idea want to show the process of baked fish from sundanese food culture and how the traditional people of Sundanese eat together (it’s called ngaliwet).
2 0 1 6 P O R T F O L I O
09
Hóng huā Mandarin Course Branding This is my personal project to make branding of Mandarin Course. I tried to make branding that show chinese culture and flower because Hóng huā means flower. so i decided to combine chinese letter with logogram. Meaning of logo is
33
how visual of flower represent a visual of people talking cause Hóng huā focus on speaking.
Alternative logos for Hong Hua brand, but only one choosen by client.
I made Hóng huā catalog that describe about the brand, vision and mission. I choose simple and clean layout, also using supergraphic based of the logo.
P O R T F O L I O 2 0 1 6 34
2 0 1 6 P O R T F O L I O
10
Festival Calendar edition Illustration In this project, i made calender with World Festival as main idea. Every month, there are a lot of festival celebrates around the World. I took several festivals that i thought interesting. The purpose of this project is i want give
35
information for people about festival, so they could be remembered and prepare to join an excited Festival.
fes ti val
Carnevale Di Venezia Venice, italy
Calendar
Songkran Chiang Mai, Thailand
La Tomatina Bunol, Spain
P O R T F O L I O
Cooper’s Hill Cheese Rolling Brockworth, England
2 0 1 6
The Village Halloween Parade New York City, US
Yi Peng & Loy Krathong Chiang Mai, Thailand
36
2 0 1 6 P O R T F O L I O
11
Packaging Khasanah Sari Project Preview I had made packaging set for bakery shop Khasanah Sari. the concept of packaging design is about how delicious taste of bread ,make everyone remember about home and mother.
37
For visual element, i used manual illustration to represent the sweet memory of childhood when eat bread that made by lovely mother.
KhasaSnaarhi
2 0 1 6 P O R T F O L I O 39
12
Mascot Blue Power Technology Mascot Overview This is my first project to make mascot for company. Because of the company has focused with server and technology, client wanted the visual mascot looks like high technology, modern and smart. So i made visual of mascot using human robot appearance, started from sketch and some revition until the final one.
13
Urban Icon Eco Bag Design Competition This is my Project for Canvas Bag Design Competition. This project start from sketch to line art and would be finalized with Digital painting Photoshop.
P O R T F O L I O 2 0 1 6 40
2 0 1 6 P O R T F O L I O 41
14
Digital Imaging Photo Manipulation Overview I had done some of Digital Imaging Project, most of them for advertising poster. Movie poster, etc.
ImagFirst poster is “Fairy World�. I made the dark color mood to show the sadness of fairy who want come home. Second is Abon Lele Advertising. My idea is to show how interesting the smell of abon.
P O R T F O L I O 2 0 1 6 42
2 0 1 6 P O R T F O L I O 43
15
Editorial Design Layout Magazine, Newsletter There are several projects of Editorial Design that i had done. I like use Typography as image to make simple layout, colors that i used mostly 2-3 colors. I also used grid to make clean layout and easy to read.
2 0 1 6 P O R T F O L I O 45
16
Wedding Invitation Overview My first experience to make wedding invitation. i combined the sketch illustration with simple vector to make elegent design.
I choose visual of bird in purpose that bird who can teach us human the real meaning of love.
P O R T F O L I O 2 0 1 6 46
2 0 1 6 P O R T F O L I O 47
17
Bridestory Internship Project Preview I had an internship for 2 months in Bridestory and done several design project include digital and printed media. Bridestory is a fast growing company aspiring to become the most trusted, inspiring and resourceful one-stop online wedding vendor directory.
Facebook Ads for Bridestory Australia, there was 100 ads variant that i had done in this project. The digital banner for Indonesia, Singapore, Australia, Thailand, etc.
Badges for Bridestory Wedding Concierge quotation.
Newsletter ads in “Suara Pembaruan.
P O R T F O L I O 2 0 1 6
Banner for Job Expo Bridestory in Binus Campus
48
DESIGN
S t e p h e n
D h a r m a d i