LJM

Booking.com is one of the largest travel sites, empowering people to experience the world. I work in B2B Partner Marketing

ODOU logo

Having previously used Booking.com to book my own accommodations, I had no understanding of the size and complexity behind the scenes. So when I joined in November 2016 my head was a little dizzy at first, but I was thrilled to merge my love of travel and design. Jump to some highlights:


A flexible, drag-and-droppable, email marketing solution

One of the larger projects I worked on was designing an email template solution for Partner Marketing. The existing email marketing tool had a fixed, fill-in-the-blanks setup. This meant marketeers and copywriters had to dictate their communications to the template, instead of the tool offering them a layout they needed.

Booking.com partner email design template

A new tool was needed, and with it the opportunity to offer some flexibility and a drag-and-drop style interface. This would enable marketeers to craft their communications without any restrictions, or hands-on input from a developer (me).

Booking.com partner email design template

I utilised an emerging Booking design system to not only speed up my template solution creation, but to ensure a consistent look-and-feel with other emails being sent to partners from other departments.

To prioritise which components and features should be included in the initial launch, I conducted an audit of the previous 6 months of emails sent to partners from the Partner Marketing department and met with various users of the email tools to assess their needs.

The outcome was a flexible set of x18 components that when used in any combination (with some best-practice guidelines) would allow for the creation of any email layout.

Booking.com partner email design template Booking.com partner email design template
Booking.com partner email design template Booking.com partner email design template

Alongside the creation of the new email template solution, I conducted various workshops and creative audits with the teams sending emails. I also put together an internal Wiki for the same teams to refer to. It included tips such as: classes to include in <a> tags to ensure underlining in all email clients and browsers, UTM email tracking code structure, and a single class to enable RTL text support for Arabic and Hebrew.


#BookingHero microsite – honouring partners going the extra mile

According to research conducted by Booking.com across 25 markets in 2017, 29% of travelers said a personal connection is essential when booking accommodation and 24% said a welcoming host is a make or break factor during the first 24 hours of their trip.

So, what do a dream wedding in New York, an adventure through the mountains of Sri Lanka and a family’s search for their roots in Scotland all have in common? All saw a hospitality professional go the extra mile to make or save a guest’s trip.

#BookingHero was launched as a social media campaign to uncover these, and many other moments.

A wireframe of the #BookingHero partner-facing microsite

I was involved in the planning and strategizing of the #BookingHero campaign microsite , as well as the UX, UI, and development. It had to serve dual purposes: one as a customer-facing rules-of-the-game terms and conditions competition site, and the other as a partner-facing resource overview and terms and conditions site.

The finished #BookingHero partner-facing microsite

The primary audience of the site were the customers . The partners were secondary. So rather than create two separate sites for each audience, I came up with a simple solution: the main .com homepage of the site would serve the customer-facing side, and a .com/partner page for the partner-facing side, and both sides would share the same terms and conditions page.

The partner site had to be translated into 20 languages, and the customer site and terms and conditions pages into 26 languages each. I set up a repo on our internal gitlab to ensure a smooth build and maintenance of these 72 hard-coded pages. Experience taught me that text changes, translation fixes, bugs, and sections coming on an off the site are inevitable.

A wireframe of the #BookingHero customer-facing microsite
The finished #BookingHero customer-facing microsite

Go back home or check out ODOU

Get in touch

Dribbble

LinkedIn

Email

Top