Hi, I'm Hanan

Motion Designer & 3D Illustrator

More

Hanan's Portfolio

Motion Graphic
Lottie Animation
3D Illustration
Custom Plugin After Effect
UI/UX
    • Was it true that the Sahara desert was fertile?

    • Being part in the biggest education YouTube channel in Indonesia, here i create animation video about Sahara dessert fact. Here I create video starting from making storyboard, asset, animating, and mixing video with audio.

    • Casan, Pemasan, dan Hutan

    • Create animation video about wasted energy that our unplugged charger made, and what is the role of forests in dealing with this. Here I was creating video from researching about content until mixing with audio.

    • QRIS Promo Video

    • This was video for competition held by Bank Indonesia. This video explain about benefits of using QRIS, Quick Response Indonesia Standard. In this video, I was creating from research for making script, visualize into graphic, creating assets, animating, and mixing.

    • Cari Aman Promo Video

    • Create animation to introduce health passport app to travel when pandemic covid is hit. Here I was creating video from visualize script into asset, until mixing with audio.

    • Covid Family Cares

    • Make an animated video that tells about a family trying to help others in the midst of a pandemic Covid-19.

    • Thank you health workers

    • A form of gratitude to health workers who are still struggling in the midst of a pandemic

    • Kenalsapa

    • This video was competiton video held by kenalsapa.com. The purpose of this video is promoting kenalsapa website to public. Participant was provided with voice over, so I started making this video from visualize audio into graphic, asseting, animating, and mixing.

    • Journey Bootcamp

    • This video is about Arkademy's bootcamp and explaining walkthrough how to register Arkademy's Bootcamp. Here I was provided with script, so I started creating this video from visualize script into graphic, asseting, animating, and mixing.

    • ATASI Era Digital - Aman Bertransaksi di Era Digital

    • Being part of Bank Indonesia competition, here i create explainer video about how to safely doing transaction of money in digital era. Here I create video starting from doing research about content, create storyboard, asset, animating, and mixing with audio to become explainer video.

    • Creative and Innovative in Tech Era

    • Create animation video about being innovative and creative in tech era, so we can have a better future and developing robots to help our job. Here I create video starting from doing research about content, create storyboard, asset, animating, and mixing with audio to become explainer video.

    • E Lapor DIY - Promotion App

    • Create animation video for Public service Advertisement purposes. E Lapor DIY was application that made by Yogyakarta City Government to responds to reports from the community regarding the problems faced by the community.

    • Is foreigner can be director in Indonesian Company?

    • Create animation video about legal law in Indonesia. This competition held by Smartlegal.id. Here, I was provided with script, so i started creating video from brainstorming to visualize script into graphic, asseting, animating, and mixing with audio.

    • How To Become a Good Programmer

    • Create animation video about few tips to become great programmer. Here I was provided with script, so I started making this video from visualize script into graphic, asseting, animating, and mixing with audio into attractive explainer video.

    • Few Kind of Charitable in Islam

    • This video was explaining about charitable in Islam, this was competition held by Indonesian Ministry of Religion. I was creating this video start from doing research about content, until mixing with audio and turned into explainer video.

    • CAD Procedure

    • This video is about CAD Procedure and explaining walkthrough how to use CAD platform. Here I was provided with script, so I started creating this video from visualize script into graphic, creating assets, animating, and mixing.

    • Gift Amount

    • Just my exploration about the amount of the prize is proportional to the size of the prize

    • Hi, I'm Hanan

    • My first shoot in Dribbble, just simple introduction about mysef. "Hi, I'm Hanan :D"

    • How to Enjoy Art Exhibition with 360° Virtual Tour

    • Create animation video about how to use virtual 360° website to enjoy virtual tour about art exhibit.

    • Vahaan Promo Video

    • Create explainer video about Vahaan Services in Australia. Here I was provided with script and turned in into attractive video, starting from doing brainstorming to find ideas how to visualize script into graphic, until mixing with audio.

    • Benefits of Scholarship

    • Create animation video about benefits of scholarship.

    • Wedding Invitaion

    • Create wedding invitation in motion graphic form.

    • Tolerance - Elementary School Materials

    • Competition about using motion graphics as learning media. Got 1st Place in competition, this video is teaches about tolerance around us, the material is light for elementary school children

  • Overview Series | Explainer Video about Programming Language

  • Create explainer video about programming language and visualize into attractive videos. Here I was provided with script, so i make this videos starting from brainstorming to visualize script into graphic, asseting, animating, and mixing with audio to create attractive explainer video

    • Cat Skate Motion

    • Exploration, just little cat riding skateboard

    • Webtec Logo Motion

    • Create logo motion

Billexcel - Callour Studio

Jackett - Callour Studio

Webtec - Callour Studio

Resample - Callour Studio

Datasaur - Callour Studio

Hyperflags - Callour Studio

Cega - Callour Studio

Gif Amount
  • 3D Gift Amount

  • Re Create gift amount from 2D animation into 3D animation

  • Beach

  • Need vacation? how about beach?

  • My Little Campuss

  • Create my beloved campuss, Telkom Institute of Technology Purwokerto into 3D Illustration

  • Low Light Bedroom

  • Cozy bedroom

  • Chess

  • Watch your moves, Checkmate!

  • Among Us

  • Who's the impostor? Red look sus?

  • Web Design Concept

  • Looks like you moved it a pixel

  • Simple House

  • Looks cozy to me, how about u?

simple house

Lifelong Custom Script | Adobe After Effects

  • Because of the frequent repetition of work, so here I created a custom plugin to shorten it, this is done to save time and process effort. The things that can be done from this plugin are as follows

    • Generate working folder in project panel after effect

    • Create comp with button

    • Multiple selected properties for LoopOut Expression

    • Custom animation like, blinking, wiggle position, and wiggle rotation

Custom Renamer and Marker Script | Adobe After Effects

  • Auto identification and rename layer, to its layer type, add prefix in layer name, and add increment number in the end of every layer according to its type. Identified layer type such like precomp layer, video layer, image layer, solid layer, audio layer, guide layer, etc. And auto create marker according to user input

Custom Renamer Body Part | Adobe Illustrator

  • Auto renamer bodypart, used to speed up the work of the graphic designer team so that there is no need to type the layer names one by one, but only need to press the button according to the position of the body part, then the layer name will automatically change

*All plugin made with extended toolkit

Case Study

narasihub

NarasiHub

Creating a digital media project to be used in developing the narasi.tv community in a better direction. Here I try to create a forum to be a place for community members to interact, both interaction with informant and interaction between community members. Here we try to conduct studies related to the market, problems faced by community members and try to design solutions that we can offer.

You can read the full case study on my medium

NarasiHub Case Study
findtern

FindTern - Find Intern

UX case study that I did at my own campus. The problem is quite simple, but the majority of my friends are still experiencing it. An application to help find an internship, called FindTern (Find Intern).

You can read the full case study on my medium

FindTern Case Study
cari aman

Cari Aman App - Health Passport

The first UX case study I did.

Cari Aman App is a health passport used to enter public places. This idea was created because many small businesses were closed due to the pandemic. Pandemic has had a big impact, quite heavy on the economy of these places. The main idea is, if we are not able to prohibit people from going to public places so that it 'perhaps' to spread the virus, at least we have to record the people who visit these public places.

You can read the full case study on my medium

Cari Aman App Case Study

Exploration

ordanandursrawungchess