Issuu on Google+

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


CV & Portfolio Stephen Dharmadi