‘Kennedy and Oswald’ is an multi-award winning website built by the design and tech gurus at Mullen, a Advertisement agency based in Boston.

2014-05-27_18-04-50
The website is a companion site to a National Geographic film about the lives of John F. Kennedy and Lee Harvey Oswald and the lead up to the eventual assasination. The website complements it with an interactive ‘timeline’ exploring both Kennedy’s and Oswald’s lives in greater depth. It uses parallax scrolling to tell both of their stories simultaneously, up to their eventual meeting at Dealey Plaza. There are many interesting aspects of the website that developers may find interesting, such as the way the website detects and works with gyros on mobile devices.

Some interesting facts:

  • It took 30,000 lines of handwritten JavaScript, 10,000 lines of CSS, and 2,200 GitHub commits to create the site.
  • The site is more than 250 MB but only needs to load 1.5 MB to work — no preloader necessary.
  • Roughly 185 historical images were used.
  • Some of their awards awards for the site include: the Google Creative Sandbox, Andy Awards, Digital CableFAX, Adobe Cutting Edge Award and The FWA Mobile Site of the Day

In this interview, David Burela – SSW Solution Architect – is joined by Joe Palasak and Kenji Ross – Senior Creative Specialists at Mullen – to discuss:

  • Where the idea for the website came from
  • How the companion element works with the National Geographic film
  • What it’s like working in the advertising world from a technical and creative aspect
  • What was the process for deciding what technologies were going to be used
  • They look at the early website prototypes
  • How the website works on mobile devices (it can detect and work with your devices gyro to move around the on-screen elements)
  • What were some of technical considerations
  • What were the biggest challenges, Technical & as a project
  • Awards won

Take the Quiz!

[WATUPRO 50]

About the speakers

Creative Mughals

Powered by breakfast pastries and curiosity, Joe Palasek is a creative who is passionate about pushing technology in unexpected directions. Over the past 8 years, Joe has worked on projects for clients such as The National Geographic Channel, Google, iRobot, EA Games, Pizza Hut, and Johnson & Johnson. When Joe's not busy making things for the internet, he enjoys cooking, playing video games, and rummaging around flea markets. Joe lives outside of Boston, MA with his wife Jessie and his dog Waffles.

Kenji has been making neat things on the internet for the past fifteen years, melding brands and technology for National Geographic, Volkswagen, Apple, GE, Google, PBS, and The Rock and Roll Hall of Fame. He plays drums, rides bikes, drinks drinks, and can make a pretty excellent sandwich from any given leftovers. He resides in Cambridge, MA with his lovely wife and adorable puppy.

Academy

Related Videos

Federated Identity: OAuth2, Open Id Connect & Duende IdentityServer 5 | Anthony Nguyen

In this talk, Anthony will take an in depth look at Federated Identity using OpenID Connect and OAuth2 Framework for ASP. NET Core using Duende IdentityServer (aka IdentityServer 5). Securing your application is bloody important! With so much jargon to sift through, it’s easy to get lost, for example there’s SSO, OAuth2, SAML 2.0, OpenID…

February Tech News – Supply chain attack! Facebook & Apple privacy showdown and DotNet templates | Adam Cogan

Let’s Talk News with Adam Cogan, talking about some of the latest in the tech industry in February. 00:00​​ – Introduction – welcome to February’s Tech News 00:15​ – Nine signs Google deal 02:08​ – Coding news – supply chain attack!! 05:02​ – Facebook & Apple privacy showdown 06:38​ – Project Bicep – next generation…

January Tech News – Power Apps, new Teams interface, and how Apple Watch is fighting COVID-19 | Adam Cogan

Adam Cogan talks about some exciting new developments with Power Apps, Azure SQL, the new Microsoft Teams interface, Apple Watch helping in the fight against COVID-19, and more! 00:00​ – Introduction – welcome to 2021! 00:24​ – Power Apps turning emails into mobile notifications 01:21​ – Reference: Power Apps new naming: https://youtu.be/SU910ZzDp7M​ 02:03​ – Azure…

Multitenancy with SQL Server | Mehmet Ozdemir

In this Tech Talk, Andreas Lengkeek has a chat with Mehmet Ozdemir. We learn about Multitenancy with SQL Server, and go through some scenarios where this might be useful. In this video SSW Solution Architect Mehmet Ozdemir chats with Andreas Lengkeek about the three options for Multitenancy with SQL Server and how he goes about…

Building Rock SOLID Serverless applications | William Liebenberg

The world has embraced Serverless computing, but some systems still end up with the same problems we thought would be a thing of the past. William covers how we should apply familiar SOLID principles to our Serverless Application architecture and infrastructure. This lets you create systems that are are light, easy to maintain, and benefit…

The Power of VS Code! – NDC Sydney 2020 Ask Me Anything | Aaron Powell

Unleash the power of VS Code! VS Code is hot, there’s no doubt about it being an utterly amazing editor, but are you using it to its full potential? In this session, SSW’s Software Architect Andreas Lengkeek discusses with Aaron Powell his NDC Talk ‘Unleash the Power of VS Code’

Automagic Tenant Config for Mobile Apps | Matt Goldman

How do you get environment- or tenant-specific config into your users’ hands? With mobile or desktop apps, for managed devices we can pre-configure these using SOE or MDM tools. However, deploying configuration to unmanaged devices is the real challenge! In this talk, Matt Goldman looks at some different options for automating this for your users.…

Transform your Power BI Dashboards with Custom Visuals built in React | Prem Radhakrishnan

Quick Question – How many Visualization options come built-in with Power BI? Quick Answer – Not nearly enough. Prem will walk you through the extra visualizations that are in the wonderful awesome Power BI Visuals Marketplace called AppSource. However, no matter how many options you find, there is always a need for that little bit…

Cracking passwords & why L33t!fied passwords are bad | Alexei Doudkine

Watch this demo of how a hacker who has broken into your machine can quickly and easily get your password hashes, take them offline and crack them to retrieve your original password. In this talk, Alexei discusses how passwords are stored in Windows, some techniques real-world hackers use to crack password hashes and what you…

Symmetric encryption, hashing & digital signatures + More – Cryptography 101 | Robert Boedigheimer

Learn the fundamentals of cryptography, including public/private and symmetric encryption, hashing, and digital signatures. Discover which techniques are appropriate for various situations. Review practical real life examples for storing passwords, protecting URL parameters, securely exchanging information with partners, and safely encrypting sensitive information on public web sites. Concepts apply to all platforms, examples will be…