design.elenaoddey@gmail.

com

ELENA ODDEY GORETTI J U LY 2 0 2 3

 I’m a Visual Designer focusing in UI/UX. I'm dedicated

to create innovative designs that are effor tlessly

accessible, enjoyable, and understandable for all.

As a visual communication design student from BINUS Malang, I use my culture, personal

experiences, and a deep understanding of targeted contexts as inspiration to create designs. I

recently graduated from college and have been working freelance as a graphic designer,

illustrator, video editor, and (amateur) photographer

UI/UX WEB DESIGN BRANDING

PORTFOLIO PROFILE
E D U C AT I O N EXPERIENCES
BI N U S Uni versit y Visual Director and Graphic Designer Bekasi, Indonesia
Zupazupazuu Indonesia March 2023 - August 2023
Bachelor in Visual Communication Design
Created brand guidelines and visual direction for print and digital purposes, which improved
Graduation Date: July 2023 brand consistency for 3 teams
Designed over 130 static and video assets for sales and packaging, offline media,
marketplace banners, campaigns, social media, and internal design templates.

S O F T WA R E S Web Designer Intern Malang, Indonesia

LetsPlay Indonesia February 2023 - August 2023
Worked with UI/UX Designer in developing websites, resulting in two company websites that
FIGMA S K E TC H have reached new school and organization clients
Facilitate boardgame sessions with 5 teams for over than 20 participants, resulting in efficient
and easy-to-understand gameplay for financial-planning boardgames.
E L E M E N TO R
UI/UX Designer Intern Tangerang, Indonesia
P H OTO S H O P I L LU S T R ATO R Apple Developer Academy @BINUS February 2022 - December 2022
Designed 3 mobile apps and collaborated with 3 different teams, which 2 applications have
N OT I O N JIRA reached Beta Testing (Testflight)
Managed a team of 3 developers and 2 designers, that created an iOS educational mobile
game application as a Project Manager
Created moodboards, illustrations, and branding for 3 apps as

d u at e C5
Gra
UI/UX Designer and Design Lead. Acad e m y

P O RT F O L I O PROFILE
Tuju Mobile App
Tuju is an app that helps deaf
people in using KRL (electric
train) in Indonesia.
PORTFOLIO
Takukaba Mobile App
Takukaba helps first to third
graders understand basic
calculations with fun stories
LetsPlay Indonesia
Website
LetsPlay Indonesia website
showcases their profile and
game-based learning events.
Daku Mobile App
Daku helps deaf teenagers
to talk with psychologists
about bullying traumas.
PROJECTS
 Ac
ad
em
yP
roj
ec
t

Tuju is an app that helps deaf people

in using KRL (electric train) in

Indonesia. Ride the train with ease

using visual information and haptics.

We provide journeys based on

location and destination. And also,

vibrations to notify you when to

transit or reach your destination.

ROLE TOOLS

UI/UX Designer, Sketch, Figma,

Researcher, Photoshop, Premiere

Videographer Pro, After Effect

PERIOD

August 2022 -

November 2022

(4 months)
THE QUEST
Deaf friends had difficulty using
KRL (Indonesian electric train),
especially obtaining information
while on the train.
They can’t hear the audio announcement, they
can’t communicate with the staff, and it’s hard
THE OUTCOME
to see visual informations in the train.
A navigation app with visual
information and haptic feedbacks to
inform current location and for when
to transit or exit the train.
MEMORABLE With a team of 2 coders, 2 UI/UX designer,
MOMENT and 1 project manager, we managed to
develop an app that reached Testflight
We managed to reach 15+ deaf (Beta Testing).
friends and gather 60+ viewers
during app showcase.
It is my first time to design a transportation
app and inclusive UI/UX for deaf friends. In
making this app, my team met the deaf
communities which are very inspiring.
 Meet Murti!

A 27-year-old deaf woman who

wants to travel by KRL from Depok
Baru Station for the first time

It is hard to find visual

information inside the trai
Stations information are told
using just audio announcement
inside the trai
Most of the staff can’t use sign
language and can’t
communicate with her
HIERARCHY STRUCTURE
AND USER FLOW
As a commuter, i want to
know where I’m located
and when I need to
transit or exit the train,
so that I didn’t get lost or
pass my station.
LOW FIDELITY DESIGN

