Dimitra Vrakas
Web Designer
0   /   100
The art of movements that are drawn

Animations

Scroll Down

MOM Psychology Logo

Project  Details

This logo animation was an integral component of the MOM Psychology branding and website development process.

Employing SVG/CSS animation techniques, we aimed to ensure optimal resolution, smooth transitions, and swift loading times. The SVG file was seamlessly embedded into the website using HTML code.

Technology: Combination SVG elements with CSS techniques

Animation

Swinburne University Assignment

Project  Details

The "Circle of Life" animation project was an assignment of my Master's in Multimedia program at Swinburne University, focusing on animation. This course extensively covered animation techniques using Flash and ActionScript.

Beyond merely teaching software proficiency, the course emphasized the importance of mastering fundamental timing skills. This understanding significantly enhances the professional quality of animations, a key objective of the curriculum.

Technology: Adobe Flash, ActionScript, Adobe Illustrator, exported as mp4 video.

Email signature banners

Corporate Banners

Project  Details

Embedded animation banners within email signatures are utilized to facilitate campaigns and advertisements.

These banners are crafted using Adobe After Effects and exported as GIF images in low resolution to ensure swift loading times.

Technology: Adobe After Effects, exported as GIF image

Video Intro

Presentation transition slide

Presentation Video

Mansfield Awards

Project  Details

The Mansfield Awards annually celebrate excellence in claims within the Australian insurance industry. As part of this endeavor, I've been tasked with crafting numerous animated elements and videos for both the event's website and presentation.

Our goal is to capture the essence of elegance and luxury that defines this prestigious occasion, which occurs once a year.

Technology: Adobe After Effects, Adobe Premiere Pro, Adobe Audition, exported as MP4

Animation

My Portfolio

Project  Details

This animation serves as a dynamic presentation of my skills and abilities on my portfolio website.

The composition includes multiple layers representing components such as images, animated text and vector graphics.

Technology: Adobe After Effects, exported as MP4

Home Slider Banner

Mansfield website

Project  Details

Utilising the Slider Revolution WordPress plugin, I've crafted numerous visually striking and responsive sliders that seamlessly adapt to any device, ensuring an impressive display across all platforms.

The composition includes multiple layers representing components such as images, animated text and vector graphics, videos and HTML.

Technology: Slider Revolution WordPress plugin

Home Page Banner

Home Page Banner

LMI Group Websites & APPS

Project  Details

I've contributed an HTML/CSS Javascript animation to enhance the LMI Group websites' user interface and interaction.

Collaborating closely with developers, I've integrated CSS animation and Javacript elements into various aspects of many sites, including banners, buttons, loaders and interactive elements as part of my professional duties.

Technology: HTML5, CSS, Javascript