INTERACTIVE ANIMATION
MTN DEW COOLER
Herman Miller is a design group that makes beautiful and useful furnishings. We were asked to create a brand animation. My role was design.
YEAR
2016
CLIENT
MOUNTAIN DEW
PRODUCED AT
FIRSTBORN
ART DIRECTION
JONATHAN KIM
MY ROLE
DESIGN
ANIMATION
{"items":["f5e88893-81f2-4a82-a7d9-5ccaa129625b","3dbb8e78-91f5-441e-86b2-d27ec7b4cceb","c3d5c3cd-45e6-4119-a9aa-51e72fba88d5","e3afe5cc-6258-4b0f-b16e-626e8040e61b","56b30dcd-8ce0-4f39-9744-38090c1b7c97","b7134f3e-1cd5-4d49-9675-4d7bdaee1376"],"styles":{"groupSize":1,"showArrows":true,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":true,"gallerySize":100,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":40,"galleryMargin":0,"scatter":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":2,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":2,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":1,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":2,"galleryThumbnailsAlignment":"bottom","isMasonry":true,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryTextAlign":"left","scrollSnap":false,"itemClick":"nothing","fullscreen":true,"videoPlay":"hover","scrollAnimation":"FADE_IN","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|fill|true|0|true","allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":false,"showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"floatingImages":0,"galleryHorizontalAlign":"flex-start","galleryVerticalAlign":"flex-end","imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(236,236,236,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(236,236,236,0.2)"},"textBoxBorderColor":{"themeName":"color_15","value":"rgba(236,236,236,1)"},"titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":{"themeName":"color_12","value":"rgba(51,50,50,1)"},"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"MANUAL","galleryLayout":1,"useCustomButton":false,"customButtonText":"","itemOpacity":{"value":"rgba(255,255,255,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"basic","preset":"Heading-S","editorKey":"font_6","size":24,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal normal 24px/1.4em basic,sans-serif;"},"itemFontSlideshow":{"family":"avenir-lt-w01_85-heavy1475544","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 avenir-lt-w01_85-heavy1475544,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"avenir-lt-w01_35-light1475496","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 avenir-lt-w01_35-light1475496,sans-serif;"},"itemDescriptionFont":{"family":"avenir-lt-w01_35-light1475496","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 avenir-lt-w01_35-light1475496,sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(0,0,0,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(236,236,236,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(0,0,0,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(236,236,236,1)"},"loadMoreButtonFont":{"family":"basic","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":14,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 14px/1.4em basic,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(236,236,236,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(0,0,0,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(236,236,236,1)"},"arrowsColor":{"themeName":"color_15","value":"rgba(236,236,236,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(0,0,0,1)"},"responsive":false,"targetItemSize":1000,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":1,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":980,"height":500,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":1060,"galleryHeight":500,"scrollBase":0}}