Felika Utari's UI/UX Portfolio 2021

| Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio |

| Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio |

2021 Felika Audesya Utari

Heiho! My name is felika. I am a Junior UI/UX Designer and have just earn my degree in Visual Communication Design, Interaction Design Concentrate. I am an easy going and adaptive person, filled with creative ideas that I vent through my works and humors.

Gading Serpong - Jakarta

Junior UI/UX Designer - Graphic Designer

2021

Universitas Multimedia Nusantara Bachelor degree in Visual Communication Interaction Design Concentrate 2021 Graduee, IPK: 3,58

2017

Dr. Leini Lee, MA, Ph.D International Education Centre Diploma in Advanced English First Top Student in 2017 Graduation SMA Methodist-2 Medan Science Class Graduee

Design Framework I Used Design Thinking q Design Sprint q Human Centered Design q

Portfolio | Felika Audesya Utari

Services Design q

@Gift Inside Freelance - Illustrator team

PT. Manusa Muda Berkarya Freelance - Junior Social Media Designer April-May 2020 IG feeds Natures Gem UESC (UMN English Student Council) Taking part as their Visual Lead Involved in creating visual for their Social Media ‘s Contents & Brand’s necessities Involved in strengthening their logo identity August 2019 - August 2020

2019

Color for Good Volunteer as a color book illustrator where every purchase of it went to help affected COVID-19 patient @colorforgood.id

WCDID (World Clean Up Day Indonesia) Creating visual for their Social Media Content & Pitching slides Part of their Marketing Division July 2019 - September 2019

2017

Social Designee Creating visual for their volunteer handbook & planning children activities Member of their Creative & Art Division Creative Social Event under Social Department September 2017 - September 2019

Native

I

2020

Education

Advanced

Bilingual Proficiency

Digital Marketing (Social Media)

UI/UX Design

Illustrations

Junior UI/UX Designer - Graphic Designer

2019

Skystar Innovation Challenge

with Nanyang Polytechnic Singapore

In this workshop, I was put into a group consisting of UMN and NYP students. We were taught how to use Design Thinking to solve industry problems. The company given was Amartha from the Fintech industry. We did a company visit to Amartha and got brief information about their company, their current situations, and their problems.

My group then visit a nearby village to gain more insight. The entire journey, we used fishbone and affinity diagram to see problems and came up with solutions. The final pitch was done in front of the Amartha & NYP's functionaries.

2017

Hi! I’m Felika. DKV students with specific major in Interaction Design. Though I have interest in UI/UI field, most of my previous works overlap with Graphic Design specialties. In my leisure time, I mostly do illustrations or learn new relevant skills of the digital age.

As for 2021 itself, I am in the process to hone my skills in UI/UX Design and Graphic design, since both of them overlapped each other in some ways. I am looking for work that not only will help me improve, but also bring value to the company I’ll be working with. I believe I possess a can-do attitude that will be beneficial for the growth of both parties.

Skystar Ventures Design Sprint Bootcamp

Native

Advanced

Bilingual Proficiency

Gading Serpong - Jakarta felikaaudesyautari@gmail.com Portfolio | Felika Audesya Utari

I joined the Bootcamp in my early college years as I was curious to know about design sprint. I get the role to help Walibu, a start-up running on preserving Papua’s Noken Heritage, to frame her design challenge. We went through several trials and errors, got feedbacks from the facilitator and Skystar’s team, and got to know other start-ups’ stories.

@felika Audesya Utari @felika Audesya Utari

Digital Marketing (Social Media)

UI/UX Design

Illustrations

II

/Product Design/ INTERACTIVE LEARNING CARD What it is A product design intended to help engage students during classroom learning activities.

Background SDN candu is a primary school located in Serdang Wetan. The education condition was relatively disordered. During my visit, I found that the school is having an issue with insufficient teachers. This condition resulted in some class having none teachers during the supposed course. Sometimes there will be a replacement teacher, sometimes they will give a task/ homework for the students, and other times the students would just be left without any overseer looking after them. The class will be in chaos; children will run here and there playing games inside or outside the class. The second & third condition could disturb the neighbour class that currently has a lesson.

