Intuit Quickbooks

Goal: To redesign the Quickbooks dashboard and create a motion graphic explainer video showing how to create and send an invoice.

intuit mockups
Platform

Video

Timeline

6 weeks

My role

Motion Design

Tools used

Sketch/After Effects

Concept & research

I redesigned the Intuit Quickbooks dashboard and created an explainer video on how to send an invoice. I researched Intuit’s Design System and Quickbooks features. Then I began creating a motion graphic storyboard.

Storyboard sketches

sketches

Desktop vector storyboard

sample screen shot
sample screen shot
sample screen shot
sample screen shot
sample screen shot
sample screen shot

Mobile vector storyboard

sample mobile screen shot
sample mobile screen shot
sample mobile screen shot
sample mobile screen shot
sample mobile screen shot
sample mobile screen shot

Record live video with green screen

green screen image

Music & sound effects

Music & sound effects are from freeplaymusic.com. I edited the video on Adobe Premiere Pro & Adobe After Effects.

Final video

Behind the scenes

Screen shot of Adobe After Effects

after effects screen shot
question mark icon

Common Questions about project

I began with studying Intuit’s Design System and using Quickbooks online to understand its capabilities. I redesigned the dashboards User Interfaces then created a storyboard for the tutorial video. Then recorded live video and embedded the redesigned screens.

I designed all the screens in Sketch, then recorded the live footage on my digital camera. Then combined the video, screens and sound effects in Adobe After Effects.

Synchronizing both invoicing animation and live footage into the green screen.

I hope to create similar explainer/tutorial motion graphic videos for software products.