Bartłomiej Otłowski - Motion Designer
Bartlomiej Otlowski – Motion Designer
Bartlomiej Otlowski - Motion Designer
  • SHOWREEL
  • Projects
  • Tools
  • About
  • Contact

LiveChat coming to PrestaShop’s Marketplace

PrestaShop’s approach to building its product as an open-platform fits the bigger picture that LiveChat Partners Program has been focused on for a few years now. Rather than relying on direct sales for the users of e-commerce platforms, the company has consistently extended its partnership network in the matter of deep integrations with solutions dedicated to merchants.

The Mission

The goal was to strengthen the message that LiveChat has joined forces with open-source, e-commerce platform PrestaShop. The partnership allows almost 40k merchants to add the LiveChat tool to their online shops. Directly from PrestaShop’s admin panel.

The Outcome

I was responsible for the whole creation of a promotional film from the idea, through the creation of graphics to the finished animation. The final promo video appeared on the Official Addons Marketplace of PrestaShop, LiveChat’s marketplace, press release, and YouTube.

The Impact

The video premiere extends the promotional campaign for the new integration. The number of new LiveChat trials from YouTube compared to the previous month increased by 342,8%.

Client

LiveChat, Inc.

Services

  • Script Development
  • Storyboarding
  • Art direction
  • Illustration
  • Motion Graphics

Software used

Photoshop
Illustrator
After Effects

Pre-production

Together with the talented content writer Daria Zabój we did research and gather the required information from Integrations Developers about the PrestaShop module. We wanted to assure consistency across LiveChat’s communication strategy. Based on the tone of voice, we created a draft of a script. We turned necessary information about the PrestaShop module into a story through several iterations of revising, editing, and proofreading content.

final version of storyboard in adobe photoshop

Storyboard

LiveChat’s goal was to simplify the message and show the benefits of using the integration. Having the script ready, I made the initial storyboard. After its acceptance by stakeholders, I took care of the look frames in Adobe Photoshop. The final storyboard consisted of 15 shots.

Graphic design had to match with company communication on social media & web pages. I enhanced the doodle look from LiveChat’s landing pages. Based on black and white photos, I created a synergy between new advanced technology and old school items. Smartly I smuggled the reference to LiveChat’s doodles. One of the shots is hands untying the knot, which looks like a big flourish doodle.

PrestaShop - PC
PrestaShop - LiveChat - E Commerce
PrestaShop doodles
LiveChat for PrestaShop - Cat
LiveChat message
LiveChat Lamp

Animation

With produced high-quality graphics, I took charge of bringing final animation to life. At the beginning of this stage of work, I had to solve visual problems. I had to find the answer on how to make the animation consistent with graphics. To reflect the old, grunge style, I decreased frame rate to bring out the frame by frame character. Other techniques that I used were grunge texture in the background and paintbrush transitions.

BEHIND THE SCENES: SHOT03 ‘LIVECHAT LOVERS’

Sound

To match visual style, I used sound effects from another decade. When iMac shows on the screen, you can hear old modem dial-up sound. During shot with flying smartphones – key tones from a telephone keypad. Fast music was the opposite of frame-by-frame feeling. I wanted to enhance the tempo by using the intense song.

Photos

The use of stock photos in postproduction is inevitable, although I like to prepare dedicated photo sessions. To PrestaShop promotional video, I used pictures of my hands. One of them was from my private photos. You can see a picture I took in Vienna of my wife’s and my hands in front of the Schönbrunn Palace. The other curiosity is Facebook’s likes counter, which refers to a real number of fans on LiveChat’s fan page during the premiere of the video. I love to add these small details to all my projects.

  • PrestaShop - Schönbrunn Palace
  • PrestaShop - Heart - Facebook

Press release

If you don’t know, cats rule the internet. And what is the most satisfying thing in the world? A thumb up from the cat that tells you, your customers are happy. So obvious. The number of new LiveChat trials from YouTube compared to the previous month increased by 342,8%. Communication spread about the partnership was a great success.

LiveChat for PrestaShop
CREDITS
ProductionLiveChat, Inc.
Art DirectionBartlomiej Otlowski
ScriptDaria Zaboj
ProofreadingDavid Street
Graphic DesignBartlomiej Otlowski
Motion DesignBartlomiej Otlowski
Total
0
Shares
Share 0
Tweet 0
Share 0
Related Topics
  • live chat
  • Projects
Previous Article
LiveChat Solution Partner Program

How we created a successful LiveChat Partner Program Solution promotion

View Post
Next Article
Saleor Animation

Saleor Commerce – animations for e-commerce platform

View Post
You May Also Like
Saleor Animation
View Post
  • e-commerce

Saleor Commerce – animations for e-commerce platform

  • botlowski
  • 21/06/2020
LiveChat Solution Partner Program
View Post
  • SaaS

How we created a successful LiveChat Partner Program Solution promotion

  • botlowski
  • 21/06/2020
  • Privacy Policy
Copyright © 2020 Bartlomiej Otlowski

Input your search keywords and press Enter.

Privacy & Cookies

This site uses cookies. By continuing to browse the site you are agreeing to use of cookies. Check Privacy Policy