AM Studio
AM Studio came up to me with the task of creating a new illustrated identity for their studio. They have looked for a clean yet humanist feel.
The visual language of the first GIF, visible here, expanded to the whole site.
Researches have shown that for 1 Dollar you invest in UI design you can get up to 100 Dollars back!
{"items":["7b27fe61-c7fe-4f2a-ab5d-16963f847c23","4ef09c32-0910-41f9-b31e-7cda5e21a665","c67c12f5-c8cc-4f6e-8eca-b512313d9696","c5e2fa9e-03ea-4548-8feb-bcb9cbfc5dc0"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":false,"cubeImages":true,"cubeType":"fill","cubeRatio":1,"isVertical":true,"gallerySize":558,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":0,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":true,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":2,"enableInfiniteScroll":1,"gotStyleParams":true,"selectedLayout":"2|bottom|undefined|fill|true|undefined|1","isRTL":false,"minItemSize":50,"fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":true,"loveButton":false,"loveCounter":true,"videoLoop":true,"videoSound":false,"videoSpeed":1,"videoPlay":"hover","gallerySliderImageRatio":1.7777777777777777,"galleryImageRatio":2,"numberOfImagesPerRow":2,"sharpParams":{"quality":90,"usm":{}},"viewMode":"preview","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"flex-start","itemClick":"nothing","galleryThumbnailsAlignment":"bottom","thumbnailSpacings":0,"gridStyle":1,"titlePlacement":"SHOW_BELOW","hoveringBehaviour":"APPEARS","mobilePanorama":false,"isAutoSlideshow":false,"slideshowLoop":false,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"autoSlideshowInterval":4,"arrowsSize":23,"slideshowInfoSize":200,"imageLoadingMode":"BLUR","scrollAnimation":"NO_EFFECT","overlayAnimation":"NO_EFFECT","imageHoverAnimation":"NO_EFFECT","expandAnimation":"NO_EFFECT","itemBorderWidth":0,"itemBorderColor":{"themeName":"color_15","value":"rgba(28,28,28,1)"},"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(28,28,28,0.2)"},"itemShadowBlur":20,"loadMoreAmount":"all","itemShadowDirection":135,"itemShadowSize":10,"imageInfoType":"NO_BACKGROUND","textBoxBorderRadius":0,"textBoxBorderWidth":0,"textBoxBorderColor":{"themeName":"color_15","value":"rgba(28,28,28,1)"},"titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":{"themeName":"color_12","value":"rgba(237,237,237,1)"},"textBoxHeight":103,"textImageSpace":10,"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"AUTOMATIC","galleryLayout":2,"thumbnailSize":120,"useCustomButton":false,"galleryImageRatioFromWix":1,"itemOpacity":{"themeName":"color_14","value":"rgba(92,90,81,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"times new roman","preset":"Heading-S","editorKey":"font_6","size":22,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal normal 22px/1.4em \"times new roman\",times,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":"lucida console","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/16px \"lucida console\",lucida-console-w01,monospace;"},"itemDescriptionFont":{"family":"lucida console","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"displayName":"Paragraph 2","value":"font:normal normal normal 15px/1.4em \"lucida console\",lucida-console-w01,monospace;"},"itemFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(28,28,28,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_14","value":"rgba(92,90,81,1)"},"loadMoreButtonText":"Load More","loadMoreButtonFont":{"family":"lucida console","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em \"lucida console\",lucida-console-w01,monospace;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(28,28,28,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(28,28,28,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(255,255,255,1)"},"isAccessible":false,"isMasonry":false,"layoutsVersion":2,"selectedLayoutV2":2,"isSlideshowFont":true,"externalInfoHeight":103},"container":{"top":"","bottom":"","left":"","right":"","width":701,"height":906,"position":"","galleryWidth":701,"galleryHeight":906,"scrollBase":0}}
Icons
Sketches for future GIFs