trading.com pre-launch campaign

trading.com pre-launch campaign

Creating a cohesive pre-launch campaign for trading.com products

Creating a cohesive pre-launch campaign for trading.com products

Branding

Marketing

SaaS

Cover Image
Cover Image
Cover Image

Client

trading.com

Client

trading.com

Client

trading.com

Stack

Jira Figma Miro Illustrator Photoshop After Effects

Stack

Jira Figma Miro Illustrator Photoshop After Effects

Stack

Jira Figma Miro Illustrator Photoshop After Effects

Timeline

Aug 2021 - Jan 2022

Timeline

Aug 2021 - Jan 2022

Timeline

Aug 2021 - Jan 2022

Role

Brand Designer

Role

Brand Designer

Role

Brand Designer

Challenge

Along with the design of trading platform and mobile app, trading.com was preparing the pre-launch campaign for users to join the waitlist and get a bonus to trade when the platform was officially open. While i was working on the design of the web platform and mobile app, i was also given this to design using the existing components from the products design system and adapting accordingly. The design system was already in progress from the marketing and branding team and i used existing or created new components in the design system to accomodate this campaign.

Process

Together with the CMO, designers, content, and engineering teams we clarified the objective of this project: to provide the same initial engagement to the users like the one that the platform was on track to provide. showcase a minimal platform that can be used from amateur and advanced traders from all sorts of ages for a simple and unique trading experience.

  • I audited platform components and defined what to extend or create.

  • I worked with designers and external motion design agency to iterate on the layout, visuals and direction.

  • I provided feedback and assets to the motion design agency to make sure the videos were consistent with the brand guidelines.

  • I worked together with developers to provide specs and direction regarding the interactivity of the page.

Outcome

The campaign was embraced highly by the management team and launched before the product launch with high engagment and traction on social media. This set the way to the official product launch a few months later while building a customer base using the bonus incentive.

Challenge

Along with the design of trading platform and mobile app, trading.com was preparing the pre-launch campaign for users to join the waitlist and get a bonus to trade when the platform was officially open. While i was working on the design of the web platform and mobile app, i was also given this to design using the existing components from the products design system and adapting accordingly. The design system was already in progress from the marketing and branding team and i used existing or created new components in the design system to accomodate this campaign.

Process

Together with the CMO, designers, content, and engineering teams we clarified the objective of this project: to provide the same initial engagement to the users like the one that the platform was on track to provide. showcase a minimal platform that can be used from amateur and advanced traders from all sorts of ages for a simple and unique trading experience.

  • I audited platform components and defined what to extend or create.

  • I worked with designers and external motion design agency to iterate on the layout, visuals and direction.

  • I provided feedback and assets to the motion design agency to make sure the videos were consistent with the brand guidelines.

  • I worked together with developers to provide specs and direction regarding the interactivity of the page.

Outcome

The campaign was embraced highly by the management team and launched before the product launch with high engagment and traction on social media. This set the way to the official product launch a few months later while building a customer base using the bonus incentive.

Hero Section
Hero Section
Hero Section
Case Study
Case Study
Case Study
Services Roll
Services Roll
Services Roll

Deliverables

1. Tutorials Page

  • Adapted components from the product design system and created new ones to accomodate the design of the tutorials page.

  • Worked together with developers to apply microinteractions on page reading progress.

2. Forex calculators page

  • Designed a clean input and results layout that works on mobile and desktop.

  • Adapted existing components and created new ones for the specific purpose.

  • Collaborated with the Product managers on tooltips, legal text and accuracy of the functionality and the results.

3. System emails

  • Built a modular email system with consistent headers, typography, and spacing which was able to be used by other designers to scale the system emails funnel.

  • Introduced animated email headers to increase the engagement and read rate of the emails.

  • Worked with the growth team to adjust the dynamic content into visually appealing and easy to read sections

4. Pre-launch campaign and banner ads

  • Designed the waitlist landing page

  • Worked with the content writer to adjust the content of the page based on the layout.

  • Produced static and animated banners for ads.

  • Worked with motion design agency to adapt the video into multiple size ratios.

Deliverables

1. Tutorials Page

  • Adapted components from the product design system and created new ones to accomodate the design of the tutorials page.

  • Worked together with developers to apply microinteractions on page reading progress.

2. Forex calculators page

  • Designed a clean input and results layout that works on mobile and desktop.

  • Adapted existing components and created new ones for the specific purpose.

  • Collaborated with the Product managers on tooltips, legal text and accuracy of the functionality and the results.

3. System emails

  • Built a modular email system with consistent headers, typography, and spacing which was able to be used by other designers to scale the system emails funnel.

  • Introduced animated email headers to increase the engagement and read rate of the emails.

  • Worked with the growth team to adjust the dynamic content into visually appealing and easy to read sections

4. Pre-launch campaign and banner ads

  • Designed the waitlist landing page

  • Worked with the content writer to adjust the content of the page based on the layout.

  • Produced static and animated banners for ads.

  • Worked with motion design agency to adapt the video into multiple size ratios.

asdasdasdasd
asdasdasdasd
asdasdasdasd
Design iterations.
Design iterations.
Design iterations.

Reflections

Keeping marketing and product teams on the same design rails made every touchpoint feel intentional. The biggest win was treating marketing design system as an extension of the product design system rather than a separate brand.

Reflections

Keeping marketing and product teams on the same design rails made every touchpoint feel intentional. The biggest win was treating marketing design system as an extension of the product design system rather than a separate brand.