top of page
G_logo_animating.gif

Motion Design

​

Welcome to my Motion Graphics portfolio, showcasing a collection of motion graphic projects created for clients, companies I have worked with, and personal projects where I explored and developed new skills.

​

I mainly use Adobe Photoshop and Adobe Illustrator to create illustrations, characters and design elements, which I then bring to life through animation using Adobe After Effects and Premiere Pro. I also sometimes use Figma to create and develop motion-based designs.

​

This page takes you through my motion graphic projects, showing my creativity, animation skills and experience working across different types of projects.

Aria_square_1200.gif

Google — Motion Graphics

​

This project showcases motion graphics I created during my work with Google. The animated GIF features a woman sitting comfortably on a sofa with her laptop and coffee, while clouds slowly move in the background outside the window. The animation was designed for a Google course page to show users that they can learn from the comfort of their own home, making the course experience feel simple, accessible and user-friendly. I created the character and objects using Adobe Illustrator, then animated the elements and background in Adobe After Effects.

​

Personal Project: motion design - Gif
Role: Motion Designer
Tools: Adobe 
Illustrator and After Effects

Google — Lipstick App Mockup

​

This project was a mockup concept for a potential Google shopping experience, showing how customers could browse and try different lipstick shades through an app. The phone displays different lipstick options, allowing the user to select a shade and see it appear on the character in front of them. The concept was designed to explore how Google could create a shopping experience similar to platforms such as eBay or Amazon while still following Google’s visual design guidelines. I created the character, phone and design elements using Adobe Illustrator, then animated the project and exported it as a GIF using Figma.

​

Personal Project: motion design - Gif
Role: Visuals Designer
Tools: Adobe Illustrator and Figma

2D lipstick.gif

Google Motion Design Showreel

​

A curated collection of motion graphic and visual design projects created for Google, showcasing animated graphics, typography, transitions, UI-inspired elements and visual storytelling across digital and branded communications.

​

Client Project: Google — Web & Internal Communications
Role: Motion Graphic Designer
Tools: After Effects, Figma, Illustrator, Photoshop & Premiere Pro

TryHackMe – Animated Learning Visuals

​

​

iOS Forensics Animation_V2.gif
Day 19 task animation.gif
Time Spent.gif

​

​

A collection of animated GIFs created for TryHackMe to support and enhance the online learning experience. The animations were designed to complement different cybersecurity courses, helping to capture the learner’s attention while providing simple visual instructions, explanations or guidance alongside the written content.

​

I created the original illustrations and graphic assets in Adobe Illustrator, then brought them to life using Adobe After Effects, adding movement and visual transitions to make the information more engaging and easier to follow.

Baselines and Anomalies Room Animation.gif
Nmap Room.gif

Each GIF was designed around the specific course content, ensuring the animation had a clear purpose while maintaining TryHackMe’s visual style.

​

Project: TryHackMe Course Animations
Role: Motion Designer / Illustrator
Tools: Adobe Illustrator & Adobe After Effects
Purpose: Animated Learning Content

Infographic Motion Design & Italian History

​

A client project exploring the relationship between Fascism and totalitarianism, focusing on the historical concept of Fascist Italy as an “imperfect” form of totalitarianism. The project combines historical storytelling, infographic design, illustration, typography and motion graphics to communicate complex information in an accessible and engaging way.

​

Personal Project: Infographic Video · Motion Design
Role: Motion Designer
Tools: Adobe After Effects · Adobe Illustrator · Adobe Stock

Bio Agency - Atomic Design Principles

​

A motion design project created for The BIO Agency to visually explain the Atomic Design methodology developed by Brad Frost. The animation explores the five stages — Atoms, Molecules, Organisms, Templates and Pages — demonstrating how individual UI components can be combined to create structured, modular and scalable digital interfaces.

 

Through motion graphics, typography and visual storytelling, the project transforms an abstract UI/UX concept into an engaging visual explanation, showing how reusable components can work together to create consistent and flexible design systems.

​
Project: Atomic Design Principles
Role: Motion Designer
Tools: Adobe After Effects · Adobe Illustrator

PNC Bank Advertising Redesign

​

A team-based advertising redesign project created to explore how an existing PNC Bank advertisement could be refreshed through modern motion graphics, visual design and digital storytelling. The project focused on creating a contemporary advertising concept while maintaining clear, professional communication aligned with a modern financial services brand.

​

The creative process combined animation, typography, transitions, visual composition and digital assets. Adobe Stock was used to source selected SVG and PNG elements, while imagery and video content from the PNC Bank website were referenced to help maintain a connection to the brand’s existing visual identity.

​

Personal Project: Advertising Redesign · Motion Design
Role: Motion Designer / Visual Designer
Tools: Adobe After Effects · Adobe Photoshop · Adobe Stock

Motion Graphics Showreel

​

A personal motion graphics showreel showcasing a collection of projects created through experimentation, skills development and continued learning. The work explores different animation styles, motion techniques and visual storytelling approaches.

​

Created primarily in Adobe After Effects, using Shape and Pencil Tools alongside vector artwork designed in Adobe Illustrator and selected SVG assets from Adobe Stock. The showreel focuses on 2D animation, with examples of 2.5D techniques using layering, perspective and scale to create depth, including a flat 2D book transformed into a 2.5D booklet.

​

Personal Project: Motion Graphics Showreel · 2D & 2.5D 
Role: Motion Designer
Tools: Adobe After Effects · Adobe Illustrator · Adobe Stock

  • YouTube - Black Circle
  • Instagram - Black Circle
  • LinkedIn - Black Circle
bottom of page