TOOLS / INTERACTIVE LAB

Design Tools Lab

WORK ARCHIVE

Go back

All Works

Original projects and personal motion experiments appear first; case studies are clearly labeled to distinguish them from original work.

ORIGINAL WORK Original Work
Cover image for BESTIR PVC Pipe Cutter Series | E-commerce Hero Images and Product Detail Page Design Original Work

Original Work · E-commerce Visuals · 2026

BESTIR PVC Pipe Cutter Series | E-commerce Hero Images and Product Detail Page Design

A visual system for three BESTIR quick-action PVC and aluminum-plastic pipe cutters, organizing hero images, carousel images, and product detail pages so model differences and key selling points can be understood more quickly.

Cover image for SHIDAFA. Logo Motion | Logo-Generation Study Original Work

Original Work · Motion Design · 2026

SHIDAFA. Logo Motion | Logo-Generation Study

A short Logo Motion study built around the axes, curves, and directional transitions of my personal mark, making its static structure visible through movement.

Cover image for AIR 01 | JD.com Product Detail Page Design for a Pedestal Fan Original Work

Original Work · E-commerce Visuals · 2026

AIR 01 | JD.com Product Detail Page Design for a Pedestal Fan

A JD.com hero visual and product detail page sequence for the cream-white AIR 01 pedestal fan, presenting its form, domestic atmosphere, and material details more naturally.

Cover image for Five AE Typography Motion Studies Motion Experiment / Tutorial

Motion Experiment / Tutorial · Motion Design · 2026

Five AE Typography Motion Studies

Five AE motion variations built around the same set of type, using position, trails, blur, scale, and timing controls to examine how the letterforms move.

RESEARCH ARCHIVE Case Studies
Cover image for TED Intro Animation | Opening Motion for a Global Stage Case Study

Case Study · Motion Breakdown · 2024

TED Intro Animation | Opening Motion for a Global Stage

A motion case study centered on the TED intro animation: particles, light, information flows, and logo structures compress the idea of thoughts being connected and spread into five seconds.

Cover image for Stack | Kimathi Flavien Motion Design Breakdown Case Study

Case Study · Motion Breakdown · 2025

Stack | Kimathi Flavien Motion Design Breakdown

A case study organized from Motionographer's behind-the-scenes interview with Kimathi Flavien about Stack, preserving the original case study's publicly available images and video embeds while documenting its creative process.