Social Decay Web Redesign
2017
I worked with the Social Decay team to redesign their storefront on Shopify. The client wanted their homepage to stand out as unique while keeping in line with current design trends, like the full width header image. I additionally made some changes on the front end to customize the theme to their liking, such as implementing hover effects with CSS3 and hiding the prices from the items listed on the homepage.
{"items":["6761230d-1fe8-4dc0-8403-d51df795ff40","bbcc5ad4-48f0-4d1c-8d1f-b5c72471f004"],"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":31,"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":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":true,"videoLoop":true,"videoSound":false,"videoSpeed":1,"videoPlay":"hover","gallerySliderImageRatio":1.7777777777777777,"galleryImageRatio":2,"numberOfImagesPerRow":1,"sharpParams":{"quality":90,"usm":{}},"viewMode":"preview","galleryHorizontalAlign":"center","galleryTextAlign":"center","galleryVerticalAlign":"center","itemClick":"nothing","galleryThumbnailsAlignment":"bottom","thumbnailSpacings":0,"gridStyle":1,"titlePlacement":"SHOW_ON_HOVER","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":0,"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)"},"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":"libre baskerville","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":25,"preset":"Heading-M","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 25px/1.4em \"libre baskerville\",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","style":{"bold":false,"italic":false,"underline":false},"size":14,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"displayName":"Paragraph 2","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":false,"externalInfoHeight":0},"container":{"top":"","bottom":"","left":"","right":"","width":585,"height":1782,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":647,"galleryHeight":1782,"scrollBase":0}}