‘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

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…

NDC Sydney 2020 – Ask Me Anything!

Matt Wicks talks with Yaser about his talk at NDC: Tuning web performance with just browser APIs For more interviews, watch the full video playlist:  

The 5 important questions about .NET 5 | Brendan Richards

The 5 important questions about .NET 5 ​Back in 2016 Microsoft made the brave step of building a brand new .Net Core away from the classic “Full Framework” .NET. This meant they were able to hit the “Redo button” in so many ways, bringing us the modern, open-source, fast and cross-platform framework that we use…

Angular – Satisfying your Performance Hungry UI | Gabriel George

Angular is one of the fastest JavaScript UI frameworks, however sometimes when we want to render a large number of components it can still perform poorly. You think to yourself “Am I doing it wrong?” Gabe will show us how to the use built-in functionality of Angular to make rendering snappier.

EF Core Query Tags and logging | Jernej “JK” Kavka

.NET Core allows us to log just about everything very easily, but when something goes wrong with SQL queries, how exactly do you figure out where it’s coming from…? This is where EF Core Query Tags comes into play, along with a couple of logging strategies, you’ll never be confused by the intent and location…

Successful developers do more than just write code

It takes more to be a great coder than you might think! Check out this video from NDC Sydney featuring Adam Cogan, Michael Smedley and Matt Goldman on the importance of teamwork and good communication in software development. Learn about SSW’s new mobile app and how it connects us with the software development community.  

Pragmatic DevOps | Tech Tips NDC Sydney 2019

Pragmatic DevOps It’s easy to feel like DevOps is too hard to implement because the theory is hard to apply in their company. Rather than give up, it’s important to be pragmatic and try to solve the problems. To do this effectively, you need the theory. With books like The Phoenix Project and The Unicorn…

C# 8.0 – New Features & Beyond with Filip Ekberg | Tech Tips NDC Sydney 2019

New features of C#8.0 SSW’s Andreas Lengkeek talks with ‘the C# guy’ Filip Ekberg on the new features of C# 8.0 and what’s coming down the line. They discuss: – Nullable Types – Async Streams – Pattern Matching – Coming up features