• MOTION
  • ILLUSTRATION
  • BRANDING
  • DIGITAL
  • SPECIAL PROJECTS
  • MUSIC
  • ABOUT
John Matta
  • MOTION
  • ILLUSTRATION
  • BRANDING
  • DIGITAL
  • SPECIAL PROJECTS
  • MUSIC
  • ABOUT

TRUSTPILOT

Motion Design · Illustration · Storyboarding · Social Video

I worked with Trustpilot as a freelance motion designer and animator for around three years, creating animations to promote new and existing product features across the brand's marketing channels.

Working from supplied scripts, I developed visual concepts and storyboards to bring the messaging to life, then illustrated and animated the sequences in After Effects. This involved translating written content into engaging visual narratives, using a combination of illustration, typography and motion to communicate product benefits clearly.

The finished animations were adapted for social media platforms and at times, localised into additional languages, helping Trustpilot deliver consistent messaging across international markets.

The examples shown here include selected finished animations alongside storyboard concepts, illustrating the process from initial visual development through to final animation. I’ve also included a video showing pieces I produced for the large screens in the Trustpilot offices.

MY CONTRIBUTION
- Creative concept development
- Storyboarding and visual storytelling
- Illustration and visual design
- Motion design and animation in After Effects
- Social media adaptation and localisation

MARSHMALLOW

Character Animation · Motion Design · Brand Identity

I created a series of animated treatments for Marshmallow's new logo, bringing the brand's distinctive visual identity to life across its digital and broadcast channels.

Designed for use across the website, app, social media and TV advertising, the animations gave the new identity a dynamic dimension while retaining the character and recognisability of the original logo.

I produced the animations in Adobe After Effects, developing the movement and timing to create a cohesive set of logo animations suitable for different platforms and formats.

MY CONTRIBUTION
- Character animation
- Motion design and timing
- Animation production in After Effects

NESPRESSO

Illustration · Motion Design · 2D Animation

I was commissioned to create an animation for the trailer promoting the Nespresso Talents Vertical Film Festival. The brief was to create an imaginative, otherworldly cityscape viewed from a rising perspective, evoking the sensation of ascending through a futuristic city in a glass elevator.

I illustrated the environment in Adobe Illustrator, then brought the artwork into After Effects as layered elements. By animating the layers at different speeds, I created a parallax effect that gave the cityscape depth, movement and the illusion of travelling upwards through the scene.

The result was a vibrant, immersive visual that combined illustration and motion design to bring the concept to life.

MY CONTRIBUTION
- Creative development
- Illustration and visual design
- Animation and compositing

HALO TOP

Campaign Design · Art Direction · Stop-Motion Animation

I worked on the UK launch of Halo Top, helping bring the brand to life through design and animation. I also created social media content for the brand over the following year. The campaign went on to win a Drum Award in the social media category.

MY CONTRIBUTION
- Creative development at concept stage
- Art direction during shoots
- Stop-motion animation
- Post-production and final delivery

COLDPLAY

Illustration · Frame-by-Frame Animation · Music Video

I was one of eight illustrators and animators commissioned to bring the official lyric video for Something Just Like This to life, combining illustration and frame-by-frame animation to create a distinctive visual interpretation of the song.

Working to an established reference image and colour palette, each artist was assigned specific lyrics to interpret visually. I illustrated and animated my section in Photoshop, creating a hand-crafted sequence that became part of the finished video.

Released in February 2017, the video made YouTube history, attracting more than 9 million views in its first 24 hours and setting a record for the biggest lyric-video debut at the time.

MY CONTRIBUTION
- Illustration
- Frame-by-frame animation

TETLEY

Creative Concept · Art Direction · Stop-Motion Animation

I was commissioned to create a stop-motion film for Tetley that communicated the quality of its tea blend and celebrated its geographical origins.

I developed the creative concept and visual approach, then created an animatic to plan the movement and timing of the sequence before bringing it to life through stop-motion photography. I oversaw the production from the initial setup and shoot through to post-production and final delivery.

The project involved two days of preparation, a full day of shooting and a further day in post-production, combining careful planning, precise animation and hands-on production to deliver a distinctive piece of branded content.

The finished film was warmly received by both the client and its audience, successfully bringing Tetley’s product story to life through an engaging, tactile visual approach.

MY CONTRIBUTION
- Art direction and design
- Photography and animation
- All post production

HONDA

Creative Concept · Scriptwriting · Illustration · Animation

I was commissioned to create an educational social media video explaining how Honda's hybrid engine works. Working from technical information supplied by one of Honda's engineers, I developed the script and translated the key points into a clear, engaging visual narrative.

Using a hand-drawn whiteboard animation style, I illustrated the concepts and animated them to make the technical information accessible and easy to follow. The result combined informative content with expressive illustration and motion to explain a complex subject in a simple, engaging way.

MY CONTRIBUTION
- Scriptwriting and concept development
- Illustration and visual storytelling
- Animation and motion graphics

VOLVO

Character Illustration · Frame-by-Frame Animation · VR Experience

I was commissioned to create a series of illustrations and animations for an upcoming Volvo event, contributing to an immersive 360° VR experience that told the story of a young boy whose careless littering has unexpected consequences for the natural world.

I illustrated the characters and scenes in a simple, expressive hand-drawn style, then animated the artwork frame by frame in Photoshop. The animations were supplied to the production agency for integration with the 360° VR footage, helping bring the story to life within the immersive experience.

MY CONTRIBUTION
- Character and scene illustration
- Frame-by-frame animation in Photoshop
- Preparation and delivery of animation assets for VR integration

UNDEAD MONSTER CLUB

Brand Identity · Character Design · Illustration · Art Direction · Animation

Undead Monster Club was an NFT project built around a collection of 8,888 unique monster characters on the Ethereum blockchain. I developed the project's visual identity and creative direction, creating a distinctive world that brought together horror-inspired characters, dark humour and bold, playful illustration.

I designed the branding and illustrated the NFT artwork, establishing the visual style for the collection. I also developed the wider creative assets supporting the project, helping carry the identity across its website and promotional materials.

The project gave me the opportunity to take a concept from its initial visual direction through to a fully realised identity and character-led creative world.

MY CONTRIBUTION
- Branding and visual identity
- Art direction and character design
- Illustration for the NFT collection
- Website and promotional design
- Motion graphics and launch content

TRUSTPILOT

— view —

trustpilot thumb.png

MARSHMALLOW

— view —

Marshmallow thumbail.jpg

NESPRESSO

— view —

Nespresso+main square.png

HALO TOP

— view —

Angel 1200x1200 v3.jpg

COLDPLAY

— view —

coldplay cover square.jpg

TETLEY

— view —

Tetley.png

HONDA

— view —

Screen Shot 2018-06-12 at 17.22.47.png

VOLVO

— view —

boy on turtle square.jpg

UNDEAD MONSTER CLUB

— view —

UMC Legendary 01 FINAL.jpg