‘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.

Related videos

Related videos

3 Tips for Better Video Recordings | Adam Cogan

Great coaching can dramatically improve how you present, communicate, and learn. In this video, Adam Cogan shares 3 practical coaching tips that SSW uses every day—from onboarding and role plays to improving video delivery. He explains why having a coach matters, why immediate interruption beats delayed feedback, and how repeating corrections helps lock in better habits.

TinaCMS + Fumadocs: Bring Visual Editing to Your Docs | Hark Singh

Discover how to connect Playwright with AI agents and unlock powerful workflows.

Stop Using 👍 Wrong in Teams | Adam Cogan

A quick communication tip from Adam Cogan: don’t use 👍 as a catch-all response when someone assigns you a task in Teams, Slack, or Google Chat. In the example Adam gives, if a task will take about five minutes, a thumbs up is too ambiguous because it does not clearly say whether you’ve read it, agree with it, are doing it now, or will do it later. Instead, use 👍 for agreement, 👀 to show you’ve seen the task and are actively working on it, and then replace 👀 with ✅ once the task is done. It is a small change, but it removes ambiguity and cuts down unnecessary follow-up messages.

How to record a done video in SSW | Sylvia Huang | SSW Rules

Sylvia Huang from SSW shares her SSW Cultural Exchange experience from Hangzhou, China to Australia

4 Essential Sales Tips for Engineers | Adam Cogan

Not a salesman? No problem. Adam Cogan shares 4 practical tips to help engineers navigate sales meetings with confidence. Learn how to stop “selling” and start solving, how to talk numbers without the awkwardness, and why being transparent about your process wins more clients.

Do you explain why you’ve deleted or updated an appointment? | Adam Cogan | SSW Rules

Ever wonder why a meeting was moved or cancelled? Adam Cogan explains the “Secret Ingredient” to professional scheduling: always include a version history and reason for change at the top of your appointments. Improve clarity, keep a record of changes, and hold participants accountable with this simple SSW Rule.

Chat first before changing others’ code | Adam Cogan

Changing someone else’s code? Don’t just dive in! Adam explains why it’s important to check the source history and talk to the original developer before making changes. A quick chat can save headaches and keep everyone on the same page. Perfect advice for devs working in teams!

SSW TimePro – Create a new tenant | Jeoffrey Fischer

Learn how to provision a new tenant in TimePro and sync it with an external Dynamics 365 CRM system.

How to Report Bugs in Seconds | Brady Stroud

Tired of tedious bug reporting? Watch how Brady uses YakShaver.ai to turn a quick screen recording into a professional PBI instantly.

White space – Tips for recording demo | Adam Cogan

Awkward pauses can ruin an otherwise good presentation. In this video, Adam shares a simple tip to handle white space during demos and recordings. By telling your audience what’s about to happen, you avoid silence, cut out useless fillers, and sound more confident. Perfect for product demos, meetings, or presentations on any stage.