Killing Kennedy Logo lockup

KILLING KENNEDY

MY ROLE:  Planning  |  Art Direction  |  UI/UX  |  Historical Content Production
TEAM:  Creative Director - Jon Reil  |  Design Director - Richard Hart  |  Creative Technologists - Kenji Ross, Marc Lynch, Joe Palasek  |  UX - Mark Boroyan  |  Writers - Nicole Berard, Caroline Roberts, Kelly McAuley  |  Visual Designers - Hannah Peckham, Sam Mullins
AGENCY:
  MullenLowe

PROJECT GOAL:  What forces drive one man to be president and another to become his assassin? That’s the question we sought to answer when the National Geographic Channel tasked us with creating an online companion site for their movie, Killing Kennedy. We created a cross-platform, multi-device, scroll-based parallax site that pushed HTML5 to its limits. KennedyandOswald.com tells the stories of two men whose lives are forever connected by one terrible moment.

KILLING KENNEDY

MY ROLE:  Planning  |  Art Direction  |  UI/UX  |  Historical Content Production
TEAM:  Creative Director - Jon Reil  |  Design Director - Richard Hart  |  Creative Technologists - Kenji Ross, Marc Lynch, Joe Palasek  |  UX - Mark Boroyan  |  Writers - Nicole Berard, Caroline Roberts, Kelly McAuley  |  Visual Designers - Hannah Peckham, Sam Mullins
AGENCY:  MullenLowe

PROJECT GOAL:  What forces drive one man to be president and another to become his assassin? That’s the question we sought to answer when the National Geographic Channel tasked us with creating an online companion site for their movie, Killing Kennedy. We created a cross-platform, multi-device, scroll-based parallax site that pushed HTML5 to its limits. KennedyandOswald.com tells the stories of two men whose lives are forever connected by one terrible moment.

KILLING KENNEDY

MY ROLE:  Planning  |  Art Direction  |  UI/UX  |  Historical Content Production
TEAM:  Creative Director - Jon Reil  |  Design Director - Richard Hart  |  Creative Technologists - Kenji Ross, Marc Lynch, Joe Palasek  |  UX - Mark Boroyan  |  Writers - Nicole Berard, Caroline Roberts, Kelly McAuley  |  Visual Designers - Hannah Peckham, Sam Mullins
AGENCY:  MullenLowe

PROJECT GOAL:  What forces drive one man to be president and another to become his assassin? That’s the question we sought to answer when the National Geographic Channel tasked us with creating an online companion site for their movie, Killing Kennedy. We created a cross-platform, multi-device, scroll-based parallax site that pushed HTML5 to its limits. KennedyandOswald.com tells the stories of two men whose lives are forever connected by one terrible moment.

KILLING KENNEDY

MY ROLE:  Planning  |  Art Direction  |  UI/UX  |  Historical Content Production
TEAM:  Creative Director - Jon Reil  |  Design Director - Richard Hart  |  Creative Technologists - Kenji Ross, Marc Lynch, Joe Palasek  |  UX - Mark Boroyan  |  Writers - Nicole Berard, Caroline Roberts, Kelly McAuley  |  Visual Designers - Hannah Peckham, Sam Mullins
AGENCY:  MullenLowe

PROJECT GOAL:  What forces drive one man to be president and another to become his assassin? That’s the question we sought to answer when the National Geographic Channel tasked us with creating an online companion site for their movie, Killing Kennedy. We created a cross-platform, multi-device, scroll-based parallax site that pushed HTML5 to its limits. KennedyandOswald.com tells the stories of two men whose lives are forever connected by one terrible moment.

KILLING KENNEDY

MY ROLE:  Planning  |  Art Direction  |  UI/UX  |  Historical Content Production
TEAM:  Creative Director - Jon Reil  |  Design Director - Richard Hart  |  Creative Technologists - Kenji Ross, Marc Lynch, Joe Palasek  |  UX - Mark Boroyan  |  Writers - Nicole Berard, Caroline Roberts, Kelly McAuley  |  Visual Designers - Hannah Peckham, Sam Mullins
AGENCY:  MullenLowe

PROJECT GOAL:  What forces drive one man to be president and another to become his assassin? That’s the question we sought to answer when the National Geographic Channel tasked us with creating an online companion site for their movie, Killing Kennedy. We created a cross-platform, multi-device, scroll-based parallax site that pushed HTML5 to its limits. KennedyandOswald.com tells the stories of two men whose lives are forever connected by one terrible moment.

Killing Kennedy Intro Image

THE APPROACH

The team's goal was to make the dividing line between creativity and technology indistinguishable. We focused on the experience first, creating an interaction mechanism that also served as a narrative device. Not just create another parallax site, but a responsive, cross-platform experience that draws visitors in as they scroll.

The process of this project was like no other. From sketches to wires and storyboards, we had to come up with a way to visualize a massive amount of content. We locked ourselves in a room and began to create vertical compositions of imagery, text and doodles to bring it to life.