Problem Define From the research, it is found that during the class session several teacher felt insecure with their ability to teach. Children, on the other hand, felt bored with the monotonous learning session.

Ideation To help me frame the thinking scope in ideation, I created a question: “What can be done to help teachers feel confident in their teaching ability? and How can we made the teaching (learning) sessions became more fun and engaging for students?”

Portfolio | Felika Audesya Utari

Solution

01

The solution was to develop a card game that can be used in a class. Adapted from the memory card gameplay, the Interactive Memory Card Game consists of 22 cards. Each cards were equipped with a pull-tab mechanism that contain a funfact information (next will be called as a funfact cards). Funfact cards act as a bridging tool for teachers to give lectures to the students.

The product is equipped with a Teacher’s Handbook. Inside were the game’s rules and in-depth information for the funfact cards. Teachers could add their own information to the book if they have their own learning/ teaching agenda, flexible from science, social to history course.

Interactive

MEMORY CARD GAME

Environment friendly & Ergonimic packaging, help to store card easily and have a longer lifetime use than paper card

Scan m e !

How it works?

1. First thing first, teacher must read the teacher guidebook to

3. During the game session, students that are able to guess the

get the base knowledge for the Memory Card game. Teacher could then add other information he w ould like to integrate w ith the current TEMA subject.

2. During the class, teacher could ask the students to sit in circular w ay. He then could explain the gameplay to students.

The rules itself has already been written inside the guidebook.

position of the other similiar card could pull the tab below the card, and read the information out loud so that the other friend could hear the information.

4 . With each card contain information and question, teacher could proceed to answer the question written in the card.

After that teacher could continue to do discuccion or sharing knowledge session w ith his students. He could share the information he has prepared before or to continue using the base knowledge written in the teacher guide book.

Tarik Aku !

What is this?

P ull-tab?

Teachers could add highlight of informations he w ould like to bring into the class with sticky notes.

Portfolio | Felika Audesya Utari

Bilingual Language

2 Different information in 2 cards w ith similiar image.

02

CARDS DESIGN

Portfolio | Felika Audesya Utari

CHARACTER DESIGN

03

FOR MORE DETAILED RESEARCH RESULT AND TEACHER’S HANDBOOK , PLEASE VISIT https://www.behance.net/gallery/100096911/Interactive-Memory-Card-Game https://issuu.com/felika.utari/docs/upload_issue_felikaaaa

/UI/UX Design/ FOOD STATION E-COMMERCE WEBSITE

a a

f

co

m

r ate

w

d

e ark

for

u

P ht

g

i pyr

e

s o p r

Background

Design Responsibilities

BUMD company looking to transform their corporate website into an e-commerce platform where they could sell their self-produce goods throughout Jakarta.

Q Create website concept Q Design

interaction and UI in figma along with its prototype mechanism Design Banners for the website prototype, which were all used in the current foodstation.id web

Q

Q Competitors research

Design Process Research all e-commerce platform in Indonesia starting from the most used to the less used one. Find several special features and seek to ideate innovation that will be its difference among other e-commerce platform.

Prototype Link https://bit.ly/PrototypeFOODSTATION_Portfolio

Portfolio | Felika Audesya Utari

k i el

u a

y s e

d u

i r ta

04

a a

k i l fe Portfolio | Felika Audesya Utari

05

or f d

e

rk a m

r

te a w

u a

y s e

ud

i r ta

p co

yr

t igh

se

P

o urp

k i l fe

m

w

r ate

d

e ark

for

co

u

P ht

g

i pyr

e

s rpo

Portfolio | Felika Audesya Utari

a a

u a

y s e

d u

i r ta

06

/UI/UX Design/ VGI DIGITAL WEBSITE REDESIGN

a a

k i l fe Portfolio | Felika Audesya Utari

or f d

c

u

P ht

