American Express: How To Video Series
in collaboration with SBA, 2018
American Express wanted an accessible way for their users to learn about online and in-application features. I worked with my team at SBA to stylize, storyboard, and animate these short, educational videos for both desktop and mobile.
View the whole video series playlist here.
{"items":["843aa2f9-a0fa-49cf-aa23-8c2d7acf20b3","7b85f51b-8a49-47bc-90ce-44971cd701ad"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":false,"cubeImages":false,"cubeType":"fit","cubeRatio":1,"isVertical":true,"collageAmount":0.8,"collageDensity":1,"groupTypes":"1","oneRow":false,"imageMargin":10,"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,"gotStyleParams":true,"selectedLayout":"6|bottom|undefined|fit|true|undefined|1","isRTL":false,"minItemSize":120,"fullscreen":true,"allowSocial":true,"allowDownload":false,"allowTitle":true,"allowDescription":false,"loveButton":false,"loveCounter":true,"videoLoop":true,"videoSound":false,"videoSpeed":1,"videoPlay":"onClick","gallerySliderImageRatio":1.7777777777777777,"galleryImageRatio":2,"numberOfImagesPerRow":1,"sharpParams":{"quality":90,"usm":{}},"viewMode":"preview","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","itemClick":"expand","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(0,0,0,1)"},"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(0,0,0,0.2)"},"itemShadowBlur":20,"loadMoreAmount":"all","itemShadowDirection":135,"itemShadowSize":10,"imageInfoType":"NO_BACKGROUND","textBoxBorderRadius":0,"textBoxBorderWidth":0,"textBoxBorderColor":"color-5","titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":"color-2","textBoxHeight":76,"textImageSpace":10,"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"AUTOMATIC","galleryLayout":6,"thumbnailSize":120,"useCustomButton":false,"galleryImageRatioFromWix":0.5625,"itemOpacity":{"themeName":"color_11","value":"rgba(255,255,255,0.65)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"libre baskerville","preset":"Heading-S","editorKey":"font_6","size":22,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal normal 22px/1.4em \"libre baskerville\",serif;"},"itemFontSlideshow":{"family":"avenir-lt-w01_85-heavy1475544","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-L","editorKey":"font_7","fontStyleParam":true,"displayName":"Paragraph 1","value":"font:normal normal normal 15px/1.4em 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":14,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 14px/1.4em 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":14,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 14px/1.4em avenir-lt-w01_35-light1475496,sans-serif;"},"itemFontColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemDescriptionFontColor":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(0,0,0,1)"},"loadMoreButtonText":"Load more","loadMoreButtonFont":{"family":"avenir-lt-w01_35-light1475496","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 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)"},"isAccessible":false,"isMasonry":false,"layoutsVersion":2,"selectedLayoutV2":6,"isSlideshowFont":true,"externalInfoHeight":76},"container":{"top":"","bottom":"","left":"","right":"","width":585,"height":830,"position":"","galleryWidth":605,"galleryHeight":830,"scrollBase":0}}