Clouds Over Cuba
SOTD
8.2

Site of the Day - Nov 5, 2012

Color Palette

This website uses a color
palette of 2 colors

  • HEX #000
  • HEX #987654

Description

Leveraging HTML5, Javascript and web socket technology, CloudsOverCuba.com is an immersive experience that documents the full story of the Cuban Missile Crisis and exhibits an unprecedented integration of desktop and mobile platforms for the documentary film format. As the documentary unfolds, dozens of archival photos, videos, documents and audio recordings are automatically added to a digital dossier that is synced to key moments during the film. Clouds Over Cuba takes a unique approach towards optimizing the content experience based on the platform the viewer is on. Mobile users on Chrome and Safari browsers can sync their mobile or iPad devices with the film. This allows viewers to access supporting content from the documentary on their mobile device as it unfolds during the film and consume it when and where they want to. The full documentary film experience is viewable on desktop browser. Also, users get a chance to navigate a thought provoking fictional “What if” scenario, showing how the world might be different today had the crisis had escalated into nuclear war.

SOTD / SCORE → 8.2/ 10

Design40%
Usability30%
Creativity20%
Content10%
7.75 / 10
8.25 / 10
9 / 10
8.25 / 10

Votes

Design
Usability
Creativity
Content
Overall
  • Israel Pastrana
    Israel Pastrana from Spain
    8
    8
    9
    7
    8.15
  • 8
    7
    9
    9
    8.20
  • David Basso
    David Basso from France
    8
    9
    9
    9
    8.50
  • Awwwards Users
    Awwwards Users - Pro and Chief
    7.0
    9.0
    9.0
    8.0
    7.90
Design
Usability
Creativity
Content
Overall

Collections

Explore more
great collections.

COLLECTION
UX/UI

Menu Inspiration

followed by
  • Steve Sinyard
  • lina-mosquera
  • eduardo-casarine-da-silva
+2303
Hovers, Cursors and Cute Interactions
COLLECTION
UX/UI
Loading Animations
COLLECTION
UX/UI

Loading Animations

followed by
  • Mads Haugsted
  • utkarsh-choudhary
  • Evgeniy Kuzmin
+1337
Transitions
COLLECTION
UX/UI

Transitions

followed by
  • muiz anwaar
  • yan-naing-2
  • thao-cao
+1851
COLLECTION
UX/UI

404 Error Page

followed by
  • abhinav-singh-6
  • muiz anwaar
  • thao-cao
+930
E-Commerce
COLLECTION
Inspiration

E-Commerce

followed by
  • yan-naing-2
  • thao-cao
  • Henke Thunder
+1426
Typography in Web Design
COLLECTION
Inspiration

Typography in Web Design

followed by
  • jose-lopez-renteria
  • jdorrell523
  • jmarc
+1307
COLLECTION
Inspiration

Team & About Pages

followed by
  • idle-mod
  • abhinav-singh-6
  • marcus-francis
+902