Destwin® Energy Systems

Destwin® Connect Mobile App Marketing

HTML Email & Print Design

Destwin® Energy Systems is a SaaS B2B company also known as the fuel industry's leading solution for customer portals. In 2018 Destwin has developed an App, Destwin® Connect, that contains the same functionality as the Fuel Dealer's FDS customer portal including making payments, ordering fuel and customer account access.

I have worked with the Marketing Department to create various advertising deliverables to promote the app such as email campaigns, postcards and web ads. The goals of the promotion were to market the app to Destwin's existing customers as an upsell to accompany their current Destwin® FDS customer portals and attract new customers with a new branded app.

The result was an increase in sales from over 40 sold apps, which included new and existing customers since 2018. Tools used for the creation of marketing materials included Photoshop, Illustrator, InDesign, MailChimp, HTML and CSS.

Initial MailChimp campaigns were created to introduce Destwin® Connect to new and existing customers and announce later promotions. It was pinnacle to showcase the app's different functional screens and interfaces as well as describe the features. The challenge was to divide the content into digestible sections without overloading the email recipient with too much information.

Destwin Connect Email Campaign with hand holding phone Destwin Connect Email Campaign with 2 white phones
Destwin Connect Email Campaign with animated phone
Branding Style Guide

Colors and typography were established by the Brand Manager and incorporated throughout each marketing campaign. Orange was represented as a highlight for the most important areas such as main headers and call to action buttons. Various blue hues were treated as complementary colors against the orange highlights.

To add variety to each MailChimp campaign, animated GIFs were used in the hero section in place of still photography. Photoshop was utilized to add screen slideshows of app pages to simulate a user interacting with the app. Phone mockup animations were also used to draw further attention to the hero area. Simplified icons were added to aid with visual identification for each app feature. The gray color from Destwin's brand was chosen as not to compete with the highlighted call to action buttons and important headers in the hierarchy.

Animated iPhone with Destwin App
HTML Icons Assets
Animated iPhone with Destwin App screens
Destwin Connect Web Advertisement

Web advertisements were created to promote the app for events such as trade shows and online marketing campaigns. What made these ads differ from print deliverables was the need to limit the amount of information in the content. This would encourage the user to quickly process the summary of the app and encourage to click the link to find out more about the app and potentially request a sales demo.