#09
MOTION
MEDIA
HYG - UTILEV INFO VIDEO
STORYBOARDING | ANIMATION
{"items":["ae1c3bc9-66ef-4810-9dbe-76eb60588d65","7ab85d9a-d507-40a0-9444-b7372015bb72","64cc2d76-668a-4a81-9fe5-bbc9eedde34d"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fill","cubeRatio":1.7777777777777777,"isVertical":true,"gallerySize":796,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":true,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":3,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":50,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":1,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":9,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"useCustomButton":false,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryHorizontalAlign":"flex-start","galleryTextAlign":"left","galleryVerticalAlign":"flex-end","scrollSnap":false,"itemClick":"nothing","fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":false,"videoPlay":"hover","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,"allowTitleExpand":true,"allowDescriptionExpand":true,"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","calculateTextBoxHeightMode":"AUTOMATIC","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"textsVerticalPadding":0,"textsHorizontalPadding":0,"titleDescriptionSpace":6,"customButtonText":"","customButtonBorderWidth":1,"customButtonBorderRadius":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":"2|bottom|1|fill|true|0|true","showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(0,0,0,0.2)"},"textBoxBorderColor":"color-5","textBoxFillColor":"color-2","alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"galleryLayout":2,"galleryImageRatioFromWix":1.7777777777777777,"itemOpacity":{"themeName":"color_14","value":"rgba(109,115,119,0.6)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"avenir-lt-w01_85-heavy1475544","preset":"Heading-S","editorKey":"font_6","size":16,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal normal 16px/1.4em avenir-lt-w01_85-heavy1475544,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(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonFont":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":16,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 16px/1.4em avenir-lt-w01_35-light1475496,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(0,0,0,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":2,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":0,"height":427,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":2570,"galleryHeight":427,"scrollBase":0}}
PROBLEM SOLVING
To create an animated video for the Utilev steak-holders showcasing what they have to offer by presenting
CHALLENGE
THINKING AND THOUGHTSHOWER
STRATEGY & APPROACH
I chose to keep the colour scheme restricted to tones of blue for this animation as I felt it still had to look very corporate as it was being shown in a presentation yet quite vibrant to look at. Blue was part of the brand guidelines for this brand so I choose to use mutliple tones of this colour to add contrast and varience to the animation and the information being presented. This was created using After Effects, Illustrator and Photoshop.
CONCLUSION
FINAL THOUGHTS
Hyter-Yale Group was commissioned to produce 50 trucks for Heineken, for use at their factories. This project was to show a build from start to finish at the Craigavon factory of the Hyster High-Rise forklift truck.