THE APPROACH

The team's goal was to make the dividing line between creativity and technology indistinguishable. We focused on the experience first, creating an interaction mechanism that also served as a narrative device. Not just create another parallax site, but a responsive, cross-platform experience that draws visitors in as they scroll.

The process of this project was like no other. From sketches to wires and storyboards, we had to come up with a way to visualize a massive amount of content. We locked ourselves in a room and began to create vertical compositions of imagery, text and doodles to bring it to life.

THE APPROACH

The team's goal was to make the dividing line between creativity and technology indistinguishable. We focused on the experience first, creating an interaction mechanism that also served as a narrative device. Not just create another parallax site, but a responsive, cross-platform experience that draws visitors in as they scroll.

The process of this project was like no other. From sketches to wires and storyboards, we had to come up with a way to visualize a massive amount of content. We locked ourselves in a room and began to create vertical compositions of imagery, text and doodles to bring it to life.

Killing Kennedy Process Image
Killing Kennedy Color Palete

VISUAL STYLE

At the start of the project, we took a deep dive into the aesthetics of the various time periods that Kennedy lived. After days of looking through books and researching online, we decided to focus on the Googie style of the 1970's. From typography used to unique shapes and old paper textures, this style was injected wherever possible.

VISUAL STYLE

At the start of the project, we took a deep dive into the aesthetics of the various time periods that Kennedy lived. After days of looking through books and researching online, we decided to focus on the Googie style of the 1970's. From typography used to unique shapes and old paper textures, this style was injected wherever possible.

VISUAL STYLE

At the start of the project, we took a deep dive into the aesthetics of the various time periods that Kennedy lived. After days of looking through books and researching online, we decided to focus on the Googie style of the 1970's. From typography used to unique shapes and old paper textures, this style was injected wherever possible.

VISUAL STYLE

At the start of the project, we took a deep dive into the aesthetics of the various time periods that Kennedy lived. After days of looking through books and researching online, we decided to focus on the Googie style of the 1970's. From typography used to unique shapes and old paper textures, this style was injected wherever possible.

VISUAL STYLE

At the start of the project, we took a deep dive into the aesthetics of the various time periods that Kennedy lived. After days of looking through books and researching online, we decided to focus on the Googie style of the 1970's. From typography used to unique shapes and old paper textures, this style was injected wherever possible.

FEATURED SCREENS

The final experience consisted of 6 robust chapters composed of a variety of content templates. From archival videos, impactful quotes and full-screen interactive screens, everything displayed beautifully on all devices and orientations.

FEATURED SCREENS

The final experience consisted of 6 robust chapters composed of a variety of content templates. From archival videos, impactful quotes and full-screen interactive screens, everything displayed beautifully on all devices and orientations.

FEATURED SCREENS

The final experience consisted of 6 robust chapters composed of a variety of content templates. From archival videos, impactful quotes and full-screen interactive screens, everything displayed beautifully on all devices and orientations.

FEATURED SCREENS

The final experience consisted of 6 robust chapters composed of a variety of content templates. From archival videos, impactful quotes and full-screen interactive screens, everything displayed beautifully on all devices and orientations.

FEATURED SCREENS

The final experience consisted of 6 robust chapters composed of a variety of content templates. From archival videos, impactful quotes and full-screen interactive screens, everything displayed beautifully on all devices and orientations.

work-kennedy-screens-1-1
Killing Kennedy Screens - Content Scene
Killing Kennedy Screens - Secondary Content Mobile
Killing Kennedy Screens - Full-screen Quote
Killing Kennedy Screens - Chapter Lockup
work-kennedy-screens-2-3

RECOGNITION

I was extremely fortunate to collaborate with amazingly talented people on this project and recognized by some prestigious organizations.

RECOGNITION

I was extremely fortunate to collaborate with amazingly talented people on this project and recognized by some prestigious organizations.

RECOGNITION

I was extremely fortunate to collaborate with amazingly talented people on this project and recognized by some prestigious organizations.

RECOGNITION

I was extremely fortunate to collaborate with amazingly talented people on this project and recognized by some prestigious organizations.

RECOGNITION

I was extremely fortunate to collaborate with amazingly talented people on this project and recognized by some prestigious organizations.

Cannes Lions Logo

CANNES CYBER LIONS
Silver in Overall Aesthetic Design / Best Practice

CANNES CYBER LIONS
Silver in Overall Aesthetic Design / Best Practice

CANNES CYBER LIONS
Silver in Overall Aesthetic Design / Best Practice

CANNES CYBER LIONS
Silver in Overall Aesthetic Design / Best Practice

CANNES CYBER LIONS
Silver in Overall Aesthetic Design / Best Practice

Cannes Lions Logo

CANNES CYBER LIONS
Silver in User Experience

CANNES CYBER LIONS
Silver in User Experience