Departure and Destination Modal Detailed Journey

Destination (bottom sheet)

Departure Modal Journey Page History

USER
INSIGHTS
With two iterations, we have done
usability testing to 10 deaf user, and
reached conclusions:

Users prefer shorter text

with more visual
Users prefer more
interactive design
Setting cues to scroll, the
success rate increased from
73% to 84%
LESSON LEARNED UI STYLEGUIDE

More color explorations and

variations outside main color palette
Exploration in using not just orange and red colors, but also
complimentary color and gradients.

Meetings and agreements between

coders and designers
Checking possible design implementations in coding based
on coders’ skills and agreement in minimum viable product.

Less competing, more focused on

development and creation
Prioritize in finishing the product, rather than trying to
compete with other product that has advanced further.
 Watch the Brand
Video!

Haptics and Notifications

Haptics and notifications when you are going

to transit and reach your destination.

bit.ly/Tuju-BrandVideo

Try the Prototype!

Visual Information

Visual information about the

current station, and next station,
until you reach your destination.

bit.ly/TujuPrototype
 Acad
emy P
rojec
t
Takukaba is an app that helps first to
third graders to understand basic
calculations better, with various
stories and exercises.

ROLE TO O L S
Project Manager,
Lead UI/UX Designer,
Content Writer and
Sketch, Ibis Paint
Fun way to learn Math!
Illustrator

PERIOD
May 2022 - July
2022

(2 months)
THE QUEST
Numerical skills, especially basic
calculations, are still low in 1-3
elementary school children.
This is because of the ineffective learning,
such as memorizing formulas, uneven quality
of teachers, and monotonous curriculum and
way of teaching, which reduced the THE OUTCOME
enthusiasm of learning.
An app that helps 1-3 graders in learning
basic calculations with interactive stories
and drilling methods.

MEMORABLE With a team of 2 designers and 3 coders, we

managed to created the minimum viable
MOMENT product of takukaba.

We reached to elementary students with

different backgrounds in Indonesia and first
time trying Usability Testing to 5 children.
It is my second try on education app, it’s fun
and very inspiring. Learning new method of
teaching is also very fun. In this project, we
managed to reach Testflight (Beta Testing).
 I N F O R M AT I O N A R C H I T E C T U R E
AND USER FLOW

Meet Adina!

Adina is a first grader, who is looking

for a way to learn calculation so that
it could be less complicated.

She finds it difficult to do basic

calculations. She thinks it’s very
complicated and she doesn’t
understand it very well. She also
dislike it, because it is boring.
As a student, i want to
understand basic
calculations with a fun and
easy way, so that I don’t
feel complicated and
bored during learning.
LOW FIDELITY DESIGN

Splash Screen Level Page Exercise Page

Onboarding Material Page Progress Page

BACKGROUND AND CHARACTERS

Taku

Kaba
USER
INSIGHTS
We have done usability testing to 5
students, ranging from first to third
graders, and reached conclusions:
Users felt that counting
numbers are difficult to
understan
Users prefer to read stories
related to the
Users prefer and more
excited to count using
visuals and images instead
of numbers
LESSON LEARNED UI STYLEGUIDE

Clear and exact estimation of delegation

Using the 4D of Management (do, don’t, delegate, ditch), it is
also necessary to set a specific estimation when a task
should be done and what would be the consequences if late.

Stronger conceptual design for

more novelty result
Not only focusing to finish the final result, but creating
innovation in learning is also important.

Frequent communication to increase

solidarity in a team
Collaborating with a team will be better and stronger if we
also tried to build connection and understand each other, not
just focusing on working delegated tasks.
 Drilling Exercises
After reading stories, have
challenging exercise with
drilling methods.

Try the Prototype!

Interactive Stories bit.ly/takukaba

Contextual learning with daily life

stories about basic calculations.
 letsplayindonesia.com

Letsplay Indonesia is a learning

platform with Game Based Learning
method using board game media.

ROLE TOOLS

Web Designer, Figma, Elementor

Front-End
Developer

PERIOD

