Portfolio Showcase UI/UX Design 2021 - Jeremy Meldika

Portfolio

Showcase Jeremy Meldika | 2021 jeremymeldika

@jeremelt

@jeremelt

jeremelt

jeremelt

Curricullum Vitae

Date/birth

Bandung, 02 May 1995

jeremymeldika@gmail.com

+62857 9432 4422

Cimahi, Indonesia

Skills

Portfolio Link

User Interface / Design (UI)

www.medium.com/jeremelt

User Experience (UX)

www.dribbble.com/jeremelt

User Interview

www.issuu.com/jeremymeldika

Wireframing / Prototyping

Usability Testing

Jeremy Meldika UI/UX Designer

Looking for an entry-level position in UI/UX Designer to utilize my extensive knowledge gained during my digital course and my B.Arch degree. Well-versed with design thinking process and excellence in creating wireframe and high fidelity prototypes.

Passionate about interface design and interested in user research and also product development.

Languages

Bahasa (Native)

Tools Figma

English (Intermediate)

Whimsical

Social

Miro

linkedin.com/in/jeremymeldika

Google Form

medium.com/jeremelt

Maze

instagram.com/jeremelt

Microsoft Office

behance.net/jeremelt

Curricullum Vitae

Work Experiences Project Management Officer

PT Bank Mandiri (Persero) Tbk

Apr 2019 - Apr 2021 - 2 years, Jakart

Educations

Organizations

Bachelor of Architecture

IMA Gunadharma

Institut Teknologi Bandung (ITB)

2014 - 2018, Bandun

Institut Teknologi Bandung (ITB)

Aug 2015 - Aug 2018 - 3 years, Bandun

Served as Project Management in Heritage

Learned design process in architecture,

Contributed as a Head of Mentor Division in

Building Team and Head Office Building Team,

designed some studio projects in architecture

Penjenjangan Mula Bina’s event (2017)

reviewed the architect's design output, and

and landscape architecture.

Contributed as a Head of Supporting Division in

managed the project suitable with budget and

Contributed to students organization as staff

ITB October Graduation Ceremony (2015)

timeline.

member and head of event's division.

Coordinated with the project team and other company departments/groups.

Contributed as a Graphic Designer in Mandiri Heritage’s event (2019)

Landscape Architect Intern

PT AECOM Indonesia

Jun 2018 - Sept 2018 - 3 months, Jakart Designed landscape elements, made some alternative designs, retouch design outputs, & rendering 3D models for clients.

Contributed to Jakarta Architectural Triennale 2018 Competition Team as an assistant designer.

Course U I /UX D esign Course Purwadhika Digital Technology School

April 2021 - September 2021 Learned about the design thinking process in U I /UX Design (empathize, de fi ne, ideate, sketching, wireframing, prototyping, and usability testing ) .

Learned how to presenting the synthesized U I /UX Design process to stakeholders.

R esearched user behavior by moderated testing and generated persona & scenario.

Junior Community

Gereja Bethel Indonesia

Jul 2017 - Dec 2018 - 1.5 years, Cimah Served as Head of Junior Community (2018) Served as a preacher, mentor, or worship leader and managed the team for weekly Sunday services.

UI/UX Design Case study

Improving

Peduli

Lindungi App PeduliLindungi is a mobile application, developed to assist relevant government agencies in public tracking to stop the spread of Coronavirus Disease (COVID-19).

Photo Designed by Freepik

Improving Peduli Lindungi Mobile app

Ensure the users to travel safely How Peduli Lindungi can Improve and facilitate users so that they don’t feel anxious when they want to go outside during a pandemic Optimize the application while people travel/go to public spaces.

P L AT F O R M Peduli Lindungi Mobile App Version 3.4.6 WO R K D O N E UX Design Process and UI Design (Prototyping) TIMEFRAME 1.5 months (August 2021-September 2021) OV E R V I E W I used the design thinking method by Stanford Institute of Design to resolve the problems in this project. I started by research, define the problems, ideation, and wireframing/prototyping with Figma.

Jeremy Meldika | Product Design Portfolio | 2021

Peduli Lindungi Platform Interface on September 2021

MY ROLE

UI/UX Designer I was responsible for the whole process, starting from research, wireframe, visual, testing, and iteration.

Representative photo / deliverable(s) for this role

As a UI/UX Designer, I applied the Design Thinking process to build the solution from the user’s perspective. I started to comprehend and observe the user’s problem through quantitative and qualitative research. I summed up the insights and pain points to define the specific issues and ideate the precise solutions.

Jeremy Meldika | Product Design Portfolio | 2021

Representative photo / deliverable(s) for this role

I created a user persona, user flow, information architecture, and sketch by getting the possible solutions. Then, I designed the wireframe and hi-fi prototype using Figma for further testing to the user. Last, I tested the prototype by moderated usability testing and created iteration based on the testing results.

design thinking Process

Desk Research

I researched from the results of the BPS survey in July 2021 with around 200.000 respondents.

People feelings Most people feel bored/very bored during the pandemic since they have to stay at home, specifically in Java and Bali.

People feelings About 40% of people feel irritable, excessively afraid, and anxious during the pandemic and PPKM.

Source: Badan Pusat Statistik, 13-20 July 2021 (https://covid-19.bps.go.id)

Jeremy Meldika | Product Design Portfolio | 2021

Difficult y during pandemic Most Indonesian people have difficulty in fulfilling medical devices, health services, and staples during this pandemic.

design thinking Process

Quantitative Research - Online Survey I researched using an online survey of 40 participants that mostly woman and working in a private company.

The factor of a location worth visiting during a pandemic.

With the current Peduli Lindungi application, do you feel safer going outside?

P eo p l e f e e l i n g s From the 40 respondents, most of them chose the locations that implemented strict health protocols, had low visitor capacity, and had an outdoor facility.

P eo p l e f e e l i n g s Users still rarely use the Peduli Lindungi mobile app.

Most of them used it solely when checking in or viewing digital certificates.

As shown in the chart above, most respondents doubt whether the existing Peduli Lindungi features make them feel safer while going to public places.

Jeremy Meldika | Product Design Portfolio | 2021

With the improvement location features, do you feel safer going outside?

D i f f i c u lt y d u r i n g pa n d e m i c Most participants think that the improvised public location information feature is useful.

As shown in the chart above, most participants answered that the improvement feature makes them feel safer to go to public spaces.

design thinking Process

Comparative Research Dovefila

Crowdless

P L US Information of queue time and how many people are in line Reports live feature Capacity indicator with a contrasting color.

P L US Live information about the crowd percentage Indicators in symbols Address and operating hours “Add Favorite” and “Share” features Live location reporting feature.

Italia

M I N US Operating hours information Maximum capacity information Share feature Map indicators take up a lot of space.

Jeremy Meldika | Product Design Portfolio | 2021

United Kingdom

M I N US Maximum capacity information Detailed live information about people quantity at the location.

design thinking Process

Define: Affinity Mapping People's feelings during the pandemic tend to be negative.

The majority of Indonesian people are bored at home.

"I feel tired due to lack of direct socialization with friends."

40% of people still feel anxious, afraid, and irritable during PPKM.

"Because my stressrelief is outdoor activities, whereas during the pandemic I can't go anywhere"

acility & condition are location factors that are worth to visit.

F

19 out of 39 people chose an outdoor location to be a safe travel destination.

Locations that worth visiting during pandemic are those with adequate physical conditions (30/39).

Jeremy Meldika | Product Design Portfolio | 2021

urvey Online

S

Desk Research

Health protocol is an important

factor during the pandemic.

32 out of 39 people chose locations that implemented strict health protocols.

34 out of 39 people consider that the health protocol is important for place management.

37 out of 39 people want to travel if they and their families carry out complete health protocols.

Most people do not like (69.5%) and immediately reprimand (70%) if someone violates the health protocol.

Peduli Lindungi is not optimal in continuous usage.

20 out of 34 people very rarely use the mobile application and 12 people rarely use it.

Respondents used it solely when checking in (76.5%) and viewing vaccine certificates (47.1%).

apacity and crowds are indicators of traveling during a pandemic.

C

A quiet location

became one of the factors in choosing a destination (24/39).

Limited capacity is one of the factors that the user chooses for a location worth visiting (24/39).

43% of people are obedient to stay away from crowds and 39% still rarely.

hopping centers are frequently visited locations,

health services are the most needed locations

S

25 out of 39 people frequently visit malls/ shopping centers/ markets during the pandemic.

20% of the people in Java-Bali have difficulty for fulfilling their staples during the pandemic.

34% of the people in Java-Bali have difficulty for fulfilling medical equipment and 20% for health services.

design thinking Process

Define: User Stories Catherine is a sales marketer and known as a sociable person, friendly to everyone.

Since the pandemic, Catherine has always been work from home, which makes her often bored and stressed.

The new PeduliLindung feature makes it easier for her to know about the condition of the destination, whether it is safe to visit or not.

The cafe where she want to visit is completely safe and has strict health protocols.

Jeremy Meldika | Product Design Portfolio | 2021

She was still worried if she had to go outside since the condition still not recovered 100% currently.

Finally Catherine was able to meet with her friends. They can gather and have a talk without being worry.

design thinking Process

Define: Persona Bio

Jessica is a senior employee of a fintech company in South Jakarta. She is known to be outgoing and humorous, but sometimes easily overthinking. During the pandemic, she was bored and stressed since she couldn't meet her close friends.

Needs

Pain Point

Technology

Frequently Used Apps

Meet her close friends so she don't get bored.

Security to go to public spaces during the pandemic.

Jessica Kuncoro Jakarta, Indonesia | 28 years old

In relationship | Digital Marketer

Internet

Social Media Mobile Apps Gadgets

Jeremy Meldika | Product Design Portfolio | 2021

Overthinking and worries for meeting with other people.

Uncertain and impractical things.

design thinking Process

Define: Persona Bio

Pak Ben is a group head/senior vice president at a private bank in Jakarta. Mr. Ben is known as a friendly but firm person, who adheres to principles and rules. Several years ago, he was diagnosed bronchial asthma. After comprehended about his illness, he took great care of his body and regularly did some light exercises.

Needs

Pain Point

Technology

Frequently Used Apps

Ease of getting the accurate, clear, and detailed Covid information.

His health is guaranteed and facilitated by the government.

Ben Tjandra Bogor, Indonesia | 63 years old

Married | Senior Vice Precident

Internet

Social Media Mobile Apps Gadgets

Jeremy Meldika | Product Design Portfolio | 2021

Unclear and not strict rules or systems.

Unfamiliar with using new applications/gadgets.

design thinking Process

Ideate: How Might We Findings #1

People's feelings during the pandemic tend to be negative.

How Might We Facilitate users not to feel worried and anxious when traveling?

Opportunities Providing complete & accurate information feature regarding the public space conditions & capacities.

Displaying photos of health protocol conditions at the location.

#2

Health protocol is an important factor during the pandemic.

Provide detailed information to the user about the health protocol condition at their destination?

Providing a badge that indicates all of health protocol standards have fulfilled.

Providing reports location features from other users.

Providing information on the number of people, maximum capacity, and percentage of crowds.

#3

Capacity and crowds are indicators of traveling during a pandemic.

Provide detailed information to the users about the capacity and crowds level at public spaces?

Providing daily, weekly and monthly crowd chart data.

Providing the crowd indicators on the homepage map.

Jeremy Meldika | Product Design Portfolio | 2021

design thinking Process

Ideate: How Might We Findings #4

Location facility & condition are factors why that place are worth to visit during pandemic.

How Might We Maximize information related to the physical condition of the location?

#5

Shopping centers are frequently visited locations,

health services are the most needed locations

Support the users to find out information of the nearest shopping center or health service facilities?

#6

Peduli Lindungi is not optimal in continuous usage.

Encourage the users to use the application and make it a behavior before traveling?

Jeremy Meldika | Product Design Portfolio | 2021

Opportunities Displaying photos of the condition, both indoor and outdoor.

Providing a badge that the location has an outdoor facility.

Providing information of the nearest health service in homepage/menu.

Adding filter & location category in search page.

Providing a location search feature with an operational schedule, addresses, contact numbers, and periodic/live capacity.

design thinking process

Ideate: User Flow H A P P Y f low This flow indicates how the users get the detailed information of their destinations, starts from the homepage, the search page, the search results, and the location information page.

U N H A P P Y f low This flow indicates how the users solved their problem when the system did not find the location.

Jeremy Meldika | Product Design Portfolio | 2021

design thinking process

Ideate: Information Architecture

I n f o r m at i o n A rc h i t ec t u r e This information architecture informs about the features that will be applied or improved in Redesigned Peduli Lindungi.

Jeremy Meldika | Product Design Portfolio | 2021

DESIGN THINKING PROCES S

Design: Wireframe

Search page

Homepage

Tool tips indicator

Search results page

No result page

Other menu

Wireframe I connected every frame with an arrow to create a wireflow. It indicates how the user experience after redesigned.

Jeremy Meldika | Product Design Portfolio | 2021

Loading

Location Page

process

Design System D E S I G N SYS T E M 1 The design system includes Color schem Typography/Font Spacin Icon Buttons/CT Tag Toogl Dropdown

Jeremy Meldika | Product Design Portfolio | 2021

process

Design System D E S I G N SYS T E M 2 This design system includes Carousel Search Fiel Text Fiel Grap Illustrations

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype Before

Scan QR Code doesn’t stand out from other buttons and it is redundant.

After

H o m e pa g e Scan QR Code — Scan QR Code is more prominent than other buttons and thumb friendly Menu bar — The displayed information is summarized to make it easier for the user to process the information I created the FAB (Floating Action Button) for Customer Care in Homepage.

Too many CTA buttons are displayed so the user has difficulty to processing the displayed information.

(Miller's Law)

fINAL Prototype bit.ly/pedulilindungi-jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype Before

The nearest health service does not directly display the list.

After

M E N U pa g e Other menu - I changed the menu to solely 5 menus based on user preferences, which are Scan QR Code, Vaccinate Registration, Vaccine Certificate, Teledoctor, and e-HA Nearest Health Service - This feature directly display in homepage to simplify the flow Tips & Information - I added tips and information that are more relevant and interesting for users to take a peek.

The information is less helpful and rarely seen.

fINAL Prototype bit.ly/pedulilindungi-jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype S e a rc h pa g e In this page, there are location category and recently search feature.

Search result — I added a filter/ sort by distance or crowdedness level No result page — If the location is not found, I added some suggestion on top page.

Search page

Search Suggestion

Search Result

No result + Suggestion fINAL Prototype bit.ly/pedulilindungi-jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype

Scroll

Crowds Information

i n f o r m at i o n Pa g e Crowdedness Information — This feature facilitate the users to know how crowded is their destination in a day, week, or month, so that they can travel more safely during pandemic Location Conditions — I added some photos that displaying the health protocols and various facilities in the location Rating & Report — To more ensure whether the location is safe to visit, I added report and rating from other users who have been or still at the location.

Scroll

Location Conditions

Rating & Report fINAL Prototype bit.ly/pedulilindungi-jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype R e p o r t / R e v i e w pa g e In this feature, users can contribute to put their review or report about the location and its condition.

They can also give ratings and attach the photo in this page.

fINAL Prototype bit.ly/pedulilindungi-jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Usability Testing: Results Methods:

Tasks:

Find the detail information location Find the weekly crowdedness chart.

Open the Maps.

Create a location review/report.

Results: Tester 1

Tester 2

Tester 3

Tester 4

Tester 5

Tester 6

Success Rate

Task 1

3

3

2

3

3

3

94.4%

Task 2

3

3

3

3

2

3

94.4%

Task 3

2

3

3

3

3

3

94.4%

Task 4

3

3

3

3

3

3

100%

Average

95.8%

1 : User can’t perfom the task.

2 : User can perform the task but has some problem.

3 : User can perform the task successfully Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Usability Testing: Findings Homepage & Search Page Heatmap

Users expected that after tapping the search field button, a keyboard will appear.

Jeremy Meldika | Product Design Portfolio | 2021

Designed Flow

Before & After

Usability Testing: Findings Location Information Page

Designed Flow

4 out of 6 people consider that the location page has too much information in one page. They feel annoyed since the page should be scrolled down.

Scroll

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Usability Testing: Findings Location Information Page

Designed Interface

Features Location Information

Review/Report Location 2 out of 6 people don’t understand the meaning of the green color in the crowd chart since it stated more crowded than usual but the risk of location is low.

Homepage (Indicator Map)

4 out of 6 people considered that the report/review feature is uninteresting and less useful. However, this feature has the potential to be used.

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Iteration After UT

Problem:

Users expected that after tapping the search field button, a keyboard will appear.

Solution: Altered the flow so that when the user tapping the search field button, the keyboard appear.

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Iteration Before UT

After UT

Problem: 4 out of 6 people consider that the location page has too much information in one page. They feel annoyed since the page should be scrolled down.

NEW!

Solution: Divide the information on the location information page into 3 parts. User can chose which information do they want freely.

Location Conditions Jeremy Meldika | Product Design Portfolio | 2021

Crowdedness Data

Review/Report

Before & After

Iteration Before UT

After UT

Problem: 2 out of 6 people don’t understand the meaning of the green color in the crowd chart since it stated more crowded than usual but the risk of location is low.

NEW!

Solution: Changed the green color to a yellow warning color, and added current/live time information and conditions.

Jeremy Meldika | Product Design Portfolio | 2021

NEW!

Before & After

Iteration Before UT

After UT

Problem: 4 out of 6 people considered that the report/review feature is uninteresting and less useful. However, this feature has the potential to be used.

Solution: The report CTA button is not sticky at the bottom page.

NEW!

Report/Review Jeremy Meldika | Product Design Portfolio | 2021

Indicator Pop Up

Before & After

Next improvement Provides a new feature for users to add/recommend the locations that have not been registered into the Peduli Lindungi.

Develops information about the locations outside Java and Bali.

Provides more complete information for certain public space, such as hospitals/clinics.

Jeremy Meldika | Product Design Portfolio | 2021

“By usability testing, I’m getting to know the small things from user behavior in using a digital product. I also learned that it’s important to do in-depth research so that the design solution is truly relevant to the user behavior, not based on my own thoughts.”

— Jeremy Meldika

Photo Designed by Freepik

UI/UX Design Case study

Redesigning

GrabMart

Indonesia GrabMart is an on demand everyday goods delivery service platform that helps people to buy groceries, packaged food, healthcare products, beauty products, gifts, and many more.

Photo Designed by Freepik

redesigning grabmart indonesia

Easiest way to buy daily goods Grab itself is a transportation and delivery online platform that grows in Southeast Asia rapidly. Besides GrabMart, some other products in Grab Indonesia are GrabFood, GrabExpress, GrabHealth, and the fresh product, GrabJastip. By using GrabMart, user can buy groceries, packaged food, healthcare products, beauty products, gifts, and many more via the Grab app.

P L AT F O R M Grab Mobile App Version 5.157.0 (July 2021) WORK DONE UX Design Process and UI Design (Prototyping) TIMEFRAME 3 months (June 2021-August 2021) OV E R V I E W I used the design thinking method by Stanford Institute of Design to resolve the problems in this project. I started by research, define the problems, ideation, and wireframing/prototyping with Figma.

Jeremy Meldika | Product Design Portfolio | 2021

GrabMart Platform Interface on June 2021

design thinking Process

Research: Quantitative Research - Online Survey These are some goals of my research in this project: To collect some insights about user’s behavior and experience when they buy daily needs (online or onsite store).

To comprehend more the user experience and their determination to use an e-mart platform (GrabMart or other competitors).

To observe the existence of some issues in GrabMart user flow starts from the homepage to make payment.

d e m o g r a p h y r e s u lt s The following infographic is the demography data results based on the 35 respondents I’ve got. As shown in the infographic above, the respondents mainly are women, young adults, and work at private companies. Unexpectedly, only 37% of respondents (13 people) have used the Grab Mart product, 10 people was Yes and the other was Maybe.

Jeremy Meldika | Product Design Portfolio | 2021

us e r s h o p p i n g b e h av i o r The result displays that majority of the respondents decide to purchase their daily needs in the onsite store instead of the online platform. They prefer the onsite store because of the location distance, quality of products, and their urgent needs.

us e r g r a b m a r t b e h av i o r & h a b i t The GrabMart Behavior & Habit Data shows that mainly the users are satisfied by the shopping experience in GrabMart. As shown in the infographic above, the benefit and recommendation ratings point on a scale of 8 (eight) from 10 (ten). Also, we know that majority of the user (60%) considered that GrabMart is easy to use, according to the infographic above.

design thinking Process

Research: Qualitative Research - Usability Testing Tas k t o p e r f o r m Here are the tasks to perform list I’ve made: Try to change the location address.

Try to open the order history.

Try to see your favorite store and add the store to the favorite page.

Try to buy a ball by using the product category page and choose the game specifications.

Try to buy a scarf from a nearby store that is still open by using the search bar.

Try to buy some daily needs (ex: toothpaste, apple), arrange the quantity into more than three items, and then reduce/delete it.

Try to pick the best promo you can get from GrabRewards.

Insights Here are some of the insights from the participants about the GrabMart experience and interface: “I usually already choose the things I want to buy. So if I open the app, I know what I want and don’t look at other things first.”

“I think it’s hard to swipe many times to find the category you want.”

“It’s complicated if you have to tap several times to delete or reduce the products. It takes time.”

“The discount is complicated to know which ones are available and which ones not. We have to check it one by one.”

Jeremy Meldika | Product Design Portfolio | 2021

us a b i l i t y t e s t i n g r e s u lt s I got 3 (three) participants for this usability testing. I consider that’s still a lack of credibility for only recruit a few participants. However, I tried to gain insights from those participants as specific and credible as I can.

From the results above we know that the users have difficulty when try to pick the suitable promos from GrabMart rewards. Also, from the results we know that the product category, the search bar, and the quantity toggle possible to have the improvement, according to the task results number 4, 5, and 6.

design thinking process

Define the Problems: Pain Points & Emphaty Map PA I N P O I N T S By all the results before, I summed up some of the pain points and the insights. The uncovered pain points and the insights are as follows: Users have difficulty searching the product categories by swipe to side several times — Which means that the layout of the product category isn’t a piece of cake and uncompact.

Users have difficulty controlling the product quantity as they have to tap the number to show the quantity’s toggle and tap the minus several times to remove the items.

Users have difficulty choosing the discount since there is no information about which promos or recommendation discounts are available from the system.

Users have difficulty sorting the products by their price, store distance, or store rating, and hence they can’t search the products effortlessly and effectively.

Users have difficulty changing their items if the quantity is out of stock — Which means there is missing information to describes the product.

Users need to ensure all the notes are accurate before making payment.

Users need to know which store can provide some or all products that they take (more than 1 item).

The price, store location, and discounts are some factors that construct a user’s decision to shop for their daily needs on an online platform.

Jeremy Meldika | Product Design Portfolio | 2021

E m p h at y m a p By all of the insights and pain points before, I tried to create the empathy map to filter the information and gain the key insights. It also helps me to comprehend the needs and the types of users.

Design Thinking Process

Define the Problems: Personas After that, I designed two types of target persona based on the insights and the research results.

Persona 1 The primary persona is a junior architect that consistently shops on the online platform because of its promo offer and simplicity.

Jeremy Meldika | Product Design Portfolio | 2021

Persona 2 The secondary persona is an employee from a bank company that has cooking as her hobby. She mostly shops on the online platform because of its efficiency.

design thinking process

Define the Problems: User Journey

Us e r J o u r n e y I also created a user journey according to the empathy map and personas I’ve made before. The user journey is divided into several parts: what do users do, think, say, and feel?

And also, what are their goals?

Jeremy Meldika | Product Design Portfolio | 2021

design thinking Process

Research: Qualitative Research - Usability Testing Tas k t o p e r f o r m Here are the tasks to perform list I’ve made: Try to change the location address.

Try to open the order history.

Try to see your favorite store and add the store to the favorite page.

Try to buy a ball by using the product category page and choose the game specifications.

Try to buy a scarf from a nearby store that is still open by using the search bar.

Try to buy some daily needs (ex: toothpaste, apple), arrange the quantity into more than three items, and then reduce/delete it.

Try to pick the best promo you can get from GrabRewards.

Insights Here are some of the insights from the participants about the GrabMart experience and interface: “I usually already choose the things I want to buy. So if I open the app, I know what I want and don’t look at other things first.”

“I think it’s hard to swipe many times to find the category you want.”

“It’s complicated if you have to tap several times to delete or reduce the products. It takes time.”

“The discount is complicated to know which ones are available and which ones not. We have to check it one by one.”

Jeremy Meldika | Product Design Portfolio | 2021

us a b i l i t y t e s t i n g r e s u lt s I got 3 (three) participants for this usability testing. I consider that’s still a lack of credibility for only recruit a few participants. However, I tried to gain insights from those participants as specific and credible as I can.

From the results above we know that the users have difficulty when try to pick the suitable promos from GrabMart rewards. Also, from the results we know that the product category, the search bar, and the quantity toggle possible to have the improvement, according to the task results number 4, 5, and 6.

design thinking process

Ideate: How Might We? Problems

At this stage, I brainstormed to create some ideas and resolve all the problems. I applied the How Might We (HMW) method to brainstorming and triggering some ideas How might we arrange the product category’s layout more compact and not complicated?

— By redesigning the product category’s layout to one page and creating the favorite product categories so that the homepage only displays user’s favorite categories, not them all. (Low effort, high impact How might we alter the UX when they used the quantity’s toggle and not being annoyed?

— By setting the toggle fixed on the page and adding a trash bin icon to all product cards. Thus, users can empty or decrease the quantity effortlessly. (Low effort, high impact) How might we facilitate the users to select the voucher without making them annoyed?

— By adding an available promos section, offering them recommendations about the best suitable promos, and categorizing GrabRewards promo from others. Thus, users don’t have to check the promos one by one. (Low effort, high impact) How might we ease the users to sort the products and simplify the use?

— By adding a filter button (like the doner menu or dropdown list) close to the search bar. Thus, users can sort the products by distance, price (lowest to highest), and store rating. (Low effort, high impact) Jeremy Meldika | Product Design Portfolio | 2021

How might we inform the users about the stock and facilitate the seller to update it regularly?

— By adding information about the stock on the product page but will also be impacted to the seller. Hence, we have to improve the store or seller system (High effort, high impact).

— We are possibly able to add a new wishlist feature. The users can put the outof-stock items on the wish list temporarily until it’s updated. Then, process it to the basket. (Low effort, high impact) How might we ease the users to update or check the final notes before making payment?

— By adding the notes card not only on the product page (like the recent app) but also on the order summary page. The users can edit their notes before processing the order. (Low effort, low impact) How might we improve the search bar to facilitate the users to search for some items in one store?

— By developing a search page feature, like adding an icon button in the search bar. Thus, when they type on the search bar and tap the button, they can type other items. (Low effort, high impact) How might we maximize those factors (price, distance, and promo) to attract the users or even new users?

— By adding the filter that encompasses those factors and displaying those factors on the homepage dominantly (such as nearby store section to provide location factor or best value promos section to provide price and promo factor).

(Low effort, high impact).

— Also, we can arrange the promo banner in the homepage header to make it more eye-catching. And last, we can add the compare product feature to facilitate users compare the product from other stores effortlessly by those factors. (High effort, high impact)

design thinking process

Ideate: How Might We?

H ow m i g h t w e The infographic on the side shows mapping from the pain points I’ve found and the How Might We to create ideas.

Jeremy Meldika | Product Design Portfolio | 2021

design thinking process

Ideate: Priority Matrix

P r i o r i t y m at r i x #Disclaimer: In this case study, I made all the ideas on the infographic on the side for exploration and skill practice (not only the low effort & high impact section). Besides, it can also be a conception of how all ideas are applied in this redesigned platform.

Jeremy Meldika | Product Design Portfolio | 2021

design thinking process

Ideate: Information Architecture

I n f o r m at i o n A rc h i t ec t u r e This information architecture informs about the features that will be applied or improved in Redesigned GrabMart.

Jeremy Meldika | Product Design Portfolio | 2021

design thinking process

Ideate: User Flow

Us e r f low The blue color mark out the new user flow or new feature I created.

From this user flow, there are 2 (two) goals: User flow in selecting the products.

User flow in processing the basket or order summary.

Jeremy Meldika | Product Design Portfolio | 2021

DESIGN THINKING PROCES S

Design: Sketch My goal at this stage was to provide design solutions for the pain points uncovered in the initial research.

HAND SKETCH First, I created some sketches by the template from the website. I made two alternative designs for the homepage, the search page, the store page, the product page, and the order summary page. To decide which ones are the better alternatives, I consulted with my mentor and asked for his recommendation and feedback.

Jeremy Meldika | Product Design Portfolio | 2021

DESIGN THINKING PROCES S

Design: Wireframe & Wireflow

Wireframe After I sketched and consulted with my mentor, I translated the sketches into wireframes by using Figma. I connected every frame with an arrow to become a wireflow. It indicates how the user experience after redesigned.

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype H o m e pa g e Promo banner — I moved the banner promo to the header to attracts users.

Menu bar — I modified the supermarket page to the store categories to categorize various stores in GrabMart (like warung/stall, supermarket, wholesaler store, or UMKM store).

Product categories — I resized the cards and just displayed the frequently used favorite products. I made it into one page where the users can managing and searching the product by category.

Product cards —I added some information about the stock in the description. Even though it was a higheffort idea, I depicted it as the next implemented idea.

full Prototype bit.ly/GrabMart-Jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype S E A RC H R E S U LT PA G E “Search It Once” Feature — It is a new feature on the search page. It helps the users to search for their needs simultaneously by tapping the search button once.

I resized the store image more contrast than the product image so that the visual hierarchy between store and product was unambiguous. Refers to the layercake-pattern scanning by NN-Group, I made the store cards act as a heading, and the product cards act as subheading.

I moved the product image to be leftaligned to prioritize the quality of products, based on the research results that showed most of the respondents require the quality of the products (physical condition) to build the decision.

I added a quantity toggle so that the users can add or decrease the product faster and directly without having to store page.

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype S T O R E Pa g e I adapted the header design elements from the homepage and applied them on the store page for maintain the design consistency.

I added the operational information and more store images at the header to increase user awareness about the store condition.

I redesigned the categories button from the swipe button into the drop-down button that streamlines the effort while using the categories.

I changed the product layout into the image list since it provides more space to show the information, such as price, stock, dimension, and interface elements.

full Prototype bit.ly/GrabMart-Jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype P r o d u c t Pa g e On this page, I added a new feature that helps the user compares the products based on the price, the location, or the store rating.

Besides, I added more descriptions about the product, such as the expired date and the volume of the product. It supports the users to know the product’s quality in detail since it’s one of the factors why the research respondents prefer to shop onsite instead of online store.

full Prototype bit.ly/GrabMart-Jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype O r d e r S u m m a r y & P r o m o Pa g e I emphasized the discount page on this section since it’s the most common problem faced by users. To facilitate choosing the promo vouchers, I classed the GrabMart and other rewards into two categories. Also, I separated the available promos from the opposite.

Focused on the order summary page, I altered the quantity toggle, added the trash bin icon, put the basket list button on the header, and attached the order notes summary to ease the user in managing their order.

full Prototype bit.ly/GrabMart-Jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype BASKET LIST The basket list was readjusted and added to the store page and the order summary page. It will enrich the user experience and also help the user effortlessly check their basket.

Focused on the design, I adapted the header color from the homepage to make it more consistent. I changed the previous text button into the icon button on the top right corner of the header.

full Prototype bit.ly/GrabMart-Jeremy

Jeremy Meldika | Product Design Portfolio | 2021

Before & After

Design: Hi-Fi Prototype W I S H L I S T PA G E This feature replaces the previous favorite store feature. The user can save the ‘out-of-stock’ products here temporarily or probably create a shopping list from the various store.

To add the product to this page, the user only taps the heart icon on the product cards.

full Prototype bit.ly/GrabMart-Jeremy

Jeremy Meldika | Product Design Portfolio | 2021

“Based on this study case and the project, I learned a lot, particularly in the user research and ideate stage, such as how to place myself in the user’s point of view and brainstorm lots of ideas, even crazy ones. I understand that UI/UX design is a continuous process and needs many efforts, yet I was satisfied and enjoyed every single part of it.”

— Jeremy Meldika

Photo Designed by Freepik

UI Design Case study

Revamping

BPJSTKU

Mobile App BPJSTKU is a mobile platform by BPJS Ketenagakerjaan (national employees social security system) to serve the needs of insurance participants in various ways.

Photo Designed by Freepik

Revamping BPJSTKU indonesia

Evaluate BPJSTKU

Interface Based on katadata.co.id, BPJSTKU is an application from BPJS Ketenagakerjaan (National Employees Social Security System) to serve the needs of insurance participants in various ways. Users can register for BPJS Ketenagakerjaan members and get more information about: the BPJS, JHT balance (Old-Age Savings Program), and the annual JHT balance details.

The BPJSTKU application is a digital solution for public needs. With the BPJSTKU, people can use BPJS services only through their mobile phones. Users can access it at any time without coming to the nearest branch office.

Moreover, during this pandemic, limited people’s mobility is due to the prevention of Coronavirus transmission.

PLATFORM BPJSTKU Mobile App Version 3.1.22 WORK DONE Desk Research, Ideate, and Prototyping TIMEFRAME 2 months (December 2021-February 2021) Jeremy Meldika | Product Design Portfolio | 2021

BPJSTKU Platform Interface on January 2021

(image source: https://www.amiwidya.com)

Revamping BPJSTKU Indonesia

The Challenges and Objectives OBJECTIVES While I used this app, I found some issues related to the content arrangement and the user flow. However, to comprehend more and sort out the pain points of this platform, I examined and investigated the BPJSTKU solely based on literature study/desk research, such as Law of UX and Usability Heuristic Evaluation.

CHallenges

In this case, I researched and tried to revamp the BPJSTKU mobile platform based on the UI/UX literature I have learned (desk research). Here are the challenges from this case: Analyzing and augmenting the user experience based on the Jakob Nielsen’s usability heuristics evaluation and law of UX literature.

Ideating and revamping the user interface based on the UI principles.

Jeremy Meldika | Product Design Portfolio | 2021

Before I revamped the BPJSTKU, I have to set the objectives from all the displayed information or contents. I considered some reasons why people using this platform based on my experience, the existing mobile platform features, and its user review at the Google Play store: The user needs to register as a BPJS or BPJSTKU member to utilize the platform features or services.

The user desires to check or ensure their savings and knows the detailed annual report.

The user has to check their BPJS identity number for administrative if they don’t bring the card.

The user wants to claim their JHT balance effortlessly since no feature on the recent mobile platform.

The user has to report about the work accident and complaint about the error in certain situations.

The user needs to know where the nearby branch office and the partner office are.

The user desires to simulate their JHT balance at a specific period.

Process

Desk Research: UX Law L aw o f p r ox i m i t y ”Objects that are near, or proximate to each other, tend to be grouped together.”

L aw o f C o m m o n R eg i o n “Elements tend to be perceived into groups if they are sharing an area with a clearly defined boundary.”

R e s u lt s Based on Law of Proximity and Law of Common Region, the existing BPJSTKU homepage combines the JHT balance, simulations page, and online queue features in one group or act as the main features.

On the other hand, some features, such as digital cards, report pages, program info, partner and branch offices, and complaint page, act as secondary features.

— Judging from the objectives before and function of the feature, I considered that the main features should be the report page and the JHT balance claim, categorize as the in-app services section. Then, the secondary/supporting features consist of the branch office, the partner office, and the simulation page, categorize as the information section.

Jeremy Meldika | Product Design Portfolio | 2021

Law of Proximity and Common Region in Revamped BPJSTKU

Process

Desk Research: UX Law Vo n R e s t o r f f e f f ec t The Von Restorff effect, also known as The Isolation Effect, predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered.

R e s u lt s Refers to the Von Restorff Effect, which said make important information or key actions visually distinctive, I found that all of the present card features on the homepage have similar dimensions and have no emphasis or hierarchy of one another.

— I had to design the distinctive and the hierarchy among the main features, the secondary features, and the main menu, also avoid them competing with one another.

Von Restorff Effect in Revamped BPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

Process

Desk Research: UX Law H I C K - H y m a n ’s l aw “The time it takes to make a decision increases with the number and complexity of choices.’

M i l l e r ’s l aw “The average person can only keep 7 (plus or minus 2) items in their working memory.”

R e s u lt s Based on both statements, I found that the information or features on the homepage are too much. Whereas, some sections should be combined, for instance, the news menu with the banner and the contact menu with the information page. That unification was due to the simplicity of user choices to increase decision time and help them memorize effortlessly.

Hick’s Law and Miller’s Law in Revamped BPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

Process

Desk Research: UX Law Ja ko B ’s l aw Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.

R e s u lt s Based on Jakob’s Law that showed users will transfer expectations they have built around one familiar product to another that appears similar, I considered the interface of BPJSTKU should be adapted or made similar to other products that own a view balance feature, for instance e-wallet or finance products.

E-wallet products in Indonesia that have balance view feature

(images source: google.com)

Jeremy Meldika | Product Design Portfolio | 2021

process

Desk Research: Jakob Nielsen’s Usability Heuristic Evaluation Us a b i l i t y H e u r i s t i c E va l uat i o n After I researched and found the issues by UX Law literature, I utilized Jakob Nielsen’s 10 usability heuristics evaluations to see how well the usability of BPJSTKU is. Here on the side is the scheme that showed the results of usability heuristics evaluation.

Jeremy Meldika | Product Design Portfolio | 2021

process

Design System D E S I G N SYS T E M Here on the side are the results of the design system and UI elements I have tried for this revamp. The design system itself has made after I designed and brainstormed the interface on Figma. But before that, in general, here are the main points and reasons for the design system I have made: Since both blue-collar and whitecollar employees, young and adult, will utilize this platform, I combined the minimalist and contemporary style to built it universally. I considered the minimalist represents adults and the modern represents young people.

The revamped brand colors come from the origin of the BPJSTKU logo; blue, green, and white.

I used the Futura font for this platform since it looks modern and minimalist at the same time.

For the icons themselves, I choose the simple and more commonly used icons over the last one.

Jeremy Meldika | Product Design Portfolio | 2021

Process

Design System: Components

Jeremy Meldika | Product Design Portfolio | 2021

Process

Design System: Components

Jeremy Meldika | Product Design Portfolio | 2021

After Design

Design: Hi-Fi Prototype Sign IN Page Disparate from the current platform, this revamped front page has a hierarchy button layout, starts from the sign-in button that looks in contrast to others, the BPJSTKU member sign-up button as secondary, and last the BPJS Ketenagakerjaan member sign-up button as tertiary.

After the users tap the login, I put another choice, such as the sign-up now button on the bottom page, to facilitate their freedom in deciding.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

After Design

Design: Hi-Fi Prototype Sign up Page According to the users review in Play Store, I found some users feel annoyed while inputs the birth date on the sign-up page. Therefore, I designed the birth date calendar to fix this issue.

On the sign-up page, I placed the breadcrumbs navigation on top to indicate the stages they have to do, such as data input, verification, and set the password (based on katadata.co.id).

Focused on the membership type section, I placed the help icon nearby the text field to helps the users understand the suitable membership type.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

After Design

Design: Hi-Fi Prototype Verification Page On this verification page, I provided several verification options to users, such as verification by SMS, phone call, and email.

It could be a solution for the error prevention if the user has not received the verification code by one of that options. Also, it let them make a choice and take control.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

After Design

Design: Hi-Fi Prototype Set Pas sword & Welcome page The next step is to set the password. I applied the visibility of system status by placed the password strength under the text field. Also, I put the reset password button on the bottom to helps the user if they desire to change the password before.

After the users completed all sign-up steps, the system will be welcoming them to make the product seems more humanist. I also let the users choose either log in or log out after sign-up process.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

After DESIGN

Design: Hi-Fi Prototype User’s Guide Feature If they want to log in, they could take a guide to know more about all provided features and services. But, they are also free to log out and/or give their opinion about the experience.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

After Design

Design: Hi-Fi Prototype Homepage To be more compact, I combined the work accident report and the complaint page into one page.

To be more structured and hierarchical, I arranged the JHT claim page and report page as the services section and the partner office, branch office, and simulation page as the information section.

Then, I placed the main menu on the header, such as the JHT balance view, notification, user profile, JHT details, and digital card. It makes them easy to use, easy to see, and easy to recognize by the user since that are the main user objectives I’ve stated before.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

After DESIGN

Design: Hi-Fi Prototype Profile Page & Logout Last but not least is the profile page. The users can check or edit their registered profile, such as password, email, or contact number on this page. Also, if the users desire to log out from their account, the button is placed at the bottom page. The system automatically offers the application rating option if the users tap the log-out button.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

After DESIGN

Design: Hi-Fi Prototype JHT Claim Page The first service feature in this revamped BPJSTKU is JHT Claim. With this feature, the users can claim their old-age savings from the smartphone without visiting the branch office. Next, I made the breadcrumbs navigation top to bottom. It helps the users not be confused and annoyed while trying to claim the savings.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

After DESIGN

Design: Hi-Fi Prototype Report Page The second service feature in this revamped BPJSTKU is the report page. This feature provides two services, which are the work accident report and the data error complaint. The users can report the work accident by input the victim’s identity, the chronology (optional), and chose the nearby partner office. I made the users easily find out the submitted report process is successful or not.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

After DESIGN

Design: Hi-Fi Prototype Report Page Next, the information features I have revamped are the partner and branch office pages. It facilitates the users about the partner office and the branch office information, like the operational time, contact, address, and facilities. Users can contact the partner offices or open maps directly through the application.

full Prototype bit.ly/RevampBPJSTKU

Jeremy Meldika | Product Design Portfolio | 2021

“Through this case study, I learned a lot about ideating, prototyping, and creating design system. I learned how to explore design based on literature or design rules and ensure the user-system interaction is not confusing or blunder. I also learned that making a design system is not easy since you have to make each element one by one and not overlook a single one. And of course, my operating Figma skill is also progressively trained through this case study.”

— Jeremy Meldika

Photo Designed by Freepik

UI Design Case study

Designing

Skool

Mobile App Skool is a mobile chat platform created to accommodate interactions between teachers and their students. Skool has the slogan: school becomes cool, which provides a school-fromhome experience in this digital era that is increasingly sophisticated.

Photo Designed by Freepik

DESIGNING SKOOL MOBILE APP

Attract interaction student & teacher Based on the www.wantiknas.go.id, there are several weaknesses of online schools compared to offline schools, such as:

1. Lack of internet access (environmental factors)

2. Lack of interaction with teachers (individual factors)

3. Lack of learning achievement (individual factors)

4. Less supervision of learning (environmental factors)

Adapting offline learning experiences to online platforms is not easy: how do we handle fewer studentteacher interactions while also helping everyone manage time collaboratively and stay motivated?

P L AT F O R M Mobile App WO R K D O N E Research, Ideate, and Prototyping TIMEFRAME 3 days, 17th - 19th February 2021 (Design sprint)

Jeremy Meldika | Product Design Portfolio | 2021

(image source: www.nbcnews.com)

Process

Research R e s u lt s To gain more information, I conducted a small survey of 36 participants of parents and students (the survey used an online form).

From the survey results, the most difficulties encountered by students when schooling from home were:

1. Lack of focus when studying online (17 of 36)

2. Less interaction space (16 out of 36)

3. Boredom when studying online (12 of 36)

4. Lack of motivation (10 out of 36)

Information about the chart on the side:

A: Lack of focus when studying online

B: Lack of interaction between teacher and students

C: Get bored quickly when studying online

D: Lack of motivation to learn online

E: Lack of internet access

F: Learning understanding that is different from other students Online Survey Results

Jeremy Meldika | Product Design Portfolio | 2021

process

Ideate OPORTUNITIES

1. The chat platform is divided into two sections: for students and teachers, with several different features.

2. The platform can be used as an online teaching platform.

3. Students can choose the teacher to ask about homework or subjects.

4. Class chat room as a space for interaction between teachers and students.

4. Added Edu-games feature to reduce the student boredom of online learning.

5. Added class schedule and homework list features to make students more structured and supervised.

6. Added points/coins when completing assignments to increase learning motivation.

Ta r g e t Us e r

1. Elementary school students (4th-6th grades)

2. Middle school students

3. Elementary and Middle School teachers

Jeremy Meldika | Product Design Portfolio | 2021

US E R F LOW I tried to create the user flow for mapping the students' experience while using the SKOOL mobile platform.

Process

Design System: Components

D E S I G N SYS T E M Here on the side are the results of the design system I have tried for this platform design. The design system itself has made after I designed and brainstormed the interface on Figma. Based on the brand image and slogan, the design uses cool colors, for instance blue and turquoise, to give a cool impression.

Jeremy Meldika | Product Design Portfolio | 2021

Prototype Design

Design: Hi-Fi Prototype Sign IN Page The SKOOL platform is divided into two sections: for students and teachers, with several different features The platform design uses cool colors, for instance blue and turquoise, to give a cool impression, also uses a Glassmorphism style that matches the cool theme As an educational platform, this application also provides two language options, namely Indonesian and English.

full Prototype bit.ly/skooljeremy

Jeremy Meldika | Product Design Portfolio | 2021

Prototype design

Design: Hi-Fi Prototype HOMEPAGE The homepage consists of class schedule reminder features, homework assignment reminders, Edu-games, chat, and profile page The schedule reminder feature will also be integrated with the alarm so that when class starts, the cellphone will vibrate. Students can also take a look at the complete schedule for the next week The Edu-games feature is an educational and fun mobile game that can eliminate boredom after studying online or doing homework.

full Prototype bit.ly/skooljeremy

Jeremy Meldika | Product Design Portfolio | 2021

Prototype Design

Design: Hi-Fi Prototype HOMEWORK Page The Homework feature makes submitting assignments easier. It doesn't need via email, only through one platform There are also star points that students can get after submitting their assignments. The students can exchange their points for educational gifts such as books or Edu-games coins on their profile page.

full Prototype bit.ly/skooljeremy

Jeremy Meldika | Product Design Portfolio | 2021

Prototype Design

Design: Hi-Fi Prototype SKOOL CLAS S GROUP A class chat group is a group chat feature as a forum for interaction between teacher and students If students want to add a new class group, they need to enter the class code provided by the teacher. It keeps the class group supervised and controlled by the teacher Also, there is a notification feature on header page as a class group reminder. If the students tap the notification, they will redirect to the Zoom/Google meet.

full Prototype bit.ly/skooljeremy

Jeremy Meldika | Product Design Portfolio | 2021

Prototype Design

Design: Hi-Fi Prototype SKOOL PRIVATE CHAT Students can have private chats with certain teachers and their classmate to ask questions or discuss together.

Students can also share pictures/ documents as a learning support tool I separated the teacher and the classmate's chats to make the page layout more organized.

full Prototype bit.ly/skooljeremy

Jeremy Meldika | Product Design Portfolio | 2021

Prototype Design

Design: Hi-Fi Prototype PROFILE Page On the student profile page, there are the star point amounts from the student assessments or Edu-games. Star points can exchange to educational items, such as books, course vouchers, or game vouchers. It constructs the learning process more enjoyable.

full Prototype bit.ly/skooljeremy

Jeremy Meldika | Product Design Portfolio | 2021

“I learned a lot about ideating and prototyping in a short time.

Although the processing is short, I have gained many ideas during brainstorming and prototyping.”

— Jeremy Meldika

Photo Designed by Freepik

Jeremy Meldika

Thank you!

jeremymeldika@gmail.com jeremymeldika

+6285794324422

@jeremelt

@jeremelt

jeremelt