ig

yr p o

e

s rpo

e

rk a m

r

te wa

07

u a

y s e

d u

i r ta

Background

Design Responsibilities

VGI digital is a Digital Agency located in South Jakarta, Indonesia. They provide digital services to help company grow & expand their business. Several Clients they have work with include Warner Bros, Food Station Tjipinang Jaya and Shopee. Design main focus is to showcase their services & attract prospective clients.

Q Generate web design concept

Design Process Research VGI Competitor’s website design.

Look for their similiarity & difference then seeking to improve and innovate vgi’s web UI design.

Q Design interaction and UI in figma along with its prototype mechanism Q Create UI icon for each of their services Q Give design alternatives Q Competitors research

Prototype Link https://bit.ly/PrototypeVGIDIGITAL_Portfolio

/UI/UX Design/ VGI DIGITAL WEBSITE REDESIGN

or f d

c

u

P ht

ig

yr p o

e

s rpo

e

rk a m

r

te wa

Portfolio | Felika Audesya Utari

k i l fe

a a

u a

y s e

d u

i r ta

08

/UI/UX Design/ PERTAMEDIKA WEBSITE REDESIGN

a a

k i l fe Portfolio | Felika Audesya Utari

or f d

c

u

P ht

ig

yr p o

e

s rpo

e

rk a m

r

te wa

09

u a

y s e

d u

i r ta

Background

Design Responsibilities

Pertamedika is a sub-company from Pertamina that is looking to re-design their website into a more professional and technology-oriented look. The purpose is to gain trust from their customers.

Q Generate web design concept Q Design interaction and UI in figma along with its prototype mechanism Q Competitors research

Design Process Research similiar competitors from Indonesia’s hospital websites as well as overseas hospital websites. I Learnt essentials mechanisms & features to be implemented.

Prototype Link -Currently unavailable-

/UI/UX Design/ CASHL EZ WEBSITE REDESIGN

a a

or f d

c

u

P ht

ig

yr p o

e

s rpo

e

rk a m

r

te wa

Background

Design Responsibilities

Cashlez is a financial tehnology company with their main product in mPOS and other digital cashier services.

Q Generate web design concept Q Design interaction and UI in figma along with its prototype mechanism

Design Process

Q Organise information presentation

Studied Cashlez’s products and services as well as their current information inside their website. Based on the study, I determined necessary informations needed inside each pages, how to group each information so they make more sense and decided necessary features for Cashlez web.

Q Competitors research &

Services

Prototype Link -Currently unavailable-

studying Cahlez’s

Portfolio | Felika Audesya Utari

k i l fe

u a

y s e

d u

i r ta

10

/Product Design - UI/UX Design/ HERITAGE MUSEUM’S APPLICATION What it is A product design intended to help museum’s visitors gain deeper insight into the museum’s history.

Background Tjong A Fie Mansion is a historic house museum located at Medan, North Sumatera. As one of Medan’s travel icon, it has attracted visitors from other countries to come and learn about the Historical & Cultural knowledge about Medan. Visitors could enjoy photographs of Tjong A Fie olden days with his colleagues and families. They could also enjoy antique stuff from the past centuries displayed across the rooms.

Problem Define Generally, visitors were accompanied by a Tour guide that will explain the house's historical background for them. But on some occasions, the tour guide is not being provided because of a labour shortage, for example, during the peak hour or even during the Pandemic, where all their tour guide are being sent home.

Visitors without a tour guide will have to explore and guess each photo piece by themselves. Of course, there will be a written description beside/ below some photos. Still, the descriptions can't provide detailed information about the photos or each room's initial function as the tour guide usually does.

Portfolio | Felika Audesya Utari

Ideation

11

To help me frame the thinking scope in ideation, I created a question: “How can we help visitors with no tour guide get their desired Historical & Cultural information while exploring the museum by themselves?”

Ideation I used interactive and digital approach in hope to raise user’s engagement with inside the museum. Targeting the 21-35 years old user, I proposed the creation of hybrid web app that will provide information through scanning inside the museum. Users could go through any room, find a certain standing character and scan it. No QR Code is needed.

