‘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

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

Academy

optinmonster

Related Videos

Related Videos

Journey to DevSecOps! | Danijel Malik

“Hey Dev, stop for a Sec… it’s not all about Ops!” Admit it! Ever since you adopted DevOps, things are spinning way faster than you thought they would. Tools are taking care of the CI/CD process, an APM platform gives you insights into issues in production, and you are fully focused on your code. Having…

Facebook and Cambridge Analytica – Adam Cogan’s Analysis

Quick analysis of the Cambridge Analytica scandal currently facing Facebook.

Office 2019 will only work on Windows 10 + what’s the difference between an MSI and Click To Run? | Adam Cogan

Office 2019 will only work on Windows 10. We also cover Windows installer technologies; what’s the difference between an MSI and Click To Run?

I have a container… now what? | Thiago Passos

This is not the same container 101 talk you’ve seen a dozen times. The point of this talk is how to ship a container to production, once you’ve built it. We’ll containerize a .net core app, debug locally, set up continuous deployment, set up a container cluster and deploy to it.

Dynamics 365 for the .NET dev – Andrew Campey

When it comes to developing a website, you don’t use pure HTML and JavaScript – you find frameworks to help. So why should your client CRM/ERP be any different? In this talk, Andrew explains what exactly is Dynamics 365 and how we got here. Then we explore how your existing .NET and JavaScript skills can…

SSW’s Awesome Summer Retreat – Brisbane 2018

Every year, each SSW office gets together to share fun, laughter and discuss their best work moments of last year. It’s a great time to share ideas and connect with all the families, that support us behind the scenes and help us be so awesome.

Windows Server Containers: What you need to know | Jeremy Cade at DDD Brisbane 2015

SSW TV was proud to sponsor this years’ DDD event in Brisbane. In this session Jeremy Cade walks us through Windows Server Containers what you need to know as an ASP.NET Developer. From the description: The game has changed: Containers, once the the sole dominion of Linux have made their way into the Microsoft stack.…

Deploying ASP.NET Core Applications | Danijel Malik at DDD Sydney 2016

ASP.NET Core is a whole new world for ASP.NET developers because it opens the door to cross-platform development. However, it comes with a hefty price. Not only does it takes some time before you get your head around it, even deployment is now quite different. So how can you bring ASP.NET Core application and DevOps…

How to set up Visual Studio 2015 to work with Angular2 | Duncan Hunter

In this video, learn how to: Set up Typescript for Visual Studio in Angular2 Override Visual Studio’s inbuilt Node and Gulp versions to use your project or global versions How to launch Angular 2 on a blank default ASP.NET Core application How to set up ASP.NET Core to use index,html and static files

Identity Server 4 with Angular 2 and ASP.NET Core | Ben Cull at DDD Brisbane 2016