Publication
A Step-by-Step Guide to Creating Animated Product Explainer Videos
https://www.toptal.com/designers/after-effects/create-an-animated-explainer-video
Matt is available for hire
Hire MattMatt Barringer
Verified Expert in Design
Designer
Brighton, United Kingdom
Toptal member since March 29, 2016
Bio
Matt is an illustrator and designer who loves creative coding and animation. He loves to solve problems in the digital space and hopefully tell a story along the way. He has over a decade of professional experience working with film and TV companies to produce branded websites, data visualization, and infographics for news items, as well as on-air title sequences and GFX.
Portfolio
WEF Data Visualization
Content CreationDigital DesignAdobe2D Motion Graphics
Flash on the Beach
User Interface (UI)Digital DesignAdobeArtistic Skill
CNN World Weekly
User Interface (UI)Content CreationDigital DesignAdobeArtistic Skill
Knight & Knoxley
User Interface (UI)Digital DesignAdobe
Oilfield Iraq
Content CreationDigital DesignAdobeArtistic Skill
Future of Transport Ticketing
Artistic Skill
World Cup Twitter Buzz
Dashboard Design
Experience
- Adobe Photoshop - 18 years
- Illustration - 16 years
- HTML - 15 years
- Animation - 12 years
- Branding - 12 years
- Adobe Illustrator - 10 years
- Adobe After Effects - 8 years
- JavaScript - 8 years
Tools
- Adobe After Effects
- Adobe Photoshop
- Adobe Illustrator
Work Experience
Creative Technologist
2017 - PRESENT
redhoteskimo
- Ideated and created numerous product mockups and animations for new digital solutions.
- Designed numerous brand identities and logos for web and physical startups.
- Produced a front- and back-end solution for a major new film streaming service, filmstruck.com, that is part of Time Warner's marketing website.
- Helped develop technology and business logic for a startup estate agency, then created their brand identity, a custom CMS, and a front-end website. Consulted on innovative ways to drive conversions, including VR tours of houses.
- Created the bridge from the front end to the back end in AWS Lambda for user login and account management for corporation-wide implantation in streaming platforms.
Technologies: JavaScript, React, 3D Animation, Animation, SVG Animation, HTML5, Adobe After Effects, Cinema 4D, Amazon Web Services (AWS), Illustration, Design, Web Consulting, Logo Design, Web Marketing, Branding, User Experience (UX), Visual Design, Creative Direction, Character Illustration, 2D Animation, Figma, Web App Design, 2D Games, Responsive Design, UI Design, Lottie, Responsive Web Design (RWD), Websites, Web App UI, User Interface (UI), eCommerce, Character Animation, Character Design, eCommerce Design, Web, Landing Page Design, Content Creation, Presentation Design, Video Production, Digital Design, Adobe, Low-code Development, WordPress, After Effects CC, Artistic Skill, Content Production, Wireframing, UX Design, Dashboard Design, Video Ads, Ads, 3D Modeling, Social Media, Brand Design, Visual Identity, 2D Motion Graphics, Visual Storytelling
Head of Digital
2012 - 2015
If Not Us Films
- Designed and built a real-time web application allowing first and second-screen interaction with over five hours' worth of documentary video.
- Built an entire oilfield in 3D and animated to show the construction process that lasted over two years.
- Designed and animated straps for shows in multiple languages.
- Art-directed numerous pitches for TV and web projects.
- Developed a custom content management system to aid in the creation of non-linear content.
- Hired and trained junior animators for over 12 months to production-ready output.
Technologies: JavaScript, Ruby on Rails (RoR), Adobe After Effects, Cinema 4D, Adobe Illustrator, Adobe Photoshop, Creative Direction, 3D, Cinematography, Product Design, 3D Motion Graphics, Websites, Web App UI, User Interface (UI), Character Design, Web, Content Creation, Video Production, Digital Design, Adobe, WordPress, Microsoft PowerPoint, After Effects CC, Artistic Skill, Content Production, Wireframing, UX Design, Dashboard Design, Video Ads, Ads, 3D Modeling, Brand Design, Visual Identity, 2D Motion Graphics, Visual Storytelling
Senior Designer
2007 - 2012
CNN International
- Illustrated an image for the homepage magazine article every weekday for about two months, totaling in approximately 80 illustrations.
- Created numerous title sequences for international news shows.
- Originated, designed, and was part of the team that created the World Cup Twitter buzz, a real-time web app that tracked sentiment during World Cup matches and won a Royal Television Society Award for Innovative News.
- Created numerous data visualizations in JavaScript, CSS, and HTML. The earlier versions were in Flash and ActionScript to complement news articles and TV spots.
- Designed new page layouts and design flow based on the CNN brand guidelines.
- Led innovative projects and directed a team of developers and designers throughout the entire production cycle.
Technologies: CSS, HTML, JavaScript, Flash, Cinema 4D, Adobe After Effects, Adobe Illustrator, Adobe Photoshop, Creative Direction, Web Design, Data Visualization, Responsive Web Apps, Motion & Animation Design, Websites, User Interface (UI), Character Design, Web, Content Creation, Video Production, Digital Design, Adobe, Slideshows, After Effects CC, Artistic Skill, Content Production, Wireframing, UX Design, Dashboard Design, Video Ads, Ads, Social Media, Brand Design, Visual Identity, 2D Motion Graphics, Visual Storytelling
Web Designer and Illustrator
2002 - 2007
Freelance Work
- Coded and designed microsites for Cartoon Network.
- Prototyped and created web platforms for Hub Culture.
- Created promotional print material for the University of Portsmouth.
- Designed promotional material for a student bar chain named Scream Pubs.
- Composed numerous websites and caricatures for large and small companies.
Technologies: Pencil & Paper, Flash ActionScript, Flash, JavaScript, CSS, HTML, Adobe Illustrator, Adobe Photoshop, Interactive Design, Websites, User Interface (UI), Caricatures, Character Design, Web, Digital Design, Adobe, Artistic Skill, Ads, 3D Modeling
Other Experience
Education
2001 - 2003
Bachelor of Arts (BA) in Web Design
University of Portsmouth - Portsmouth, UK
Skills
Tools
Adobe After Effects, Adobe Photoshop, Adobe Illustrator, Adobe, Microsoft PowerPoint, After Effects CC, Sketch, Sublime Text 3, Cinema 4D, Flash, Pencil & Paper
Languages
CSS, HTML, JavaScript, HTML5, CSS3, Flash ActionScript, Ruby, PHP
Platforms
MacOS, Web, Shopify, Figma, WordPress, Amazon Web Services (AWS)
Other
Branding, Web Layout, Animation, Illustration, 3D Animation, 3D Modeling, User Experience (UX), Motion Graphics, Videos, Video Editing, Shopify Design, Visual Design, Creative Direction, Character Illustration, Explainer Videos, 2D Animation, Web App Design, Motion Design, Web Design, Graphic Design, 3D, Interactive Design, Responsive Design, Product Design, Data Visualization, Responsive Web Apps, UI Design, 3D Design, Motion & Animation Design, Responsive Web Design (RWD), Websites, User Interface (UI), eCommerce, Character Animation, Character Design, eCommerce Design, Landing Page Design, Content Creation, Presentation Design, Video Production, Digital Design, Low-code Development, Slideshows, Artistic Skill, Content Production, Wireframing, UX Design, Dashboard Design, Video Ads, Ads, Social Media, Brand Design, Visual Identity, 2D Motion Graphics, Visual Storytelling, Logo Design, Animated Explainer Videos, 2D Games, Cinematography, 3D Motion Graphics, Lottie, Web App UI, Ruby on Rails (RoR), React, SVG Animation, Design, Web Consulting, Business, Web Marketing, Startups, Higher Education, Storyboarding, Storytelling, Social, Shopify Theme, Caricatures
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring