Blueboard

·

2023

Employee Appreciation Hub

Employee Appreciation Hub

An eCard engine that grew Employee Appreciation Day submissions 138% year over year.

Product design

Web design

Campaign

Employee Appreciation Hub

The Gist

As a leader in employee appreciation, Blueboard is all about enabling people to say "thank you" to those that have helped them thrive, been a support system at work, or make their day brighter. To help fuel this, we developed a free eCard engine for Employee Appreciation Day. With a number of UI & UX improvements, interactive features, and new card designs, the team was able to exceed all goals and grow the business with a revamped experience.

The Impact

During the campaign, we were able to increase eCard submissions 138% YoY and increase page views by 140% YoY. The improved UI led to users being 3x more likely to send 2 or more eCards compared to the previous year. When it comes to building hype, we launched a video series, which drove over 26,000 views to the Blueboard social accounts. To date, this awareness campaign has generated over $100,000 in associated deal revenue, and has introduced hundreds of new contacts to our marketing contact list.

Client

Blueboard

Role

Art Director & Designer

In-house

Year

2023

Tools

Figma, Webflow, Lottie, Google Analytics, HTML, CSS, WCAG

138%

YoY increase in eCard submissions

140%

YoY increase in page views

3×

more likely to send 2+ eCards

$100k+

in associated deal revenue

26k+

video series views

(01)

Research and Ideation

To find the insights we needed to make meaningful change, we spent lots of time in the research and ideation phase of this campaign. A few of the steps included:

  • Conducted a Marketing + Creative team brainstorm to develop nine new appreciation card headlines.

  • Conceptualized overall campaign art direction for eCard assets, emails, social promo, and the interactive web engine.

  • Watched countless hours of user recordings to deeply understand our users and how to optimize their experience.

  • Experimented in Webflow to discover ways to make the eCard Engine a more intuitive tool, within the world of our tools.

Employee Appreciation Hub — Ideation boards for the eCard headlines and art direction

Ideation boards for the eCard headlines and art direction

(02)

UI to Drive Appreciation

After our research and ideation stage, we were left with a wealth of meaningful insights that would help us create a new experience that not only encouraged more people to send cards, but also send more cards.

With interactive hover states, a click-to-select form functionality, and card selection reminders as you scroll down the page, the likelihood to send more cards rose to 3x, with the top users sending 20-50 eCards. Now that's some appreciation!

Employee Appreciation Hub — Choosing a card, with selection reminders as you scroll

Choosing a card, with selection reminders as you scroll

(03)

Web-Based Tool

Working within Webflow and HubSpot, we had to get creative to make a seamless experience. We operated with the mindset of building a smooth app, within a web-based tool, using our HubSpot CRM.

To do this, popups to remind the users of what card they selected and the option to change the card selection, scroll-triggered reminders, and a cohesive successful-submission-to-new-send workflow was created. All of these efforts increased overall conversion rate and repeat users to the site.

Employee Appreciation Hub — The card sender, built in Webflow on top of HubSpot

The card sender, built in Webflow on top of HubSpot

(04)

Improved Mobile Experience

Catching users' attention where they were at was another important goal of our appreciation machine improvements. With a redesigned mobile experience, we made it even easier to send eCards on the go, especially since a lot of our traffic was coming from high-performing organic social posts.

The new mobile UI featured more carousels, truncated forms, and anchor links to easily navigate around no matter the device. This increased mobile engagement and decreased bounce rate substantially.

Employee Appreciation Hub — Carousels, shorter forms and anchor links on mobile

Carousels, shorter forms and anchor links on mobile

(05)

Fueling the Content Machine

While the main goal was driving users to send cards, as a thought-leader in the appreciation space, this site was also a great tool for education. We ensured the content was straight-forward, interactive, and maintained a consistent call-to-action for appreciation cards. We found that with scroll-triggered popups and attention grabbing content design, even if users scrolled past the card sender at first, they were more likely to send a card as they scrolled down the page perusing content. A big win for education, and making the Content team happy.

Employee Appreciation Hub — Educational content with a consistent call to action

Educational content with a consistent call to action

(06)

Bring on the Promo

A great tool is nothing without users finding it! We set out to enable our Social team and internal team with all the tools necessary to promote the appreciation eCard sender with their networks, prospects, and clients. From organic social posts, LinkedIn banners, email signatures, and on-site banners we pumped up the promo to get folks to the site and sharing appreciation.

Employee Appreciation Hub — Organic social, LinkedIn banners and email signatures

Organic social, LinkedIn banners and email signatures