Portfolio (2020) - Marvin Louis Honanda

2020

PORTFOLIO

Marvin Louis Honanda

Š 2020 All Rights Reserved.

Marvin Louis Honanda +62 815 19 131323

marvinlouish@gmail.com

CURRICULUM VITAE DIGITAL INTERFACE DESIGN Cinema21 Movie App

04

Novelmemphis Bookstore App

08

Q’RIN Laundry App Redesign

12

Dominos Pizza App Redesign

16

Music Streaming App

20

PaySquare - Digital Wallet App

24

Medcare Covid-19 App

28

GRAPHIC DESIGN Q’RIN Laundry Brand Identity Redesign

44

MonkeyTail Cafe Menu Book

50

SixDegrees Cafe Menu Book

56

MOTION GRAPHICS Pure Imagination Animation

64

Inside Out Title Sequence Animation

66

Harry Potter Title Sequence Animation

68

Time to Come Home Animation

70

Loaded Resto Logo Animation

72

PT Kasmaji Logo Animation

74

Lovelight Entertainment Logo Animation

76

2020 - Demoreel

78

Hello! My name is Marvin Louis Honanda. I am a graphic designer, fresh graduate from Universitas Multimedia Nusantara. I love all parts of the creative process and always love to learn new things. I am also a highly organized person with a keen eye for the smallest detail in works.

This book consists of my works and projects, including user interface design, graphic design and motion graphics for the past few years.

Hope you enjoy!

Marvin Louis Honanda Jalan Pinus V D7 - Griya Loka BSD Tangerang Selatan 15318 marvinlouish@gmail.com +62 815 19 131323 dribbble.com/marvinlouish linkedin.com/in/marvinlouish

EDUCATION 2015 - 2019 Universitas Multimedia Nusantara Visual Communication Design, Bachelor in Graphic Design 2012 - 2015 SMAK Ora et Labora BSD Science Major

ACHIEVEMENT & EXPERIENCES Sept 2018 - Nov 2018 Riposte Business and Design Graphic Design Intern Feb 2018 Exam Exhibition Winner (Team)

for ‘Time to Come Home’ 2D Vector Animation Categories Jul 2017 - Sept 2017 UMKM Packaging Redesign Volunteer for Kementrian Perdagangan Feb 2017 - Dec 2017 Bank Sampah UMN Organization Visual Division

SOFTWARE SKILLS Sketch Figma Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe inDesign Final Cut Pro X

WORK PLATFORM macOS / OS X Windows

inter

rface design.

004

DIGITAL INTERFACE DESIGN

CINEMA21 MOVIE APP CONCEPT 2020 | Digital Application | Personal Project

Typeface Montserrat Franklin Gothic

Colors

About This is a digital interface design concept for a movie ticketing app, called Cinema21.

The main idea is to design a digital movie

ticketing app with modern visual style and high usability, hence simple operations.

The interface designed with a combination of black and gold color to symbolize quality and great feelings of happiness. The CTA button

uses the gold color, made as clear as possible

2017 - 2020 | PORTFOLIO

and always stays in same place.

The main homepage gives a list of various

now-playing movies, which includes rating, genre and duration of the movie.

Users can read synopsis, see casts, and even watch trailers from selected movies before

buying the show ticket. Here, users can also

see cinemas location and showtimes for the selected movie.

After selecting a showtime, users can select

their favorite seat and see the total price for

the ticket, before proceeding to the payment.

When payment is received, users will get their digital movie ticket, which includes

cinema location, seat number, booking code and order number.

008

DIGITAL INTERFACE DESIGN

NOVELMEMPHIS BOOKSTORE APP CONCEPT 2020 | Digital Application | Personal Project

Typeface Poppins American Typewriter

Colors

About This is a digital interface design concept for an online bookstore app, called Novelmemphis.

The main idea is to design a digital online bookstore app with a clean-minimalist

visual style and high usability, hence simple operations.

The interface designed with a combination of black and teal color selected as its main color that represents calmness and open

2017 - 2020 | PORTFOLIO

communication.

DIGITAL INTERFACE DESIGN

009

When users launch the app for the first time, they need to either sign up, or login if they already have an account.

Users can select between new releases,

bestseller or other categories from the tabs.

Users can also see the top-10 authors and latest available promotions.

After selecting a book, users can read the book’s description, information about the author, and even see the book’s ratings before purchasing it.

Users can search books by categories from the bottom navigation bar menu.

012

DIGITAL INTERFACE DESIGN

Q’RIN LAUNDRY APP REDESIGN CONCEPT 2019 | Digital Application | Personal Project

