Shut Eye | 360 Quiz
Design & Animation
We created this 360 Video to promote the premiere of Season 2 of the Hulu Original, Shut Eye. A huge part of the show revolves around fortune telling and psychics. We created a quiz to provide interaction with the show's main themes. The design is based on the neon title treatment and the aesthetic of tarot cards.
Once we had a script, we worked on a sequence that would be as intuitive as possible within the 360 format. We made sure each consecutive question showed up where the answers for the previous question were. This made the quiz more seamless.
{"items":["cc16aacd-d06f-454c-942d-6cefe6e70208","11000b52-0fc3-4e6a-86ca-47eea5f1fc18","6b432237-9303-46ce-ad08-1b1f6e932a13","1a0d070f-c9e5-4403-9a20-c1abfcb7eb41"],"styles":{"groupSize":1,"showArrows":true,"cubeImages":false,"cubeType":"fit","cubeRatio":1,"isVertical":false,"gallerySize":340,"collageAmount":0.8,"collageDensity":0.8,"groupTypes":"1","oneRow":false,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":2,"numberOfImagesPerCol":2,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":true,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryTextAlign":"left","scrollSnap":false,"itemClick":"fullscreen","fullscreen":true,"videoPlay":"onClick","scrollAnimation":"NO_EFFECT","scrollDirection":0,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","imagePlacementAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"Load More","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"1|bottom|1|fit|false|0|true","allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":false,"showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{},"allowUsm":false},"galleryHorizontalAlign":"flex-start","galleryVerticalAlign":"flex-start","imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(42,42,42,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(42,42,42,0.2)"},"textBoxBorderColor":{"themeName":"color_15","value":"rgba(42,42,42,1)"},"titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":{"themeName":"color_12","value":"rgba(204,204,204,1)"},"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"MANUAL","galleryLayout":1,"useCustomButton":false,"customButtonText":"","itemOpacity":{"themeName":"color_14","value":"rgba(85,85,85,0.6)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"poppins-semibold","preset":"Heading-S","editorKey":"font_6","size":18,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal normal 18px/1.4em poppins-semibold,poppins,sans-serif;"},"itemFontSlideshow":{"family":"helvetica-w01-bold","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"helvetica-w01-light","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px helvetica-w01-light,helvetica-w02-light,sans-serif;"},"itemDescriptionFont":{"family":"open sans","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"displayName":"Paragraph 2","value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(42,42,42,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(42,42,42,1)"},"loadMoreButtonFont":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(42,42,42,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(42,42,42,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"responsive":false,"modifiedGallerySize":true,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":1,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":979,"height":555,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":989,"galleryHeight":555,"scrollBase":0}}
Credits
Client: Hulu
Show: Shut Eye
Creative Director: Robert Lester
Art Director: Ben Tuber
Motion Designer: Lizzi Stuart, Jennifer Estridge
Designer: Liam Elias