Angelstefanie CV&Portfolio 2018 Updated NEW

U

I/

UX

DES

E IGN

R

BRIEF INTRODUCTION Hello, my name is Angel Stefanie. I’m an UI/UX designer and also a graphic designer. I’m one of the best graduate from Bina Nusantara University (2014), majoring in Visual Communication Design. For the past few years, I’ve professionally worked with clients such as JKT48, PT. Unicelle, PT. Sidomuncul, Tbk., and many more.

My design style varies, as I love to explore new design styles. In this book, I’ve gathered some of my designs that I’ve made by heart.

Hope you enjoy it!

HELLO! I’d like to work for you.

ANGEL STEFANIE

GPA: 3.72

STORY OF MY LIFE BEGINS ON

BEST GRADUATE - CUMLAUDE

UI / UX DESIGNER

BINUS University, class of 2014

GRAPHIC DESIGNER

MARCH 1 st, 1992

1998-2004 : Elementary School

2013: Internship Program

at SDK IPEKA PLUIT

PT. Mitra Putera Indonesia

2004-2007 : Junior High School

2013-2017: Self Employed

at SMPK IPEKA PLUIT

Angel Stefanie’s Design

2007-2010 : Senior High School at SMAK IPEKA PLUIT 2010-2014 : University

JAKARTA

at BINUS University majoring in Visual Communication Design (New Media)

working with various clients such as PT. Sidomuncul, Tbk., JKT48 and PT. Lancartama Sejati 2017-2018 ARSITAG (UI / UX Designer) arsitag.com is a directory for home-improvement and construction needs.

Tools

Sketch

Figma

Zeplin

Marvel

Asana Other skills: Premiere Dreamweaver Microsoft Office

Illustrator

Photoshop

Flash

After Effects

Trello Audacity

Experience and Achievements 2006

Finalist of Junior High Math Competition (DKI)

2010

- English Debate (DKI)

at Yos Sudarso School 2008

Participant in Asian Law Students’ Association - English Debate (National)

3rd Winner of SCARTAFEST at IPEKA Puri

2010

Best Student in English at SMAK IPEKA Pluit

at Universitas Indonesia 2009

Participant in Asian Law Students’ Association - English Debate (National)

2014

Best Graduate at BINUS University

at Universitas Indonesia 2009

Best Speaker of the round - English Debate (DKI) at E-comp BINUS International

Be humble, be teachable, never stop learning.

Specialties UI / UX (Mobile, Website, Apps) Branding and Identity

a multitasking and hard-working designer

Vector Illustration

willing to learn.

Typography Watercolour Illustration Digital Imaging Excellent English Proficiency

How to get idea..?

Close my eyes, Imagine

Sketch!

CONTACT ME

U I / U X P O R T F O L I O

DESIGN PROCESS

Arsitag.com is aiming to be the best improvement and

1. Problem

construction directory. Arsitag provides list of designs,

- Wireframing and prototyping the best layout possible for the

professionals, products and articles.

products section (mobile and desktop), to reduce the pain level of our users.

I worked as their UI/UX designer, being responsible for their

- There are only a few home improvement and construction

new feature: "Products" (from concepting to finish).

directories in Indonesia that are trusted and could give the best price available.

"Products" is a section in which users could buy or make a

- Clear product categorization is needed, because there are

quotation for their desired products. The products were from

tons of home improvement and construction products.

reputable and trusted brands, ranging from home-improvement products to construction products.

2. Goals - Creating an easy and accessible directory for construction

But first, I must understand how it all worked. From there, I

and home-improvement needs.

study the whole flow and also conduct user testing after the

- Creating a beautiful layout that could attract more

feature was launched (Hotjar, guerilla testings, etc.) to validate

customers; making them enjoy the browsing experience, to

my design.

actually making requests on the products.

Design Process | arsitag.com

3. Target Audience

4. Persona

- Men and women living in Indonesia

As a designer, we must have an empathy towards our

- Age: 25-40 years old

users. Therefore, I’ve made some personas to better

- Homeowners that are looking to build or renovate home

understand the users. Picture below:

- Professionals (architects, interior designers, contractors) - Economic segmentation: A-B - Internet user

Persona 1

Persona 2

Design Process | arsitag.com

5. Storyboard For further understanding of the users, I’ve also created simple storyboards.

Storyboard 1 (homeowner)

Storyboard 2 (professionals)

Design Process | arsitag.com

6. Job Stories

7. Ideation

- “I need to buy furniture for my new home. But since I

From the research, I sketched some wireframes on paper. I

have a busy job, I don’t think I have the time to actually go

was using pencil so I can erase the part that I want to change

into furniture showrooms. It would be convenient if I can

anytime. I made as many alternatives as I can to see which

buy furniture online.”

design fits

- “I’m a contractor. Therefore, I need to buy building materials in large quantity over and over again. I’d like to have more profit, but in conventional material stores they have fixed price. If I can have an online directory to access all the promos available for materials, I think I’d make more profit and it’s more convenient as I don’t have to go to materials store.”

Design Process | arsitag.com

8. Prototyping

9. Validation

After sketching wireframes, I made the design in Sketch.

After prototyping was done, I conduct a user testing towards

Then to conduct user testing, I used Marvel.

5 people to validate my designs. Then, I revised my designs based on the user testing.

Final Design | arsitag.com

Final Design | arsitag.com

Final Design | arsitag.com

Final Design | arsitag.com

Final Design | arsitag.com

Final Design | arsitag.com

Website Design | biogreenscience.com

XCISLQ

Website Design | tifosiwar.com

Website Design | 4playstar.com

Website Design | 4playstar.com

G R A P H I C P O R T F O L I O

Motion Graphic | JKT48

Motion Graphic | JKT48

Motion Graphic | JKT48

Motion Graphic | JKT48

Packaging Design | Unicelle Wound Dressing

I had the opportunity to make a packaging design for Unicelle’s wound dressings. The products have different shapes and sizes. To make it easier for the doctors and nurses to differentiate the products, I made all the colours different.

Packaging Design | PT. Sidomuncul, Tbk. - Biofarm

Branding | Voyatour

Brief: The client wanted to make a logo for their travelling agency. They want it to be blue and gray in colour, and have a feeling of ‘holiday’.

Branding | Creonsoft

Creonsoft is a professional technology company based in Singapore and Malaysia.

Branding | Creonsoft

The negative space of the logogram forms the initials of Creonsoft (”C” and “S”). The logogram forms the simplified shapes of two birds flying.

Birds are the sign of freedom -- freedom from any pressure and hardships.

Branding | Logo Compilations

Branding | Logo Compilations

Branding | Logo Compilations

Branding | Kopi Juleha

Campaign | Agromerapi

Campaign | Agromerapi

UX

E

R

U

I/

DESIGN