CANNES CYBER LIONS
Silver in User Experience

Cannes Lions Logo

CANNES LIONS
Silver in Storytelling

CANNES LIONS
Silver in Storytelling

CANNES LIONS
Silver in Storytelling

CANNES LIONS
Silver in Storytelling

Cannes Lions Logo

CANNES LIONS
Silver in Microsite

CANNES LIONS
Silver in Microsite

CANNES LIONS
Silver in Microsite

Cannes Lions Logo

CANNES LIONS
Bronze for Online Digital Design

CANNES LIONS
Bronze for Online Digital Design

CANNES LIONS
Bronze for Online Digital Design

Cannes Lions Logo

CANNES LIONS
Bronze for Visual Design / Aesthetic

CANNES LIONS
Bronze for Visual Design / Aesthetic

CANNES LIONS
Bronze for Visual Design / Aesthetic

CANNES LIONS
Bronze for Visual Design / Aesthetic

CANNES LIONS
Bronze for Visual Design / Aesthetic

The One Show Awards Logo

ONE SHOW AWARDS
Gold Pencil in Web | Design Craft

ONE SHOW AWARDS
Gold Pencil in Web | Design Craft

ONE SHOW AWARDS
Gold Pencil in Web | Design Craft

The One Show Awards Logo

THE ONE CLUB
Merit

THE ONE CLUB
Merit

THE ONE CLUB
Merit

The One Show Awards Logo

THE ONE CLUB
Interactive Gold Pencil in UX Design

THE ONE CLUB
Interactive Gold Pencil in UX Design

THE ONE CLUB
Interactive Gold Pencil in UX Design

Adobe Logo

ADOBE CUTTING EDGE AWARD
Project of the Week

ADOBE CUTTING EDGE AWARD
Project of the Week

ADOBE CUTTING EDGE AWARD
Project of the Week

Google Creative Sandbox Logo

GOOGLE CREATIVE SANDBOX
Featured Project

GOOGLE CREATIVE SANDBOX
Featured Project

GOOGLE CREATIVE SANDBOX
Featured Project

FWA Logo

FWA + MOBILE FWA
Site of the Day

FWA + MOBILE FWA
Site of the Day

FWA + MOBILE FWA
Site of the Day

Clio Awards Logo

CLIO AWARDS
Gold in Digital: Social and Web

CLIO AWARDS
Gold in Digital: Social and Web

CLIO AWARDS
Gold in Digital: Social and Web

Awwwards Logo

AWWWARDS
Site of the Day

AWWWARDS
Site of the Day

AWWWARDS
Site of the Day

London International Awards Logo

LONDON INT AWARDS
Gold in Digital Microsite

LONDON INT AWARDS
Gold in Digital Microsite

LONDON INT AWARDS
Gold in Digital Microsite

London International Awards Logo

LONDON INT AWARDS
Bronze in Digital Navigation / Interactivity

LONDON INT AWARDS
Bronze in Digital Navigation / Interactivity

LONDON INT AWARDS
Bronze in Digital Navigation / Interactivity

LONDON INT AWARDS
Bronze in Digital Navigation / Interactivity

Communication Arts Logo

COMMUNICATION ARTS
Webpick of the Week

COMMUNICATION ARTS
Webpick of the Week

COMMUNICATION ARTS
Webpick of the Week

COMMUNICATION AWARDS
Webpick of the Week

Gold for Program Promotion Website

D&AD AWARDS
In-Book Slice

D&AD AWARDS
In-Book Slice

D&AD AWARDS
In-Book Slice

The Andy Awards Logo

THE ANDY AWARDS
Shortlist / Interactive / Editorial Design

THE ANDY AWARDS
Shortlist / Interactive / Editorial Design

THE ANDY AWARDS
Shortlist / Interactive / Editorial Design

ADC Logo

ART DIRECTORS CLUB
Merit

ART DIRECTORS CLUB
Merit

ART DIRECTORS CLUB
Merit

Behance Logo

BEHANCE
Behance + Interaction Featured Site

BEHANCE
Behance + Interaction Featured Site

BEHANCE
Behance + Interaction Featured Site

Webby Award Logo

THE WEBBY AWARDS
Finalist in Television

WEBBY AWARDS
Finalist in Television

WEBBY AWARDS
Finalist in Television

Cablefax Awards Logo

CABLEFAX AWARDS
Best Official Show Website / Digital

CABLEFAX AWARDS
Best Official Show Website / Digital

CABLEFAX AWARDS
Best Official Show Website / Digital

Promax BDA Logo

PROMAXBDA
Gold for Program Promotion Website

PROMAXBDA
Gold for Program Promotion Website

PROMAXBDA
Gold for Program Promotion Website

© 2020 MARC LASSOFF. ALL RIGHTS RESERVED.
ALL CONTENT IS EXCLUSIVELY FOR PRIVATE USAGE AND NON-COMMERCIAL PURPOSES.