‘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

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.

Don’t throw things over the fence until you’ve done what you can | Adam Cogan

“Throwing it over the fence” means passing your work or problem to others. This short video delivers one clear message: before you hand something off, do what you can yourself. It’s a simple reminder about responsibility, effort, and ownership in work, teamwork, and daily life.

Why No One Can Agree on the “New” Button? | Adam Cogan

Struggling to juggle a hotfix while mid-feature without losing your flow?

SSW Strasbourg Office in Europe | Walkthrough with Jean

Hear from SSW Senior Software Engineer Jake Bayliss about the importance of providing context, showcasing your work and asking for questions & direction from Product Owners.

Liking Github issues when they are read | Adam Cogan

“Throwing it over the fence” means passing your work or problem to others. This short video delivers one clear message: before you hand something off, do what you can yourself. It’s a simple reminder about responsibility, effort, and ownership in work, teamwork, and daily life.

How to supercharge a company with AI | Ulysses Maclaren

Explore how AI is transforming businesses right now! In this video, Ulysses Maclaren from SSW walks us through the innovative ways AI is being used at Tina CMS. From automating customer interactions to analyzing vast amounts of data and even managing sales leads, AI is revolutionizing workflows