Typeface Arial Rounded Raleway

Colors

About This is a digital interface redesign for a laundry service business, called Q’RIN Laundry.

The main idea is to design a digital laundry

service app with a clean-minimalist visual style and high usability, hence simple operations.

The interface designed with a combination

of blue and yellow color, taken from its brand colors. It represents the professional and

friendly personality of the Q’RIN Laundry. The yellow color also used as the color of CTA

2017 - 2020 | PORTFOLIO

button, which always stays in place.

When users launch the app for the first time, there is an onboarding/splash screen with get started CTA button.

Users can select services they need in the main homepage screen. Also, users can

see their active orders and latest available promotions.

Swipe right from the left screen opens the sidebar, allows users to see other menus.

After selecting a service, users can add

the amount of selected service they need.

Users then can add it to cart or continue to purchase the selected service.

016

DIGITAL INTERFACE DESIGN

DOMINOS PIZZA APP REDESIGN CONCEPT 2020 | Digital Application | Personal Project

Typeface Montserrat Gotham

Colors

About This is a digital interface redesign concept for Dominos Pizza Mobile App.

The main idea is to design a more up-to-date Dominos Pizza app with a clean-minimalist visual style and high usability.

The interface designed with a combination of

red, white and blue color, taken from Dominos Pizza brand colors. The red color used as the color of CTA button, which made as clear as

2017 - 2020 | PORTFOLIO

possible and always stays in place.

The main homepage contains every

available menu. Users can select between

pizza, sides, chicken, or other categories from the tabs.

After selecting a pizza, users can select their favorite pizza’s size and crust before adding it to cart.

Users can see their list of orders from the

bottom navigation bar menu, which includes the date, order number and the order’s details after selecting one.

Users can also track their order from the tracking order menu.

020

DIGITAL INTERFACE DESIGN

MUSIC STREAMING APP CONCEPT 2020 | Digital Application | Personal Project

Typeface Poppins

Colors

About This is a digital interface design concept for a music streaming app.

The main idea is to design a music streaming

app with a modern and clean-minimalist visual style and high usability.

The interface designed with bright pink color

that symbolize exciting and positive aspects.

2017 - 2020 | PORTFOLIO

The color also used for the CTA button.

The main homepage contains every trending playlists and recently played songs. Users

can select between trending, artists, albums, or other categories from the tabs.

After selecting a playlist or album, users can either play all songs or select a song to play.

Users can also mark their favorite song with the love button on the right side.

While playing a song, the screen shows the title and the artist. Users can control the

volume, fast-forward, rewind, or even scrub and jump to points in a song.

Users can also see the live-sync lyric while playing a song.

024

DIGITAL INTERFACE DESIGN

PAYSQUARE DIGITAL WALLET APP CONCEPT 2020 | Digital Application | Personal Project

Typeface Fredoka One Open Sans

Colors

About This is a digital interface design concept for a digital wallet app, called PaySquare.

The main idea is to design a digital wallet app

with a flat and clean-minimalist visual style and high usability, hence simple operations.

The interface designed with flat and gradient blue color that represent trust, secure and dependability from PaySquare brand. The

gradient blue color also used as the CTA scan

2017 - 2020 | PORTFOLIO

button color.

The main homepage shows users’ current

balance. Users can also use main features,

including top up, send, request and et cetera.

To make payment, users just need to tap the floating CTA scan button.

Users need to scan merchant’s QR barcode to make payment. There is also phone

number or other barcode type available as alternative payment methods.

Users can connect their cards to the app from the bottom navigation bar menu,

allowing transactions and balance top-up directly from the app.

Users can see their transactions history from the bottom navigation bar menu.

028

DIGITAL INTERFACE DESIGN

MEDCARE COVID-19 APP CONCEPT #THEPROCESS 2020 | Digital Application | Personal Project

Typeface Poppins

Colors

About This is a digital interface design for a Covid-19 medical app, called MedCare.

The main idea is to design a Covid-19 health app that can helps users to get latest news,

informations and statistics about the spread of Covid-19, designed with a flat and clean-

minimalist visual style, and also high usability.

The interface designed with deep purple as

its main color, also calm red and yellow as its

secondary color. This color combination brings

2017 - 2020 | PORTFOLIO

calm and stability impression.

DIGITAL INTERFACE DESIGN

029

030

DIGITAL INTERFACE DESIGN

RESEARCH & ANALYSIS I started this research to find a point of

concern, especially about the public’s need for informations regarding to the spread of Covid-19.

