-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
22 lines (22 loc) · 32.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.92d164f10ea414b8bfcf.css">/*!
* Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
*/
/*!
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#333;text-decoration:none}a:focus,a:hover{color:#333;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}.btn{display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;color:#fff;background-color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:20px 24px;font-size:16px;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn:focus,.btn:hover{color:#fff;text-decoration:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#fff;-webkit-transition:all .25s;transition:all .25s}.home-page:after,.overlay-off{opacity:0;visibility:hidden}.home-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;background:#fff;-webkit-transition:all .2s;transition:all .2s}.home-page--loading:after{opacity:1;visibility:visible}.scene__container{width:1140px;max-width:100%;margin:0 auto;padding:0 20px}.scene__content{max-width:250px;position:relative;z-index:1}.scene__title{margin-bottom:20px;font-family:inherit;font-weight:600;line-height:1.23;color:inherit}.scene__outer-circle{position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-250px;width:500px;height:500px;border-radius:50%;-webkit-transition:-webkit-transform .3s ease-out .2s;transition:-webkit-transform .3s ease-out .2s;transition:transform .3s ease-out .2s;transition:transform .3s ease-out .2s,-webkit-transform .3s ease-out .2s}.scene__outer-circle--home,.scene__outer-circle--orange{background-image:-webkit-gradient(linear,left top,left bottom,from(#a40014),color-stop(28%,#f07264),color-stop(57%,#fea180),to(#fcc88d));background-image:linear-gradient(-180deg,#a40014,#f07264 28%,#fea180 57%,#fcc88d)}.scene__outer-circle--blue{background-image:-webkit-gradient(linear,left top,left bottom,from(#4438a6),color-stop(28%,#3a5bc2),color-stop(57%,#57a1f2),to(#b6b5ec));background-image:linear-gradient(-180deg,#4438a6,#3a5bc2 28%,#57a1f2 57%,#b6b5ec)}.scene__outer-circle--cyan{background-image:-webkit-gradient(linear,left top,left bottom,from(#00bdb9),color-stop(25%,#5de9e5),color-stop(70%,#d3fefd),to(#ffdfb6));background-image:linear-gradient(-180deg,#00bdb9,#5de9e5 25%,#d3fefd 70%,#ffdfb6)}.scene__outer-circle--purple{background-image:-webkit-gradient(linear,left top,left bottom,from(#142256),color-stop(37%,#4a52a5),color-stop(76%,#ba97db),to(#ffb797));background-image:linear-gradient(-180deg,#142256,#4a52a5 37%,#ba97db 76%,#ffb797)}.animate-circle .scene__outer-circle{-webkit-transition:-webkit-transform .32s ease-in;transition:-webkit-transform .32s ease-in;transition:transform .32s ease-in;transition:transform .32s ease-in,-webkit-transform .32s ease-in;-webkit-transform:scale3d(5.5,5.5,5.5);transform:scale3d(5.5,5.5,5.5)}.scene__inner-circle{position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-100px;width:200px;height:200px;border-radius:50%;background:#fff;box-shadow:0 0 0 20px hsla(0,0%,100%,.3);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.showcase{background-color:#fff;overflow-x:hidden;position:relative;z-index:1000}.showcase--modal{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;-webkit-transition:all .25s .14s;transition:all .25s .14s}.showcase--active{opacity:1;visibility:visible}.showcase__logo{position:absolute;max-width:200px;left:15px;top:44px;z-index:1}.showcase__separator{background:#4144b0;border-radius:8px;width:88px;height:8px;margin:62px 0}.showcase__content{margin-top:-160px}.showcase__content:after{content:"";position:absolute;width:1000px;height:1000px;top:-444px;right:-480px;border-radius:50%;z-index:-1;background:rgba(0,0,0,.05)}@media screen and (max-width:414px){.showcase__content:after{display:none}}.showcase__content-row{padding-bottom:160px}.showcase__content-row:last-child{padding:0}.showcase p{font-weight:300;letter-spacing:1.25px}.showcase__image-1{margin-top:-88px;height:90vw;max-height:600px}.showcase__image-2{margin-top:-48px;float:right;height:100vw;max-height:500px}.showcase__image-3{margin-top:-88px;height:100vw;max-height:600px}@media screen and (max-width:768px){.showcase__image-1,.showcase__image-2,.showcase__image-3{margin-top:32px}.showcase__content-row{padding-bottom:80px}.showcase__mobile-center-text{text-align:center}}.showcase__link{margin:80px 0 140px}.showcase__bottom-bg,.showcase__top-bg{position:relative;height:500px;z-index:-2}.showcase__bottom-bg:after,.showcase__top-bg:after{content:"";position:absolute;left:50%;width:150%;height:278%;border-radius:50%}@media screen and (max-width:768px){.showcase__bottom-bg,.showcase__top-bg{height:400px}.showcase__bottom-bg:after,.showcase__top-bg:after{width:174%}}@media screen and (max-width:414px){.showcase__bottom-bg,.showcase__top-bg{height:370px}.showcase__bottom-bg:after,.showcase__top-bg:after{width:220%}}.showcase__top-bg:after{top:0;background-color:#fff;-webkit-transform:translate(-50%,14%);transform:translate(-50%,14%)}.showcase__bottom-bg:after{bottom:0;background-color:#fff;-webkit-transform:translate(-50%,-16%);transform:translate(-50%,-16%)}.showcase--orange .showcase__top-bg{background-image:-webkit-gradient(linear,left top,left bottom,from(#a80618),color-stop(28%,#f27968),to(#bbf9f7));background-image:linear-gradient(-180deg,#a80618,#f27968 28%,#bbf9f7)}.showcase--orange .showcase__bottom-bg{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(9%,#f4806c),to(#fce0b9));background-image:linear-gradient(-180deg,#f4806c 9%,#fce0b9)}.showcase--blue .showcase__bottom-bg,.showcase--blue .showcase__top-bg{background-image:-webkit-gradient(linear,left top,left bottom,from(#4438a6),color-stop(28%,#3a5bc2),to(#57a1f2));background-image:linear-gradient(-180deg,#4438a6,#3a5bc2 28%,#57a1f2)}.showcase--cyan .showcase__top-bg{background-image:-webkit-gradient(linear,left top,left bottom,from(#03beba),color-stop(28%,#71ece9),to(#bbf9f7));background-image:linear-gradient(-180deg,#03beba,#71ece9 28%,#bbf9f7)}.showcase--cyan .showcase__bottom-bg{background-image:-webkit-gradient(linear,left top,left bottom,from(#30d4d0),to(#fce0b9));background-image:linear-gradient(-180deg,#30d4d0,#fce0b9)}.showcase--purple .showcase__top-bg{background-image:-webkit-gradient(linear,left top,left bottom,from(#162459),color-stop(31%,#464e9e),to(#9387c9));background-image:linear-gradient(-180deg,#162459,#464e9e 31%,#9387c9)}.showcase--purple .showcase__bottom-bg{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(9%,#454e9e),to(#fdb69a));background-image:linear-gradient(-180deg,#454e9e 9%,#fdb69a)}.showcase__bottom-content{margin-top:320px}.showcase__bottom-content .showcase__next-up{color:#fff}.showcase__bottom-content .showcase__next-showcase{color:#fff;font-size:32px}.showcase__bottom-content .showcase__next-showcase:hover{color:#fafafa}.showcase__close{position:fixed;right:32px;top:32px;width:32px;height:32px;opacity:.6;border:0;z-index:999;background-color:transparent}.showcase__close:hover{opacity:1}.showcase__close:after,.showcase__close:before{position:absolute;top:0;left:15px;content:" ";height:33px;width:2px;background-color:#333}.showcase__close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.showcase__close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}</style><meta name="generator" content="Gatsby 2.13.32"/><title data-react-helmet="true">Appletreelabs - The Product Laboratory</title><link data-react-helmet="true" rel="shortcut icon" type="image/png" href="data:image/vnd.microsoft.icon;base64,AAABAAEAEBAAAAEACABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAAAAAAAir/8AHCG9gAvJr0AQD/OAEE/zgBSWN8AgKP+AHya/ACBo/4AhrT9AIe0/QBkcfAAjMX8AEA/zQD///8AUljeAHaR+QAcDKwAHQysAG+F9gBjce8ALiW9AIOp/gCIuv0Aibr9AGp88wAuJbwAgqn9AIrA/QBRV94AdpD5AGNw7wCMxv0AaXvzAGp78wCCqP0AiLn8AHyb/ACBpP4Ah7X9AIzG/ABpe/IAHQ2sAISu/QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhKQ0NDQ0AAAAAAAAAAB0BHR0BHQEdHQEAAAAAABgYGBkZGSUYGBgYGAAAAAoKKAsKCgoKCgooCwoKAAAsLCwsLCwPDywsLCwsLAAXFxwkFw8PDw8PDxcXHBcXCQcnCQkPDw8PDw8JCScJCQgmCAgPDw8PDw8PDwgICAgRER8fDw8PDw8PDw8fHx8fAgICAhQPDw8PDw8CFAICAhoaGiIjDw8PDw8PGhoaGioAFRUVDAwVDw8VIBUVFQwAAB4eEAYQBgYeEBAQBhAeAAAABAQEBAQODgUEBAQFAAAAAAAWGwMDFgMWAxYbAAAAAAAAAAASExMrKxMAAAAAAPgfAADgBwAAwAMAAIABAACAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAEAAIABAADAAwAA4AcAAPgfAAA="/><meta data-react-helmet="true" name="description" content="The Product Laboratory"/><meta data-react-helmet="true" name="keywords" content="digital, agency, product, laboratory, html, website"/><link as="script" rel="preload" href="/webpack-runtime-2f386cbe9d3256c70949.js"/><link as="script" rel="preload" href="/app-bfe9b9cf2cded9701380.js"/><link as="script" rel="preload" href="/styles-c641c667672ac6543410.js"/><link as="script" rel="preload" href="/4-38daa2837b26bdfe40ce.js"/><link as="script" rel="preload" href="/component---src-pages-index-js-ce6a6488f7890770eea0.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="use-credentials"/></head><body><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" role="group" id="gatsby-focus-wrapper"><style data-emotion-css="1poy1j9">.css-1poy1j9{position:fixed;top:44px;left:0;width:100%;z-index:900;}</style><header class="css-1poy1j9"><style data-emotion-css="e8yemi">.css-e8yemi{width:1140px;max-width:100%;margin:0 auto;padding:0 20px;}</style><div class="css-e8yemi"><style data-emotion-css="1bx5ylf">.css-1bx5ylf{display:block;position:relative;}</style><a href="/" class="css-1bx5ylf"><style data-emotion-css="tn9ygg">.css-tn9ygg{max-width:200px;}</style><img src="/static/logo-fe721a03d4b7a3b52c17b7c5c5266e00.png" alt="Appletreelabs" class="css-tn9ygg"/></a></div></header><div id="fullpage"><div class="section"><div id="scene-1" class="scene "><div class="scene__container"><div class="scene__content"><header><h1 class="scene__title">The<br>Product<br>Laboratory</h1></header><div><p class="p1"><span class="s1">We develop apps that power your business.</span></p>
</div></div></div><div class="scene__outer-circle scene__outer-circle--home"><div class="scene__inner-circle"></div></div></div></div><div class="section"><div id="scene-1" class="scene "><div class="scene__container"><div class="scene__content"><header><h1 class="scene__title">Delivery.com</h1></header><div><p>Improving On-Demand Delivery Product.</p>
</div><a href="http://www.appletreelabs.com/delivery-com/">VIEW CASE <i class="fa fa-chevron-right" aria-hidden="true"></i></a></div></div><div class="scene__outer-circle scene__outer-circle--blue"><div class="scene__inner-circle"></div></div></div></div><div class="section"><div id="scene-1" class="scene "><div class="scene__container"><div class="scene__content"><header><h1 class="scene__title">FIJI Water</h1></header><div><p>FIJI Bottled Water delivery as a product.</p>
</div><a href="http://www.appletreelabs.com/fiji-water/">VIEW CASE <i class="fa fa-chevron-right" aria-hidden="true"></i></a></div></div><div class="scene__outer-circle scene__outer-circle--cyan"><div class="scene__inner-circle"></div></div></div></div><div class="section"><div id="scene-1" class="scene "><div class="scene__container"><div class="scene__content"><header><h1 class="scene__title">RFA</h1></header><div><p>Automating IT services to create products.</p>
</div><a href="http://www.appletreelabs.com/rfa/">VIEW CASE <i class="fa fa-chevron-right" aria-hidden="true"></i></a></div></div><div class="scene__outer-circle scene__outer-circle--purple"><div class="scene__inner-circle"></div></div></div></div></div><div class="showcase showcase--blue showcase--modal"><button title="Close" class="showcase__close"></button><div class="showcase__top-bg"></div><div class="showcase__content container"><div class="showcase__content-row row"><div class="col-md-6 col-lg-4"><h1>Unifying Delivery.com Product Strategy</h1><hr class="showcase__separator"/><h2>Background</h2><div><p>Delivery.com is a marketplace for on demand delivery. Unique to it’s competitors’ in that you can order food, alcohol, groceries and even laundry from one website.</p>
</div></div><div class="col-md-6 offset-lg-2 showcase__mobile-center-text"><img alt="Background" src="/static/dcom1-995366ecf3157699ee9dac701d07bf6f.png" class="showcase__image-1"/></div></div><div class="showcase__content-row row"><div class="col-md-6 col-md-push-6"><h2>Process</h2><div><p>A massive system that was built over time had developed inconsistencies that would bubble up to its user interface in both technical implementation and design looks & feel. We began to lay the ground work for a strong product process.</p>
</div></div><div class="col-md-6 col-md-pull-6 showcase__mobile-center-text"><img alt="Process" src="/static/dcom2-5791e7a8531a438305e33b9fdd11bc68.png" class="showcase__image-2"/></div></div><div class="showcase__content-row row"><div class="col-md-6"><h2>Results</h2><div><p>The result of following a process driven product development process lead to the creation of a design style guide, consistent on all platforms, API’s that were consistent and thoughtfully architected. The combination of these two things made a user interface and experience that was comfortable to the user, while performing excellently.</p>
</div><a href="https://www.delivery.com/" target="_blank" rel="noopener noreferrer" class="btn btn-primary showcase__link">View site</a></div><div class="col-md-6 showcase__mobile-center-text"><img alt="Results" src="/static/dcom3-2947f97378637de282798aac7e989990.png" class="showcase__image-3"/></div></div></div></div><div class="showcase showcase--cyan showcase--modal"><button title="Close" class="showcase__close"></button><div class="showcase__top-bg"></div><div class="showcase__content container"><div class="showcase__content-row row"><div class="col-md-6 col-lg-4"><h1>FIJI Water as a Product</h1><hr class="showcase__separator"/><h2>Background</h2><div><p>FIJI Water is a globally recognized brand, known for it’s delicious water “untouched by man”. It had found success in physical stores but wanted to improve it’s digital shopping experience.</p>
</div></div><div class="col-md-6 offset-lg-2 showcase__mobile-center-text"><img alt="Background" src="/static/fiji1-755714c9bf2d59b4876775a3d4218b72.png" class="showcase__image-1"/></div></div><div class="showcase__content-row row"><div class="col-md-6 col-md-push-6"><h2>Process</h2><div><p>Recently updating their main website, FIJI felt that their current website shopping experience was not up to par with the main site and other ecommerce stores. We started to look at water like never before, as a digital product for consuming – repeatedly.</p>
</div></div><div class="col-md-6 col-md-pull-6 showcase__mobile-center-text"><img alt="Process" src="/static/fiji2-8d580fdf9288376e690b6c60169468f7.png" class="showcase__image-2"/></div></div><div class="showcase__content-row row"><div class="col-md-6"><h2>Results</h2><div><p>Our investigations on similar products lead us to the discovery of “Web 2.0” products, like Harry’s, Casper and DollarShaveClub. We noticed that by grouping the items into a set, for example 24, and creating a subscription model, it would be easier for users to purchase and better for FIJI sales.</p>
</div><a href="https://store.fijiwater.com/" target="_blank" rel="noopener noreferrer" class="btn btn-primary showcase__link">View site</a></div><div class="col-md-6 showcase__mobile-center-text"><img alt="Results" src="/static/fiji3-d205831501395b48155aa713a099d043.png" class="showcase__image-3"/></div></div></div></div><div class="showcase showcase--purple showcase--modal"><button title="Close" class="showcase__close"></button><div class="showcase__top-bg"></div><div class="showcase__content container"><div class="showcase__content-row row"><div class="col-md-6 col-lg-4"><h1>Inventing RFA's Product Strategy</h1><hr class="showcase__separator"/><h2>Background</h2><div><p>RFA is a managed service provider of IT for financial companies, and its been doing everything manually for over 25 years. It’s grown it’s excellence by maintaining a high level of quality and came to us to help improve it even further.</p>
</div></div><div class="col-md-6 offset-lg-2 showcase__mobile-center-text"><img alt="Background" src="/static/[email protected]" class="showcase__image-1"/></div></div><div class="showcase__content-row row"><div class="col-md-6 col-md-push-6"><h2>Process</h2><div><p>Today it looks to continue to improve the services offered by automating manual processes into applications that map to it’s business processes. We reviewed multiple process that had highly repetitive tasks and pinpointed which were the most cost effective to automate.</p>
</div></div><div class="col-md-6 col-md-pull-6 showcase__mobile-center-text"><img alt="Process" src="/static/[email protected]" class="showcase__image-2"/></div></div><div class="showcase__content-row row"><div class="col-md-6"><h2>Results</h2><div><p>We’ve created two applications; one is internal, the other is consumer facing. In doing so, we’ve laid down the framework to create consistent user experiences, while providing easy interfaces to ensure higher success rate. We have already decreased cost and increased reliability.</p>
</div><a href="http://rfa.com/" target="_blank" rel="noopener noreferrer" class="btn btn-primary showcase__link">View site</a></div><div class="col-md-6 showcase__mobile-center-text"><img alt="Results" src="/static/[email protected]" class="showcase__image-3"/></div></div></div></div><div class="overlay "></div><style data-emotion-css="hoseu">.css-hoseu{position:fixed;bottom:44px;left:0;width:100%;z-index:900;}</style><footer class="css-hoseu"><style data-emotion-css="e8yemi">.css-e8yemi{width:1140px;max-width:100%;margin:0 auto;padding:0 20px;}</style><div class="css-e8yemi"><style data-emotion-css="8pdhly">.css-8pdhly{float:right;text-align:right;}</style><div class="css-8pdhly"><style data-emotion-css="14hjaqp">.css-14hjaqp{margin:0;color:#ccc;font-size:12px;}</style><p class="css-14hjaqp">Say hi!</p><style data-emotion-css="yoqio2">.css-yoqio2{color:#aaa;font-size:12px;}</style><a href="mailto:[email protected]" class="css-yoqio2">[email protected]</a></div></div></footer></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";window.webpackCompilationHash="c77b93d8fb8b532c819e";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-bfe9b9cf2cded9701380.js"],"component---src-pages-index-js":["/component---src-pages-index-js-ce6a6488f7890770eea0.js"]};/*]]>*/</script><script src="/component---src-pages-index-js-ce6a6488f7890770eea0.js" async=""></script><script src="/4-38daa2837b26bdfe40ce.js" async=""></script><script src="/styles-c641c667672ac6543410.js" async=""></script><script src="/app-bfe9b9cf2cded9701380.js" async=""></script><script src="/webpack-runtime-2f386cbe9d3256c70949.js" async=""></script></body></html>