February 2023 -
April 2023

(2 months)
THE QUEST
LetsPlay Indonesia recognized the
need to better connect with clients
and provide easy access to their
company profile, showcasing their
brand, services, and contact T H E O U TC O M E
information through a website.
With a Web Designer partner, we
designed LetsPlay’s company
MEMORABLE website, which describe about the
company profile, services, events,
MOMENT articles, careers, and contacts.
First time implementing design from
Figma to Elementor, and reaching
new clients from the website.
C O M PA N Y
VA L U E S
Focusing in game-based learning, LetsPlay
Indonesia wanted to show their values and
personality in the website:

Fun, interactive, and

informative

LESSON
LEARNED
It is my first time to design a company
website for client. Combining and
organizing various company data into a
website is an interesting process. Using
Elementor, I also learned to maximize the
use of Global Colors and Fonts, Templates,
and also Widgets and other elements!
Daku is an app that helps deaf
teenagers to communicate with
psychologists about the bullying
trauma they have experienced.

ROLE TOOLS

UI/UX Designer, Figma, Photoshop,

Researcher, Illustrator
Brand Designer

PERIOD

January 2023 -
July 2023

(6 months)
THE QUEST
Communication Means is needed to
reduce negative impact of trauma Due
to bullying at school for deaf teenagers,
41% of 15 year old students in Indonesia have
been bullied, and students with special needs
are 3x more vulnerable to bullying. 7 percent
of people with disabilities in Indonesia are THE OUTCOME
deaf, which increased the importance of the
need to deal with bullying trauma. An app that helps deaf teenager to deal
with bullying trauma by communicating
with psychologist, using annonym chats
MEMORABLE with sign language stickers.

MOMENT
Reached 2 deaf communities and 2
school institutions.
The most memorable thing during this project
is being able to meet and be friends with deaf
people. Meeting 5+ deaf people at the
showcase, I learned that they really
appreciate the effort in helping and
communicating with deaf community.
 Meet Tika!

Tika is a deaf student at an special

high school in Malang. She comes
from a normal junior high school.

She moved to a special school

because he was bullied by her
normal friends. Since then she has
become quiet and gloomy. Shee
never told other people about this
experience, because he felt
ashamed of being bullied.
HIERARCHY STRUCTURE
AND USER FLOW
As a person who have trauma
because of bullying, I want to
be able to communicate safely
to a reliable person, that able
and understand my feelings
with no judgement, so that I
could reduce the negative
impact from trauma that has
affected me.
LOW F I D E L I T Y D E S I G N
USER
INSIGHTS
We have gathered 41 students to do a
questionnaire done usability testing
to 10 deaf users, ranging from junior
high school and high school students,
and reached conclusions:
Users felt hurt seeing normal
people bullying special
needs student
Users prefer using simple
word and phrases, and less
compound word
Changing compound and
difficult words to single
words help users in
understanding texts better.
LESSON LEARNED UI STYLEGUIDE

Using suitable fonts and user-

centric colours
Not only clear and understandable, using fonts and color sets
that makes user comfortable but also represents value and
purpose of the app will enhance overall user experience.

Novelty in design and possible

development in coding
Creating design, features, and interactions that are possible
to be realized by other stakeholders.

Market sizing for business and

marketing purposes
As an app, it is necessary to be able to build more users to
develop further. Setting a broader market sizing ofr next
advancement would be beneficial for business.
Try the Prototype!

bit.ly/Daku-App
 Hope we can work

“Elena takes a lot of initiative and steps to together!

fight for the team, it's the best side of

your leadership. Very cool, keep it up!”

- Coder from tech team of takukaba

dumpl.ink/elenaoddey

“Elena has been able to develop her

concept. actually the realization of the

concept needs to be developed further”

- Tech Lead from Tuju

design.elenaoddey@gmail.com

“I learned a lot, because she is really good

at the fundamentals. Especially for me, a

beginner at ui/ux. Understanding what +62-895-8060-12422

steps to research the needs of a website,

everything was a lot easier with her”

linkedin.com/in/elenaoddey
- Web Designer from LetsPlay Indonesia

elenaoddey

PORTFOLIO THANKS!