We create a striking visual language for the animated segments of music-based trivia game, Out of Tune.
Role: Design/Creative Director
From an open-brief, we Ideated, designed, animated and directed the sound for the opener, the titles and transitions of a music-based trivia-game app called "Out of Tune".
Credits :
Client / Out of Tune
Agency / The-Artery
Design/Creative Director / Liron Ashkenazi-Eldar
CCO / Vico Sharabani
Lead Designer/Animator / Patrick Sluiter
{"items":["354dad55-19a7-41ee-8d70-77c8bd231728","81079857-e014-47d0-9254-44b302efc3db"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":false,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":true,"collageAmount":0.8,"collageDensity":1,"groupTypes":"1","oneRow":false,"imageMargin":4,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":1,"enableInfiniteScroll":1,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"useCustomButton":false,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","scrollSnap":false,"itemClick":"expand","fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"allowHover":true,"loveButton":true,"loveCounter":true,"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","textBoxHeight":0,"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":"6|bottom|1|fill|true|0|1","showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":100,"usm":{},"allowUsm":false},"imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(36,36,36,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(36,36,36,0.2)"},"textBoxBorderColor":{"themeName":"color_15","value":"rgba(36,36,36,1)"},"textBoxFillColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"galleryLayout":6,"itemOpacity":{"themeName":"color_15","value":"rgba(36,36,36,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"helvetica-w01-bold","preset":"Heading-M","editorKey":"font_5","size":30,"fontStyleParam":true,"displayName":"Basic Heading","value":"font:normal normal normal 30px/1.4em helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;"},"itemFontSlideshow":{"family":"helvetica-w01-bold","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":30,"preset":"Heading-M","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 30px/1.4em helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif;"},"itemDescriptionFontSlideshow":{"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;"},"itemDescriptionFont":{"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;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(36,36,36,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(36,36,36,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(36,36,36,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(36,36,36,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":6,"isSlideshowFont":false,"externalInfoHeight":0},"container":{"top":"","bottom":"","left":"","right":"","width":0,"height":778,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":2568,"galleryHeight":778,"scrollBase":0}}