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