Portfolio Model Kit
2021 - Present

PORTFOLIO DESIGN

Tools: Webflow, Adobe Illustrator, Adobe After Effects, Adobe Photoshop, Adobe Premiere Pro
Roles: Web Developer, Illustrator, Animator
Web Dev

Introduction

A portfolio change comes with the advancements of artistic expression and vision. To reflect this change, I’ve decided to stimulate visual sensory by having interactions with animation and a theme that fits with my personal growth: building joyous memorials of my proudest projects!

🫧 Previous Portfolio Theme

Rainbow Flow

2021

This was my first exposure to Webflow. The main focus on this portfolio is motion. I covered as much as I could from basic hover motions to a circle that changes gradients when it follows the mouse across the screen. To enhance user experience and give it a unique spice, the site scrolls horizontally.

Old Portfolio

🎇 Current Portfolio Theme

Plastic Model Kit

2022/2023

Introducing a childhood favourite that even adults can enjoy, plastic model kits take over the portfolio theme of this year! The process of building a figure is for one to enjoy, whether it be that satisfying click from popping the pieces out or the finished product.

Whatever step you may be at in life, just know all these pieces make up you 🧩
Current Portfolio Home Screen

Goals

As I gain more experience in my design journey, I enjoy renewing my portfolio to reflect what I’ve learned. I would like to further elaborate on projects as well as introduce a cohesive theme throughout the site. 2021’s version was focused on interactions and I would like to also further experiment with that to reflect the overall playfulness of my style!

A Plastic Model Kit

Process

Skills: Front-end development, Lottie Animation, Graphic Design, Branding

Ideating

To capture my style and highlight my works in a memorable way, each process of crafting together the portfolio is done from scratch.

Seeing how the plastic parts can become a figure to represent each work.
Storyboarding the home page animation.

Animation

Illustrations are puppeteered in After Effects to create an interactive video users can scroll through at their own pace. No matter how fast or slow you go through them, there are no shortcuts to the final product!

Illustrations on the Home Page
A collection of illustrations used for the home page lottie animation.
Sprite Sheet of About Page Assets
What is a building kit without its manual? Check the About page for more details!

Keep on exploring my portfolio to uncover all the figurines! ✨

Explore Projects

Portfolio Plastic Model
Feel free to contact me