The results of my survey suggested that there were several of users needs to informations and data related to Covid-19, including:

catch up to the latest news related to

getting reliable informations about

obtaining day to day statistics for

hotline number to report a potential

Covid-19 from reliable sources

Covid-19, including how to prevent it

Covid-19 cases

Covid-19 cases

By understanding what the user needs, I was

able to develop plans to create the app’s main

features and functionality. There is also several initial aspects that I would keep in mind while designing the interface, including:

The app should be designed with clean

usability, so it does not confused users

when using it.

All texts should not contain any

arranged as clear as possible.

2017 - 2020 | PORTFOLIO

visual, also with high visibility and

irrelevant information. It should be

All data and statistics should be shown in a compelling way for quick reading.

DIGITAL INTERFACE DESIGN

031

032

DIGITAL INTERFACE DESIGN

INFORMATION ARCHITECTURE The research data used to build an information architecture, which visualize what content and

HOME

features would be available on the app.

I started listing types of content needed, and

then divided it to 4 screen categories, including

EMERGENCY HOTLI

home, statistics, news and infos.

When the IA is finalized, I started to prepare

CALL NOW

manual sketches for the wireframe, before

continuing to the digital process - low fidelity and the final UI design.

SEND MESSA

QUICK STATISTIC

CONFIRME

RECOVERE

DEATHS

PREVENTION

2017 - 2020 | PORTFOLIO

LATEST NEWS

SELF CHECK-UP

INE

W

AGE

DIGITAL INTERFACE DESIGN

ON BOARDING

STATISTICS

INDONESIA CASES

LATEST NEWS

SELECT REGION

READ

CASES NUMBER

WHAT IS COVID-19

READ

MORE NEWS HOW IT SPREADS

CONFIRMED

CS

TRENDING

PREVENTIONS

RECOVERED

ED

READ

SYMPTOMS

DEATHS

ED

P

MORE INFOS

NEWS

MORE NEWS DIAGRAM

LIST VIEW

WORLDWIDE CASES

TOP COUNTRY

VIEW ALL

TREATMENTS

GOVT WEBSITES

REFERRAL HOSPITALS

033

034

DIGITAL INTERFACE DESIGN

LOW FIDELITY

2017 - 2020 | PORTFOLIO

Home Page

Home Page

DIGITAL INTERFACE DESIGN

Self Check-up Test

Statistics Page

035

036

DIGITAL INTERFACE DESIGN

LOW FIDELITY

2017 - 2020 | PORTFOLIO

News Page

Read News

DIGITAL INTERFACE DESIGN

Read News

More Info Page

037

The final interface of main homepage

contains an emergency action to call or

send a message to authorities if the user is feeling sick with Covid-19 symptoms. There

is also informations about Covid-19 updates, prevention and latest news.

If the user is feeling unwell, they can do a quick Covid-19 self-checkup test feature.

On the quick self-checkup test, users need to answer a set of questions to be diagnose if they might be affected by the virus or not.

Users can see the Covid-19 statistics from

the bottom navigation bar menu, including

numbers of confirmed, recovered and death cases in national-wide or even worldwide.

Users can see news related to Covid-19 from the bottom navigation bar menu, including the latest and trending news available.

Users can read the selected news, which

includes the news’ source and release date.

Users can read more news by selecting one from the bottom of the page.

Users can also read more informations about Covid-19 from the more about Covid-19 bottom navigation bar.

grap

phic design.

044

GRAPHIC DESIGN

Q’RIN LAUNDRY BRAND IDENTITY REDESIGN 2019 | Branding | Final Project

About This is an under graduate thesis branding

project for a laundromat business located in Taman Tekno, Tangerang.

Q’RIN Laundry is one of laundry businesses that does not have a strong identity concept, and it affects its brand image in the public eye. It

has a unique business model that uses digital app to provides their services, allowing their

customers to order a service right from Q’RIN Laundry Mobile App.

The main purpose of this project is to build

a new brand identity that suitable with the

friendly personality and no-need-to-worry

2017 - 2020 | PORTFOLIO

brand image of Q’RIN Laundry.

050

GRAPHIC DESIGN

MONKEYTAIL CAFE MENU BOOK DESIGN 2018 | Branding | Client Project

About This is a menu book design for MonkeyTail Cafe located in Jakarta. To follow their new updated brand identity, MonkeyTail Cafe also needs to update their menu book design.

The main concept is to design a menu with a

feel of reading a newspaper, that matches with calm and cozy MonkeyTail Cafe atmosphere.

The menu layout page is also divided by the

