Slides from the talk given by BAFTA, Access and Loft49 at the Drupal Show & Tell event on Thursday 13th November 2014. Covering a background to BAFTA's audience spectrum and how the team planned and developed solutions for those audiences using Drupal.

1. Capturing Diverse Audiences
Launching The BAFTA Suite of Websites

3. About BAFTA
When you hear “BAFTA”, you probably think ‘film awards’, ‘celebrities’,
‘a red carpet’ - and you’re not wrong, that is a big part of BAFTA, our
annual Film awards ceremony is what we’re best known for.
But, there’s also a lot more than that. We have an incredibly important
message to spread, and a vastly diverse audience to reach...

5. About BAFTA
Leading UK charity supporting and championing the art forms of the
moving image. Represent film, television and games.
Backed by over 6,000 members, all experts within these industries.
Over 200 educational events held each year and run an array of
scholarships and initiatives geared towards supporting industry talent.
Branches in Scotland, Wales, New York and Los Angeles and in the
past year have launched a programme of activity in Hong Kong.

6. The Audience Spectrum
● Members
● Career Starters
● Industry Professionals
● Gamers
● Film Enthusiasts
● TV Fans
● Celebrity Obsessives
● Internal Stakeholders
● Customers
● Global Branches
● TV Viewing Audience
● Sponsors
● USA Audience
● Venue Hire Customers

7. The Audience Spectrum
Our websites need to service all of these audiences and to deliver an
online experience that will make BAFTA relevant to them whilst
embodying the value of excellence that the organisation is known for.
Audiences’ expectations of a good online brand experience have
increased rapidly and this time last year, our websites were not fit for
purpose.
We have launched eight websites in 12 months.

8. Eight New Sites Launched in Twelve Months

9. Key Requirement: Improve User Experience
Existing Data Structure Proposed Data Structure

10. Key Requirement: Improve User Experience
Completely migrate the main BAFTA website including all sub-sites
onto a stable, reliable & user friendly CMS.
Fully responsive interface. Many pages used tables for layout.
Improve the content folder structure and ease the workload for editors.
Unify all BAFTA websites with ‘global navigation’ to allow one-click
access between brands/microsites.

11. Key Requirements: Integrating With Third Parties
Salesforce
Provide a customised experience for
logged-in members by integrating BAFTA’s
Salesforce CRM.
Third Light
Integrate Third Light digital asset
management system for easy media
embedding - direct from the red carpet!

12. Key Requirements: Peak Traffic on Awards Nights
Robust, scalable infrastructure that can cope with the enormous peaks
in traffic we see on awards nights.

13. So, why Drupal?
Investigated an array of CMS each with their own
pros and cons. Drupal seemed to fit our requirements:
● open source
● adaptable & extendable with modules
● huge developer community
● tight user permissions control
● easy to connect to other sites and services
To deliver this brief we worked with two agencies both experts in Drupal
builds; Access and Loft 49.

14. Improve The User Experience: UX / UI Design

15. Improve The User Experience: UX / Wireframing

17. Improve The User Experience: UX / Wireframing
The wireframing process:-
● Hand drawn sketches
● Concepts for global navigation
● Internal review
● Annotated Illustrator wireframes
● Client review and amends
● Branding design over wireframes
● Stakeholder review
● HTML prototyping / interaction design
● Conversion to Drupal theme

18. Improve The User Experience: Global Navigation
‘Global navigation’ was crucial for tying the brand sites together.

19. Global Navigation - In Action

20. Global Navigation - In Action

21. Improve The User Experience: Small Screen Navigation

22. Improve The User Experience: www.bafta.org

23. Improve The User Experience: guru.bafta.org

24. Technical Solutions that address audiences needs
● Digital Asset Management integration with Third Light
○ Internal audience; stakeholders, content editors, marketing
● Membership area with Salesforce CRM
○ BAFTA members
● Infrastructure: peak traffic on Awards nights
○ Awards audience, driven by TV coverage

25. Integrating With Third Parties: Third Light
Image management and CDN platform.
Used by BAFTA to store imagery from awards nights
Integrated with Drupal by creating two bespoke modules:-
● Third Light field module
● Third Light WYSIWYG module

26. Integrating With Third Parties: Third Light
Create an integration module to provide central location for API calls.
Create dependent modules that bridge between integration module and
Drupal elements.

27. Integrating With Third Parties: Third Light Settings

28. Integrating With Third Parties: Third Light Browser

29. Integrating With Third Parties: Third Light Field Widget

30. Integrating With Third Parties: Third Light WYSIWYG

31. Integrating With Third Parties: Salesforce
Salesforce is used by BAFTA to manage memberships
Integration with Drupal done using Scribe to
create a members area on BAFTA website
No Drupal configuration needed
Scribe can also integrate with other systems

32. Integrating With Third Parties: Salesforce
Scribe is a ‘middleman’ between
Salesforce and MySQL
Scribe agent watches for changes in
both platforms and syncs the data across
This includes:
- Members
- Membership information
- Messaging and alerts from Salesforce

33. Integrating With Third Parties: Salesforce
Creation of intermediate tables that map to
Salesforce objects
Triggers in MySQL used to copy data into
Drupal and visa-versa
Pro tips:
● You need to know the Drupal database really well
● Automated testing is a must

34. Peak Traffic on Awards Nights: Infrastructure
High levels of traffic on major awards nights
Needed a scalable hosting solution that could be ramped up on
selected evenings
Rackspace cloud chosen as the hosting platform

35. Peak Traffic on Awards Nights: Infrastructure
Load balancer
Web nodes
MySQL master
MySQL slave
NFS Solr

36. Peak Traffic on Awards Nights: Infrastructure
● Rackspace Load Balancer provides unified front end
● Sites are hosted on a number of web nodes
● Each node consisting of a Varnish/Apache setup
● NFS used to have a single file system shared between all web
nodes
● High performance MySQL master/slave setup
● Solr provides the search solution
● Ansible used to provision all machines automatically

37. Peak Traffic on Awards Nights: Infrastructure
In the run-up to awards night new nodes are provisioned and added to
the load balancer
Caches on each web node are warmed and site is load tested using
loader.io service
After awards night the nodes are scaled down to normal service

38. Thank You
Pippa Irvine, Digital Communications Manager, BAFTA
@pippairvine
Billy Bamford, Loft 49
@loft49
Phil Norton, Technical Lead, Access
@philipnorton42