SBN WEBSITE RESPONSIVE REDESIGN
BRIEF
Redesign of a non responsive website utilizing responsive design, illustrated graphics mixed with images and mobile first planning.
TOOLS AND TECHNICAL SKILLS
Html / Css - Adobe Illustrator and Photoshop - Copy Writing
CATEGORIES
Web Design - Illustration
STORY
The Sustainable Business Network Of Greater Philadelphia is a network that offers benefits to business owners who join and follow the SBN philosophy of improving the local economy and protecting the environment. I created a site with business owners as the target audience. I made the benefits and philosophies of SBN clear and easy to understand by creating illustrative graphics that coincide with straightforward descriptions.
VISIT THE WEBSITE HERE
{"items":["b9254a29-b47a-448f-a80d-194c06ae6096","99f15d28-81f9-4744-b84f-7a4ae2a09e0b","1820253e-ebe5-4ab5-8fc5-47aa881a26bb","98f4bf74-ae93-4e77-b446-a71c7217b40e","ff4df4c5-fcee-4baf-9d68-d9664ae22b10","187158f3-54b1-4ff9-bab9-4d1c831fc379","cb3f8853-402a-4e62-8dac-2df349c22918","daec8925-70b0-42e5-8a74-415ee96ae7fa","150b4967-258b-4807-9021-816ddd1c133f","cb30375e-1a3b-4bad-9c0a-c403b055250e","5b0653dd-a154-4c12-9c95-670e1dc71198"],"styles":{"groupSize":1,"showArrows":false,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":false,"gallerySize":375,"collageAmount":0.8,"collageDensity":1,"groupTypes":"1","oneRow":false,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":0,"enableInfiniteScroll":1,"gotStyleParams":true,"selectedLayout":"1|bottom|undefined|fill|false|undefined|1","isRTL":false,"minItemSize":120,"fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":false,"videoLoop":true,"videoSound":false,"videoSpeed":1,"videoPlay":"hover","gallerySliderImageRatio":1.7777777777777777,"galleryImageRatio":2,"numberOfImagesPerRow":3,"sharpParams":{"quality":80,"usm":{}},"viewMode":"preview","galleryHorizontalAlign":"flex-start","galleryTextAlign":"left","galleryVerticalAlign":"flex-end","itemClick":"expand","galleryThumbnailsAlignment":"bottom","thumbnailSpacings":9,"gridStyle":0,"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":1,"thumbnailSize":120,"useCustomButton":false,"itemOpacity":{"themeName":"color_14","value":"rgba(113,112,112,0.06)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"din-next-w01-light","preset":"Heading-S","editorKey":"font_6","size":25,"fontStyleParam":true,"displayName":"Small Heading","value":"font:normal normal normal 25px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,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)"},"loadMoreButtonText":"Load More","loadMoreButtonFont":{"family":"din-next-w01-light","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 din-next-w01-light,din-next-w02-light,din-next-w10-light,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":true,"layoutsVersion":2,"selectedLayoutV2":1,"isSlideshowFont":false,"externalInfoHeight":0},"container":{"top":"","bottom":"","left":"","right":"","width":979,"height":1221,"position":"","galleryWidth":989,"galleryHeight":1221,"scrollBase":0}}