Improvement Projects

All improvement work grouped into one clean page.

Improvement Project 1

After Effects Animation and Motion Design

The Challenge

Note: This project showcases before and after animations. Two videos demonstrate the improvements made.

This project involved creating an introduction for an interview video, including background planning and motion design.

Feedback Received:
  • The animation felt too static after its first motion.
  • The camera movement was too rigid and visibly accelerated.
  • More dynamic effects were needed to capture attention.
  • Shaky camera movement required correction.

Visual Comparison

Before

Original Animation

Static layout, basic animations, inconsistent timing.

After

Improved Animation

Smooth transitions, dynamic effects, polished visual hierarchy.

Key Improvements

  • -> Smoother easing and pacing for more natural motion
  • -> Camera movement refined to remove visible acceleration
  • -> Stronger visual hierarchy with cleaner text placement
  • -> More dynamic effects to keep attention
  • -> Export settings optimized for stable quality

Improvement Project 2

Responsive Website Redesign

The Challenge

Note: This project showcases before and after website designs. Screenshots demonstrate the improvements made.

This project involved redesigning a blog website built with PHP and CSS. The initial version had no responsive design.

Feedback Received:
  • Website breaks on mobile and tablet devices.
  • Navigation menu not user-friendly on smaller screens.
  • Font sizes were inconsistent across pages.
  • Gallery area no longer worked properly.

Visual Comparison

Before

Original Design

Original website design

Not responsive design.

After

Improved Design

Redesigned website

Fully responsive for mobile, tablet and desktop.

Key Improvements

  • -> Mobile-first responsive design using CSS Grid and Flexbox
  • -> Hamburger menu for mobile navigation with smooth transitions
  • -> Consistent typography and improved readability

Improvement Project 3

Photo Retouching and Color Correction

The Challenge

Note: This project showcases before and after photo retouching. The image demonstrates the improvements made.

This project involved retouching a studio packshot photo using Lightroom adjustments for lighting and color balance.

Feedback Received:
  • Photo had uneven lighting and color balance issues.
  • Highlights were too harsh and shadows lacked detail.
  • Overall image felt flat and lacked vibrancy.

Visual Comparison

Before

Original Photo

Original photo

Uneven lighting, flat colors, harsh highlights.

After

Retouched Photo

Retouched photo

Balanced lighting, enhanced colors, improved vibrancy.

Key Improvements

  • -> Adjusted exposure and contrast for better lighting balance
  • -> Enhanced color saturation and vibrancy for a more appealing look
  • -> Reduced harsh highlights and lifted shadows to reveal more detail

Case Studies

Web Development and Production Documentation

Two complete case studies documented in Figma.

Open Case Studies in Figma

Case Study 1

GlobalFrames Website

Front-end implementation of the Capython agency website GlobalFrames, built from a provided wireframe and focused entirely on web integration.

Case Study 2

University Graduation Ceremony Live Capture

Live event video production with a team, where I worked as the mobile camera operator during the university graduation ceremony.