There are two types of informations the user can get: The written or the audio one. They could turn on the speaking audio while walking inside the museum or choose music BGM if they like to just read through their phone.

12

Portfolio | Felika Audesya Utari

/Visual Identity/

Portfolio | Felika Audesya Utari

UMN ENGLISH STUDENT COUNCIL

Background

Design Responsibilities

UESC is a student organization club which purposes are to accommodate students’ interest in English training & competition.

Consisting of four divisions: Debate, Speech, Scrabble, and Spelling-Bee, UESC usually hold a weekly class for their members.

Any important announcement regarding their activities are often announced through their Instagram.

Q Create design concept based on previous design nuance

@uesc_umn

13

Q Define

and create graphic elements & refine their color pallete

Q Social Media posts design and merchandise design Q Took part in social media content planning and content’s copywriting

Portfolio | Felika Audesya Utari

(Before) (After)

14

Portfolio | Felika Audesya Utari

NATURES GEM’S INSTAGRAM FEED What it is

Design Responsibilities

Instagram feed design. A 2020 freelance work for Nature’s Gem. working under PT Manusa Muda Berkarya, supervised by their senior graphic designer.

Q Design Nature’s Gem Instagram Feed according to a design brief

Background Nature’s Gem is an online shop selling flaxseed as a healthy food. Their main Product is flaxseed powder and flaxseed drink. @Naturesgem's main target is working women and housewives with concern about choosing healthy food.

/Social Media Design/ 15

Coordinate with Manusa’s senior graphic designer for the visual output Q

Q Do revisions upon receiving feedback.

16

Portfolio | Felika Audesya Utari

WCDID’S 2019 I NSTAGRAM POSTS

Portfolio | Felika Audesya Utari

What it is

17

World Clean Up Day Indonesia is a sub-branch of international social organization known as World Clean Up Day. Their main focus is to solve garbage, especially plastic pollution, that is happening around the world.

Their annual activity include one day massive garbage cleaning in every countries in their each proviences. To do so, they need to up the hype and recruit volunteers to join the mass activity. In this activiy, I went in as one of their graphic design contributor, working in team to create social media post for WCDID Indonesia IG account.

/Social media Design/

BEBEBE.ID SOCIAL MEDIA What it is

Portfolio | Felika Audesya Utari

Instagram’s feed design for World Clean Up Day Indonesia. I was supervised by their Marketing head during this time.

Design Responsibilities Q Design Bebebe.id social media posts in several different sizes

Coordinate with client’s for the visual brief & revisions Q

/Social media Design/ 18

/Visual Identity/

Portfolio | Felika Audesya Utari

KISAH DI BALIK JERUJI - A PODCAST

19

Background

Job Desk

Podcast Kisah di Balik Jeruji was my client’s final project discussing prisoners life in prison. They need a design thatcould match the nuance of life inside a prison. Targeting millenials and Gen Z critical thinkers.

Q Create design & Q Design logo &

nuance concept

graphic elemnts

Q Design podcast cover & Q Competitors research

Instagram post

Portfolio | Felika Audesya Utari

/etc.../ ILLUSTRATIONS

20

terima kasih 谢谢

ขอบคุณ

grazzi

‫اركش‬

ありがとう

obrigado

ThankYou forviewing! danke

Дзякуй

ਤਹ ੁ ਾਡਾਧ ੰ ਨਵਾਦ

Portfolio | Felika Audesya Utari

gràcies

ju faleminderit ďakujem

σας ευχαριστώ

Let’s follow each other! https://www.linkedin.com/in/felika-audesya-utari/ https://www.instagram.com/felikautari?r=nametag

More works & Online Portfolio https://www.behance.net/felikaaudesyautari

III

grazie

köszönöm

IV

Portfolio | Felika Audesya Utari

Felika Audesya Utari

| Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio |

| Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio | Portfolio |

2021