categories of available dishes at MonkeyTail

Cafe, including coffee and tea, main courses,

2017 - 2020 | PORTFOLIO

desserts and other drinks.

056

GRAPHIC DESIGN

SIXDEGREES CAFE MENU BOOK DESIGN 2017 | Branding | Personal Project

About This is a menu book design for SixDegrees Cafe located in Alam Sutera, Tangerang.

The main concept is to design a menu that matches SixDegrees Cafe atmosphere,

including uses of woods and blackboard materials.

The menu layout page is also divided by the

categories of available dishes at SixDegrees

Cafe, including breakfast, fingerfood, sandwich, soup and salad, pasta, meat, and drink

2017 - 2020 | PORTFOLIO

categories.

moti

ion graphics.

064

MOTION GRAPHICS

PURE IMAGINATION MOTION GRAPHICS 2017 | Motion Graphics | Team Project

About Pure Imagination is a motion graphic animation project for university final assignment.

The main concept is to visualize a song called ‘Pure Imagination’ by Gene Wilder using video camera footage combined with motion graphics animation.

The animation features a lonely girl, trying to

2017 - 2020 | PORTFOLIO

enter her expressive imagination world.

066

MOTION GRAPHICS

INSIDE OUT TITLE SEQUENCE MOTION GRAPHICS 2017 | Motion Graphics | Team Project

About Inside Out Title Sequence is a motion graphic animation project for university assignment.

The main concept is to make a title sequence

animation for Disney’s animation movie called ‘Inside Out’.

Following the colorful characters from the

movie, including Joy, Anger, Disgust, Sadness and Fear, we made this motion graphics

animation same as colorful as the movie

2017 - 2020 | PORTFOLIO

characters’ character.

068

MOTION GRAPHICS

HARRY POTTER TITLE SEQUENCE MOTION GRAPHICS 2017 | Motion Graphics | Team Project

About Harry Potter and the Halfblood Prince Title Sequence is a motion graphic animation project for university final assignment.

The main concept is to make a title sequence animation for a Harry Potter movie series.

Following the deep colors atmosphere from

the Harry Potter movie, we made this motion graphics animation using deep green color scheme and similar style as the movie

2017 - 2020 | PORTFOLIO

ambience.

070

MOTION GRAPHICS

TIME TO COME HOME ANIMATION 2018 | Motion Graphics | Team Project

About Time to Come Home is a motion graphic

story animation project for university final assignment.

The main concept is to make a short animation

film which objective is to encouraging people to come home.

The animation made with colorful illustrations

style ambience, combined with outlined vector

2017 - 2020 | PORTFOLIO

characters.

072

MOTION GRAPHICS

LOADED RESTO LOGO ANIMATION 2018 | Logo Animation | Client Project

About This is a logo animation for Loaded Resto,

following its recently new built brand identity.

The ‘Loaded’ brandmark is built from a smiling face gesture with a sniffing nose and a big

smiling mouth. The logo symbolizes smelling

delicious food aroma and expressing fulfilled face after getting a big and delicious meals

2017 - 2020 | PORTFOLIO

from Loaded Resto.

074

MOTION GRAPHICS

PT KASMAJI LOGO ANIMATION 2018 | Logo Animation | Client Project

About This is a logo animation for PT Kasmaji Inti

Utama, following its recently new updated brand identity.

The main purpose of this logo animation is

to show the before and after logo changing,

2017 - 2020 | PORTFOLIO

following its new brand identity.

076

MOTION GRAPHICS

LOVELIGHT MUSIC ENTERTAINMENT LOGO ANIMATION 2019 | Logo Animation | Client Project

About This is a logo animation for Lovelight Music Entertainment.

The main purpose of this logo animation is

to present the Lovelight Music Entertainment

2017 - 2020 | PORTFOLIO

brand on their after-event video.

078

MOTION GRAPHICS

2020 DEMOREEL 2020 | Demoreel | Personal Project

About This is my Demoreel 2020, contains a bunch of my animations and projects.

Give it a look!

Scan this QR Code or visit

2017 - 2020 | PORTFOLIO

tinyurl.com/marvindemoreel

THANK YOU!

Marvin Louis Honanda would like to thank you for viewing this portfolio.

The artwork, information, images, and/ or data contained in the book are copyrighted by their respective owner and may not be distributed, modified or reproduced in whole or in part without prior permission of the respective owner.

marvinlouish@gmail.com

+62 815 19 131323 dribbble.com/marvinlouish linkedin.com/in/marvinlouish

Š 2020 Marvin Louis Honanda