User Interface Design
Branches Website
Bronze Software Labs
Branches is a next generation smartphone application designed to deliver dynamic, heritage-specific experiences within offline and hard-to-reach locations anywhere in the world through bluetooth ibeacon technology.
This website refresh was designed during my employment at Bronze Software Labs. The illustrative visual style aims to better engage and inform visitors on how the beacon technology works.
{"items":["a412f494-5435-47b3-b405-693427320720","72e3bf2c-c793-4c07-96c3-d42706889979"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":true,"cubeImages":false,"cubeType":"fill","cubeRatio":1,"isVertical":true,"collageAmount":0.8,"collageDensity":1,"groupTypes":"1","oneRow":false,"imageMargin":0,"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":true,"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":"nothing","fullscreen":true,"allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"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","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"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":false,"gotStyleParams":true,"selectedLayout":"6|bottom|1|fill|true|0|true","showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":100,"usm":{}},"imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":"color-5","itemShadowOpacityAndColor":{"value":"rgba(0, 0, 0, 0.2)"},"textBoxBorderColor":"color-5","textBoxFillColor":"color-2","alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"galleryLayout":6,"itemOpacity":{"themeName":"color_15","value":"rgba(255,255,255,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"lulo-clean-w01-one-bold","preset":"Heading-M","editorKey":"font_5","size":28,"fontStyleParam":true,"displayName":"Basic Heading","value":"font:normal normal normal 28px/1.4em lulo-clean-w01-one-bold,sans-serif;"},"itemFontSlideshow":{"family":"lulo-clean-w01-one-bold","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":28,"preset":"Heading-M","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 28px/1.4em lulo-clean-w01-one-bold,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"avenir-lt-w01_35-light1475496","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 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":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/1.4em avenir-lt-w01_35-light1475496,sans-serif;"},"itemFontColor":{"themeName":"color_11","value":"rgba(43,43,43,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(255,255,255,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(43,43,43,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(255,255,255,1)"},"loadMoreButtonFont":{"family":"avenir-lt-w01_35-light1475496","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 avenir-lt-w01_35-light1475496,sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(255,255,255,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(43,43,43,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(255,255,255,1)"},"responsive":false,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":6,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":980,"height":9674,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":980,"galleryHeight":9674,"scrollBase":0}}