CINXE.COM
<!doctype html><html lang="en"><head><title data-rh="true">Case Study: FluxWear. Website for Health Tech Product | by tubik | Muzli - Design Inspiration</title><meta data-rh="true" charset="utf-8"/><meta data-rh="true" name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1"/><meta data-rh="true" name="theme-color" content="#000000"/><meta data-rh="true" name="twitter:app:name:iphone" content="Medium"/><meta data-rh="true" name="twitter:app:id:iphone" content="828256236"/><meta data-rh="true" property="al:ios:app_name" content="Medium"/><meta data-rh="true" property="al:ios:app_store_id" content="828256236"/><meta data-rh="true" property="al:android:package" content="com.medium.reader"/><meta data-rh="true" property="fb:app_id" content="542599432471018"/><meta data-rh="true" property="og:site_name" content="Medium"/><meta data-rh="true" property="og:type" content="article"/><meta data-rh="true" property="article:published_time" content="2024-06-30T10:16:41.436Z"/><meta data-rh="true" name="title" content="Case Study: FluxWear. Website for Health Tech Product | by tubik | Muzli - Design Inspiration"/><meta data-rh="true" property="og:title" content="Case Study: FluxWear. Website for Health Tech Product"/><meta data-rh="true" property="al:android:url" content="medium://p/1b53403aa08c"/><meta data-rh="true" property="al:ios:url" content="medium://p/1b53403aa08c"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" name="description" content="With this case study, we invite you to check out one more design project connected to the theme of innovative products and approaches in the sphere of healthcare and support. Dive into the creative…"/><meta data-rh="true" property="og:description" content="Creative process behind the stylish and informative website design for FluxWear, the company producing a health tech product reducing…"/><meta data-rh="true" property="og:url" content="https://medium.muz.li/case-study-fluxwear-website-for-health-tech-product-1b53403aa08c"/><meta data-rh="true" property="al:web:url" content="https://medium.muz.li/case-study-fluxwear-website-for-health-tech-product-1b53403aa08c"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:1200/1*ID-TZi3yKnl796fI3y5IeA.jpeg"/><meta data-rh="true" property="article:author" content="https://tubikstudio.medium.com"/><meta data-rh="true" name="author" content="tubik"/><meta data-rh="true" name="robots" content="index,noarchive,follow,max-image-preview:large"/><meta data-rh="true" name="referrer" content="unsafe-url"/><meta data-rh="true" property="twitter:title" content="Case Study: FluxWear. Website for Health Tech Product"/><meta data-rh="true" name="twitter:site" content="@usemuzli"/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://p/1b53403aa08c"/><meta data-rh="true" property="twitter:description" content="Creative process behind the stylish and informative website design for FluxWear, the company producing a health tech product reducing…"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:1200/1*ID-TZi3yKnl796fI3y5IeA.jpeg"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:creator" content="@tubikstudio"/><meta data-rh="true" name="twitter:label1" content="Reading time"/><meta data-rh="true" name="twitter:data1" content="7 min read"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/resize:fill:256:256/1*CbIuoIPQcraC2U6K2BSWNg.png"/><link data-rh="true" rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml"/><link data-rh="true" rel="apple-touch-icon" sizes="152x152" href="https://miro.medium.com/v2/resize:fill:304:304/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="120x120" href="https://miro.medium.com/v2/resize:fill:240:240/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="76x76" href="https://miro.medium.com/v2/resize:fill:152:152/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="60x60" href="https://miro.medium.com/v2/resize:fill:120:120/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="mask-icon" href="https://miro.medium.com/v2/resize:fill:1000:1000/7*GAOKVe--MXbEJmV9230oOQ.png" color="#171717"/><link data-rh="true" id="glyph_preload_link" rel="preload" as="style" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" id="glyph_link" rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" rel="author" href="https://tubikstudio.medium.com"/><link data-rh="true" rel="canonical" href="https://medium.muz.li/case-study-fluxwear-website-for-health-tech-product-1b53403aa08c"/><link data-rh="true" rel="alternate" href="android-app://com.medium.reader/https/medium.com/p/1b53403aa08c"/><script data-rh="true" type="application/ld+json">{"@context":"http:\u002F\u002Fschema.org","@type":"NewsArticle","image":["https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:1200\u002F1*ID-TZi3yKnl796fI3y5IeA.jpeg"],"url":"https:\u002F\u002Fmedium.muz.li\u002Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c","dateCreated":"2024-06-28T09:47:51.724Z","datePublished":"2024-06-28T09:47:51.724Z","dateModified":"2024-11-22T04:30:35.724Z","headline":"Case Study: FluxWear. Website for Health Tech Product","name":"Case Study: FluxWear. Website for Health Tech Product","description":"With this case study, we invite you to check out one more design project connected to the theme of innovative products and approaches in the sphere of healthcare and support. Dive into the creative…","identifier":"1b53403aa08c","author":{"@type":"Person","name":"tubik","url":"https:\u002F\u002Ftubikstudio.medium.com"},"creator":["tubik"],"publisher":{"@type":"Organization","name":"Muzli - Design Inspiration","url":"medium.muz.li","logo":{"@type":"ImageObject","width":195,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:390\u002F1*OmMHUNYn0EG7dMP57zEi6Q.png"}},"mainEntityOfPage":"https:\u002F\u002Fmedium.muz.li\u002Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c"}</script><style type="text/css" data-fela-rehydration="548" data-fela-type="STATIC">html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden="true"]{visibility:hidden;pointer-events:none}.grecaptcha-badge{visibility:hidden} /*XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>*/.hljs {background: #fff;color: black; }/* Gray DOCTYPE selectors like WebKit */ .xml .hljs-meta {color: #c0c0c0; }.hljs-comment, .hljs-quote {color: #007400; }.hljs-tag, .hljs-attribute, .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-name {color: #aa0d91; }.hljs-variable, .hljs-template-variable {color: #3F6E74; }.hljs-code, .hljs-string, .hljs-meta .hljs-string {color: #c41a16; }.hljs-regexp, .hljs-link {color: #0E0EFF; }.hljs-title, .hljs-symbol, .hljs-bullet, .hljs-number {color: #1c00cf; }.hljs-section, .hljs-meta {color: #643820; }.hljs-title.class_, .hljs-class .hljs-title, .hljs-type, .hljs-built_in, .hljs-params {color: #5c2699; }.hljs-attr {color: #836C28; }.hljs-subst {color: #000; }.hljs-formula {background-color: #eee;font-style: italic; }.hljs-addition {background-color: #baeeba; }.hljs-deletion {background-color: #ffc8bd; }.hljs-selector-id, .hljs-selector-class {color: #9b703f; }.hljs-doctag, .hljs-strong {font-weight: bold; }.hljs-emphasis {font-style: italic; } </style><style type="text/css" data-fela-rehydration="548" data-fela-type="KEYFRAME">@-webkit-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@-moz-keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}@keyframes k1{0%{opacity:0.8}50%{opacity:0.5}100%{opacity:0.8}}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE">.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{display:block}.m{position:sticky}.n{top:0}.o{z-index:500}.p{padding:0 24px}.q{align-items:center}.r{border-bottom:solid 1px #F2F2F2}.y{height:41px}.z{line-height:20px}.ab{display:flex}.ac{height:57px}.ae{flex:1 0 auto}.af{color:inherit}.ag{fill:inherit}.ah{font-size:inherit}.ai{border:inherit}.aj{font-family:inherit}.ak{letter-spacing:inherit}.al{font-weight:inherit}.am{padding:0}.an{margin:0}.ao{cursor:pointer}.ap:disabled{cursor:not-allowed}.aq:disabled{color:#6B6B6B}.ar:disabled{fill:#6B6B6B}.au{width:auto}.av path{fill:#242424}.aw{height:25px}.ax{margin-left:16px}.ay{border:none}.az{border-radius:20px}.ba{width:240px}.bb{background:#F9F9F9}.bc path{fill:#6B6B6B}.be{outline:none}.bf{font-family:sohne, "Helvetica Neue", Helvetica, Arial, sans-serif}.bg{font-size:14px}.bh{width:100%}.bi{padding:10px 20px 10px 0}.bj{background-color:transparent}.bk{color:#242424}.bl::placeholder{color:#6B6B6B}.bm{display:inline-block}.bn{margin-left:12px}.bo{margin-right:12px}.bp{border-radius:4px}.bq{margin-left:24px}.br{height:24px}.bx{background-color:#F9F9F9}.by{border-radius:50%}.bz{height:32px}.ca{width:32px}.cb{justify-content:center}.ch{max-width:680px}.ci{min-width:0}.cj{animation:k1 1.2s ease-in-out infinite}.ck{height:100vh}.cl{margin-bottom:16px}.cm{margin-top:48px}.cn{align-items:flex-start}.co{flex-direction:column}.cp{justify-content:space-between}.cq{margin-bottom:24px}.cw{width:80%}.cx{background-color:#F2F2F2}.dd{height:44px}.de{width:44px}.df{margin:auto 0}.dg{margin-bottom:4px}.dh{height:16px}.di{width:120px}.dj{width:80px}.dp{margin-bottom:8px}.dq{width:96%}.dr{width:98%}.ds{width:81%}.dt{margin-left:8px}.du{color:#6B6B6B}.dv{font-size:13px}.dw{height:100%}.ep{color:#FFFFFF}.eq{fill:#FFFFFF}.er{background:rgba(81, 123, 255, 1)}.es{border-color:rgba(81, 123, 255, 1)}.ew:disabled{cursor:inherit !important}.ex:disabled{opacity:0.3}.ey:disabled:hover{background:rgba(81, 123, 255, 1)}.ez:disabled:hover{border-color:rgba(81, 123, 255, 1)}.fa{border-radius:99em}.fb{border-width:1px}.fc{border-style:solid}.fd{box-sizing:border-box}.fe{text-decoration:none}.ff{text-align:center}.fi{margin-right:32px}.fj{position:relative}.fk{fill:#6B6B6B}.fn{background:transparent}.fo svg{margin-left:4px}.fp svg{fill:#6B6B6B}.fr{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.fs{position:absolute}.fz{margin:0 24px}.gd{background:rgba(255, 255, 255, 1)}.ge{border:1px solid #F2F2F2}.gf{box-shadow:0 1px 4px #F2F2F2}.gg{max-height:100vh}.gh{overflow-y:auto}.gi{left:0}.gj{top:calc(100vh + 100px)}.gk{bottom:calc(100vh + 100px)}.gl{width:10px}.gm{pointer-events:none}.gn{word-break:break-word}.go{word-wrap:break-word}.gp:after{display:block}.gq:after{content:""}.gr:after{clear:both}.gs{line-height:1.23}.gt{letter-spacing:0}.gu{font-style:normal}.gv{font-family:fell, Georgia, Cambria, "Times New Roman", Times, serif}.ia{align-items:baseline}.ib{width:48px}.ic{height:48px}.id{border:2px solid rgba(255, 255, 255, 1)}.ie{z-index:0}.if{box-shadow:none}.ig{border:1px solid rgba(0, 0, 0, 0.05)}.ih{margin-left:-12px}.ii{width:28px}.ij{height:28px}.ik{z-index:1}.il{width:24px}.im{margin-bottom:2px}.in{flex-wrap:nowrap}.io{font-size:16px}.ip{line-height:24px}.ir{margin:0 8px}.is{display:inline}.it{color:rgba(81, 123, 255, 1)}.iu{fill:rgba(81, 123, 255, 1)}.ix{flex:0 0 auto}.ja{flex-wrap:wrap}.jb{white-space:pre-wrap}.jc{margin-right:4px}.jd{overflow:hidden}.je{max-height:20px}.jf{text-overflow:ellipsis}.jg{display:-webkit-box}.jh{-webkit-line-clamp:1}.ji{-webkit-box-orient:vertical}.jj{word-break:break-all}.jl{padding-left:8px}.jm{padding-right:8px}.kn> *{flex-shrink:0}.ko{overflow-x:scroll}.kp::-webkit-scrollbar{display:none}.kq{scrollbar-width:none}.kr{-ms-overflow-style:none}.ks{width:74px}.kt{flex-direction:row}.ku{z-index:2}.kx{-webkit-user-select:none}.ky{border:0}.kz{fill:rgba(117, 117, 117, 1)}.lc{outline:0}.ld{user-select:none}.le> svg{pointer-events:none}.ln{cursor:progress}.lo{opacity:1}.lp{padding:4px 0}.ls{margin-top:0px}.lt{width:16px}.lv{display:inline-flex}.mb{max-width:100%}.mc{padding:8px 2px}.md svg{color:#6B6B6B}.mu{clear:both}.na{margin-left:auto}.nb{margin-right:auto}.nc{max-width:3200px}.ni{padding-top:5px}.nj{padding-bottom:5px}.nl{cursor:zoom-in}.nm{z-index:auto}.no{height:auto}.np{line-height:1.58}.nq{letter-spacing:-0.004em}.ol{margin-bottom:-0.46em}.or{line-height:1.12}.os{letter-spacing:-0.022em}.ot{font-weight:600}.po{margin-bottom:-0.28em}.pu{text-decoration:underline}.pv{margin:auto}.pw{padding-bottom:75%}.px{height:0}.py{padding-bottom:56.206088992974244%}.pz{font-weight:500}.qa{margin-top:32px}.qb{margin-bottom:14px}.qc{padding-top:24px}.qd{padding-bottom:10px}.qe{background-color:#000000}.qf{height:3px}.qg{width:3px}.qh{margin-right:20px}.qi{font-style:italic}.qj{list-style-type:disc}.qk{margin-left:30px}.ql{padding-left:0px}.qr{max-width:1400px}.qs{margin-bottom:26px}.qt{margin-top:6px}.qu{margin-top:8px}.qv{margin-right:8px}.qw{padding:8px 16px}.qx{border-radius:100px}.qy{transition:background 300ms ease}.ra{white-space:nowrap}.rb{border-top:none}.rc{margin-bottom:50px}.rd{height:52px}.re{max-height:52px}.rf{box-sizing:content-box}.rg{position:static}.ri{max-width:155px}.ro{margin-bottom:64px}.rp{margin-bottom:48px}.sd{border-radius:2px}.sf{height:64px}.sg{width:64px}.sh{align-self:flex-end}.si{color:rgba(255, 255, 255, 1)}.sj{fill:rgba(255, 255, 255, 1)}.sk{background:rgba(25, 25, 25, 1)}.sl{border-color:rgba(25, 25, 25, 1)}.so:disabled{opacity:0.1}.sp:disabled:hover{background:rgba(25, 25, 25, 1)}.sq:disabled:hover{border-color:rgba(25, 25, 25, 1)}.sr{flex:1 1 auto}.sv{padding-right:4px}.ti{margin-top:16px}.tj{margin-bottom:54px}.tk{height:0px}.tl{gap:18px}.tm{fill:rgba(61, 61, 61, 1)}.ty{border-bottom:solid 1px #E5E5E5}.tz{margin-top:72px}.ua{padding:24px 0}.ub{margin-bottom:0px}.uc{margin-right:16px}.as:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.at:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.et:hover{background:rgba(73, 108, 228, 1)}.eu:hover{border-color:rgba(73, 108, 228, 1)}.ev:hover{cursor:pointer}.fl:hover{color:#242424}.fm:hover{fill:#242424}.fq:hover svg{fill:#242424}.ft:hover{background-color:rgba(0, 0, 0, 0.1)}.iq:hover{text-decoration:underline}.iv:hover:not(:disabled){color:rgba(73, 108, 228, 1)}.iw:hover:not(:disabled){fill:rgba(73, 108, 228, 1)}.lb:hover{fill:rgba(8, 8, 8, 1)}.lq:hover{fill:#000000}.lr:hover p{color:#000000}.lu:hover{color:#000000}.me:hover svg{color:#000000}.qz:hover{background-color:#F2F2F2}.se:hover{background-color:none}.sm:hover{background:#000000}.sn:hover{border-color:#242424}.tn:hover{fill:rgba(25, 25, 25, 1)}.bd:focus-within path{fill:#242424}.la:focus{fill:rgba(8, 8, 8, 1)}.mf:focus svg{color:#000000}.nn:focus{transform:scale(1.01)}.lf:active{border-style:none}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="all and (min-width: 1080px)">.d{display:none}.bw{width:64px}.cg{margin:0 64px}.cv{height:48px}.dc{margin-bottom:52px}.do{margin-bottom:48px}.ef{font-size:14px}.eg{line-height:20px}.em{font-size:13px}.eo{padding:5px 12px}.fh{display:flex}.fy{margin-bottom:50px}.gc{max-width:680px}.hq{font-size:42px}.hr{margin-top:1.19em}.hs{margin-bottom:32px}.ht{line-height:52px}.hu{letter-spacing:-0.011em}.hz{align-items:center}.jz{border-top:solid 1px #F2F2F2}.ka{border-bottom:solid 1px #F2F2F2}.kb{margin:32px 0 0}.kc{padding:3px 8px}.kl> *{margin-right:24px}.km> :last-child{margin-right:0}.lm{margin-top:0px}.ma{margin:0}.mz{max-width:1192px}.nh{margin-top:40px}.oh{font-size:20px}.oi{margin-top:2.14em}.oj{line-height:32px}.ok{letter-spacing:-0.003em}.oq{margin-top:56px}.pk{font-size:24px}.pl{margin-top:1.95em}.pm{line-height:30px}.pn{letter-spacing:-0.016em}.pt{margin-top:0.94em}.qq{margin-top:1.14em}.rn{display:inline-block}.rq{flex-direction:row}.rt{margin-bottom:0}.ru{margin-right:20px}.ss{max-width:500px}.tg{line-height:24px}.th{letter-spacing:0}.ts{margin:40px 0 0}.tx{padding-top:72px}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}.ll{margin-top:0px}.rm{display:inline-block}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}.lk{margin-top:0px}.rl{display:inline-block}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}.li{margin-top:0px}.lj{margin-right:0px}.rk{display:inline-block}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="all and (max-width: 551.98px)">.h{display:none}.s{display:flex}.t{justify-content:space-between}.bs{width:24px}.cc{margin:0 24px}.cr{height:40px}.cy{margin-bottom:44px}.dk{margin-bottom:32px}.dx{font-size:13px}.dy{line-height:20px}.eh{padding:0px 8px 1px}.fu{margin-bottom:2px}.gw{font-size:32px}.gx{margin-top:1.01em}.gy{margin-bottom:24px}.gz{line-height:38px}.ha{letter-spacing:-0.014em}.hv{align-items:flex-start}.iy{flex-direction:column}.jn{margin:24px -24px 0}.jo{padding:0}.kd> *{margin-right:8px}.ke> :last-child{margin-right:24px}.kv{margin-left:0px}.lg{margin-top:0px}.lh{margin-right:0px}.lw{margin:0}.mg{border:1px solid #F2F2F2}.mh{border-radius:99em}.mi{padding:0px 16px 0px 12px}.mj{height:38px}.mk{align-items:center}.mm svg{margin-right:8px}.mv{max-width:100%}.nd{margin-top:32px}.nr{font-size:18px}.ns{margin-top:1.56em}.nt{line-height:28px}.nu{letter-spacing:-0.003em}.om{margin-top:40px}.ou{font-size:20px}.ov{margin-top:1.2em}.ow{line-height:24px}.ox{letter-spacing:0}.pp{margin-top:0.67em}.qm{margin-top:1.34em}.rj{display:inline-block}.sb{margin-bottom:20px}.sc{margin-right:0}.sw{font-size:24px}.sx{line-height:30px}.sy{letter-spacing:-0.016em}.to{margin:32px 0 0}.tt{padding-top:48px}.ml:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="all and (min-width: 904px) and (max-width: 1079.98px)">.i{display:none}.bv{width:64px}.cf{margin:0 64px}.cu{height:48px}.db{margin-bottom:52px}.dn{margin-bottom:48px}.ed{font-size:14px}.ee{line-height:20px}.ek{font-size:13px}.el{padding:5px 12px}.fg{display:flex}.fx{margin-bottom:50px}.gb{max-width:680px}.hl{font-size:42px}.hm{margin-top:1.19em}.hn{margin-bottom:32px}.ho{line-height:52px}.hp{letter-spacing:-0.011em}.hy{align-items:center}.jv{border-top:solid 1px #F2F2F2}.jw{border-bottom:solid 1px #F2F2F2}.jx{margin:32px 0 0}.jy{padding:3px 8px}.kj> *{margin-right:24px}.kk> :last-child{margin-right:0}.lz{margin:0}.my{max-width:1192px}.ng{margin-top:40px}.od{font-size:20px}.oe{margin-top:2.14em}.of{line-height:32px}.og{letter-spacing:-0.003em}.op{margin-top:56px}.pg{font-size:24px}.ph{margin-top:1.95em}.pi{line-height:30px}.pj{letter-spacing:-0.016em}.ps{margin-top:0.94em}.qp{margin-top:1.14em}.rr{flex-direction:row}.rv{margin-bottom:0}.rw{margin-right:20px}.st{max-width:500px}.te{line-height:24px}.tf{letter-spacing:0}.tr{margin:40px 0 0}.tw{padding-top:72px}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="all and (min-width: 728px) and (max-width: 903.98px)">.j{display:none}.w{display:flex}.x{justify-content:space-between}.bu{width:64px}.ce{margin:0 48px}.ct{height:48px}.da{margin-bottom:52px}.dm{margin-bottom:48px}.eb{font-size:13px}.ec{line-height:20px}.ej{padding:0px 8px 1px}.fw{margin-bottom:50px}.ga{max-width:680px}.hg{font-size:42px}.hh{margin-top:1.19em}.hi{margin-bottom:32px}.hj{line-height:52px}.hk{letter-spacing:-0.011em}.hx{align-items:center}.jr{border-top:solid 1px #F2F2F2}.js{border-bottom:solid 1px #F2F2F2}.jt{margin:32px 0 0}.ju{padding:3px 8px}.kh> *{margin-right:24px}.ki> :last-child{margin-right:0}.ly{margin:0}.mx{max-width:100%}.nf{margin-top:40px}.nz{font-size:20px}.oa{margin-top:2.14em}.ob{line-height:32px}.oc{letter-spacing:-0.003em}.oo{margin-top:56px}.pc{font-size:24px}.pd{margin-top:1.95em}.pe{line-height:30px}.pf{letter-spacing:-0.016em}.pr{margin-top:0.94em}.qo{margin-top:1.14em}.rs{flex-direction:row}.rx{margin-bottom:0}.ry{margin-right:20px}.su{max-width:500px}.tc{line-height:24px}.td{letter-spacing:0}.tq{margin:40px 0 0}.tv{padding-top:72px}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="all and (min-width: 552px) and (max-width: 727.98px)">.k{display:none}.u{display:flex}.v{justify-content:space-between}.bt{width:24px}.cd{margin:0 24px}.cs{height:40px}.cz{margin-bottom:44px}.dl{margin-bottom:32px}.dz{font-size:13px}.ea{line-height:20px}.ei{padding:0px 8px 1px}.fv{margin-bottom:2px}.hb{font-size:32px}.hc{margin-top:1.01em}.hd{margin-bottom:24px}.he{line-height:38px}.hf{letter-spacing:-0.014em}.hw{align-items:flex-start}.iz{flex-direction:column}.jp{margin:24px 0 0}.jq{padding:0}.kf> *{margin-right:8px}.kg> :last-child{margin-right:8px}.kw{margin-left:0px}.lx{margin:0}.mn{border:1px solid #F2F2F2}.mo{border-radius:99em}.mp{padding:0px 16px 0px 12px}.mq{height:38px}.mr{align-items:center}.mt svg{margin-right:8px}.mw{max-width:100%}.ne{margin-top:32px}.nv{font-size:18px}.nw{margin-top:1.56em}.nx{line-height:28px}.ny{letter-spacing:-0.003em}.on{margin-top:40px}.oy{font-size:20px}.oz{margin-top:1.2em}.pa{line-height:24px}.pb{letter-spacing:0}.pq{margin-top:0.67em}.qn{margin-top:1.34em}.rz{margin-bottom:20px}.sa{margin-right:0}.sz{font-size:24px}.ta{line-height:30px}.tb{letter-spacing:-0.016em}.tp{margin:32px 0 0}.tu{padding-top:48px}.ms:hover{border-color:#E5E5E5}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="print">.rh{display:none}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.jk{max-height:none}</style><style type="text/css" data-fela-rehydration="548" data-fela-type="RULE" media="(prefers-reduced-motion: no-preference)">.nk{transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1)}</style></head><body><div id="root"><div class="a b c"><div class="d e f g h i j k"></div><script>document.domain = document.domain;</script><div class="l c"><div class="l m n o c"><div class="p q r s t u v w x i d y z"><a class="du ag dv bf ak b am an ao ap aq ar as at s u w i d q dw z" href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com%2Fp%2F1b53403aa08c&%7Efeature=LoOpenInAppButton&%7Echannel=ShowPostUnderCollection&source=---top_nav_layout_nav-----------------------------------------" rel="noopener follow">Open in app<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 10 10" class="dt"><path fill="currentColor" d="M.985 8.485a.375.375 0 1 0 .53.53zM8.75 1.25h.375A.375.375 0 0 0 8.75.875zM8.375 6.5a.375.375 0 1 0 .75 0zM3.5.875a.375.375 0 1 0 0 .75zm-1.985 8.14 7.5-7.5-.53-.53-7.5 7.5zm6.86-7.765V6.5h.75V1.25zM3.5 1.625h5.25v-.75H3.5z"></path></svg></a><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&source=post_page---top_nav_layout_nav-----------------------global_nav------------------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&source=post_page---top_nav_layout_nav-----------------------global_nav------------------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="p q r ab ac"><div class="ab q ae"><a class="af ag ah ai aj ak al am an ao ap aq ar as at ab" aria-label="Homepage" data-testid="headerMediumLogo" href="https://medium.com/?source=---top_nav_layout_nav-----------------------------------------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="719" height="160" fill="none" viewBox="0 0 719 160" class="au av aw"><path fill="#242424" d="m174.104 9.734.215-.047V8.02H130.39L89.6 103.89 48.81 8.021H1.472v1.666l.212.047c8.018 1.81 12.09 4.509 12.09 14.242V137.93c0 9.734-4.087 12.433-12.106 14.243l-.212.047v1.671h32.118v-1.665l-.213-.048c-8.018-1.809-12.089-4.509-12.089-14.242V30.586l52.399 123.305h2.972l53.925-126.743V140.75c-.687 7.688-4.721 10.062-11.982 11.701l-.215.05v1.652h55.948v-1.652l-.215-.05c-7.269-1.639-11.4-4.013-12.087-11.701l-.037-116.774h.037c0-9.733 4.071-12.432 12.087-14.242m25.555 75.488c.915-20.474 8.268-35.252 20.606-35.507 3.806.063 6.998 1.312 9.479 3.714 5.272 5.118 7.751 15.812 7.368 31.793zm-.553 5.77h65.573v-.275c-.186-15.656-4.721-27.834-13.466-36.196-7.559-7.227-18.751-11.203-30.507-11.203h-.263c-6.101 0-13.584 1.48-18.909 4.16-6.061 2.807-11.407 7.003-15.855 12.511-7.161 8.874-11.499 20.866-12.554 34.343q-.05.606-.092 1.212a50 50 0 0 0-.065 1.151 85.807 85.807 0 0 0-.094 5.689c.71 30.524 17.198 54.917 46.483 54.917 25.705 0 40.675-18.791 44.407-44.013l-1.886-.664c-6.557 13.556-18.334 21.771-31.738 20.769-18.297-1.369-32.314-19.922-31.042-42.395m139.722 41.359c-2.151 5.101-6.639 7.908-12.653 7.908s-11.513-4.129-15.418-11.63c-4.197-8.053-6.405-19.436-6.405-32.92 0-28.067 8.729-46.22 22.24-46.22 5.657 0 10.111 2.807 12.236 7.704zm43.499 20.008c-8.019-1.897-12.089-4.722-12.089-14.951V1.309l-48.716 14.353v1.757l.299-.024c6.72-.543 11.278.386 13.925 2.83 2.072 1.915 3.082 4.853 3.082 8.987v18.66c-4.803-3.067-10.516-4.56-17.448-4.56-14.059 0-26.909 5.92-36.176 16.672-9.66 11.205-14.767 26.518-14.767 44.278-.003 31.72 15.612 53.039 38.851 53.039 13.595 0 24.533-7.449 29.54-20.013v16.865h43.711v-1.746zM424.1 19.819c0-9.904-7.468-17.374-17.375-17.374-9.859 0-17.573 7.632-17.573 17.374s7.721 17.374 17.573 17.374c9.907 0 17.375-7.47 17.375-17.374m11.499 132.546c-8.019-1.897-12.089-4.722-12.089-14.951h-.035V43.635l-43.714 12.551v1.705l.263.024c9.458.842 12.047 4.1 12.047 15.152v81.086h43.751v-1.746zm112.013 0c-8.018-1.897-12.089-4.722-12.089-14.951V43.635l-41.621 12.137v1.71l.246.026c7.733.813 9.967 4.257 9.967 15.36v59.279c-2.578 5.102-7.415 8.131-13.274 8.336-9.503 0-14.736-6.419-14.736-18.073V43.638l-43.714 12.55v1.703l.262.024c9.459.84 12.05 4.097 12.05 15.152v50.17a56.3 56.3 0 0 0 .91 10.444l.787 3.423c3.701 13.262 13.398 20.197 28.59 20.197 12.868 0 24.147-7.966 29.115-20.43v17.311h43.714v-1.747zm169.818 1.788v-1.749l-.213-.05c-8.7-2.006-12.089-5.789-12.089-13.49v-63.79c0-19.89-11.171-31.761-29.883-31.761-13.64 0-25.141 7.882-29.569 20.16-3.517-13.01-13.639-20.16-28.606-20.16-13.146 0-23.449 6.938-27.869 18.657V43.643L545.487 55.68v1.715l.263.024c9.345.829 12.047 4.181 12.047 14.95v81.784h40.787v-1.746l-.215-.053c-6.941-1.631-9.181-4.606-9.181-12.239V66.998c1.836-4.289 5.537-9.37 12.853-9.37 9.086 0 13.692 6.296 13.692 18.697v77.828h40.797v-1.746l-.215-.053c-6.94-1.631-9.18-4.606-9.18-12.239V75.066a42 42 0 0 0-.578-7.26c1.947-4.661 5.86-10.177 13.475-10.177 9.214 0 13.691 6.114 13.691 18.696v77.828z"></path></svg></a><div class="ax h"><div class="ab ay az ba bb q bc bd"><div class="bm" aria-hidden="false" aria-describedby="searchResults" aria-labelledby="searchResults"></div><div class="bn bo ab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div><input role="combobox" aria-controls="searchResults" aria-expanded="false" aria-label="search" data-testid="headerSearchInput" tabindex="0" class="ay be bf bg z bh bi bj bk bl" placeholder="Search" value=""/></div></div></div><div class="h k w fg fh"><div class="fi ab"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerWriteButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Write"><path fill="currentColor" d="M14 4a.5.5 0 0 0 0-1zm7 6a.5.5 0 0 0-1 0zm-7-7H4v1h10zM3 4v16h1V4zm1 17h16v-1H4zm17-1V10h-1v10zm-1 1a1 1 0 0 0 1-1h-1zM3 20a1 1 0 0 0 1 1v-1zM4 3a1 1 0 0 0-1 1h1z"></path><path stroke="currentColor" d="m17.5 4.5-8.458 8.458a.25.25 0 0 0-.06.098l-.824 2.47a.25.25 0 0 0 .316.316l2.47-.823a.25.25 0 0 0 .098-.06L19.5 6.5m-2-2 2.323-2.323a.25.25 0 0 1 .354 0l1.646 1.646a.25.25 0 0 1 0 .354L19.5 6.5m-2-2 2 2"></path></svg><div class="dt l">Write</div></div></a></span></div></div><div class="k j i d"><div class="fi ab"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSearchButton" href="https://medium.com/search?source=---top_nav_layout_nav-----------------------------------------" rel="noopener follow"><div class="bf b bg z du fj fk ab q fl fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Search"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div></a></div></div><div class="fi h k j"><div class="ab q"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="bf b dx dy eh dz ea ei eb ec ej ek ee el em eg eo ep eq er es et eu ev ew ex ey ez fa fb fc fd bm fe ff" data-testid="headerSignUpButton" href="https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&source=post_page---top_nav_layout_nav-----------------------global_nav------------------" rel="noopener follow">Sign up</a></span></p><div class="ax l"><p class="bf b dx dy dz ea eb ec ed ee ef eg du"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerSignInButton" href="https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&source=post_page---top_nav_layout_nav-----------------------global_nav------------------" rel="noopener follow">Sign in</a></span></p></div></div></div><div class="l" aria-hidden="false"><button class="ay fn am ab q ao fo fp fq" aria-label="user options menu" data-testid="headerUserIcon"><div class="l fj"><img alt="" class="l fd by bz ca cx" src="https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png" width="32" height="32" loading="lazy" role="presentation"/><div class="fr by l bz ca fs n ay ft"></div></div></button></div></div></div><div class="l"><div class="fu fv fw fx fy l"><div class="ab cb"><div class="ci bh fz ga gb gc"></div></div><article><div class="l"><div class="l"><span class="l"></span><section><div><div class="fs gi gj gk gl gm"></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><div><h1 id="c55b" class="pw-post-title gs gt gu gv b gw gx gy gz ha hb hc hd he hf hg hh hi hj hk hl hm hn ho hp hq hr hs ht hu bk" data-testid="storyTitle">Case Study: FluxWear. Website for Health Tech Product</h1><div><div class="speechify-ignore ab cp"><div class="speechify-ignore bh l"><div class="hv hw hx hy hz ab"><div><div class="ab ia"><div><div class="bm" aria-hidden="false"><a href="https://tubikstudio.medium.com/?source=post_page---byline--1b53403aa08c---------------------------------------" rel="noopener follow"><div class="l ib ic by id ie"><div class="l fj"><img alt="tubik" class="l fd by dd de cx" src="https://miro.medium.com/v2/resize:fill:88:88/1*Ajcnluk022RtTmjH_v08Hw.png" width="44" height="44" loading="lazy" data-testid="authorPhoto"/><div class="if by l dd de fs n ig ft"></div></div></div></a></div></div><div class="ih ab fj"><div><div class="bm" aria-hidden="false"><a href="https://medium.muz.li/?source=post_page---byline--1b53403aa08c---------------------------------------" rel="noopener ugc nofollow"><div class="l ii ij by id ik"><div class="l fj"><img alt="Muzli - Design Inspiration" class="l fd by br il cx" src="https://miro.medium.com/v2/resize:fill:48:48/1*CbIuoIPQcraC2U6K2BSWNg.png" width="24" height="24" loading="lazy" data-testid="publicationPhoto"/><div class="if by l br il fs n ig ft"></div></div></div></a></div></div></div></div></div><div class="bn bh l"><div class="ab"><div style="flex:1"><span class="bf b bg z bk"><div class="im ab q"><div class="ab q in"><div class="ab q"><div><div class="bm" aria-hidden="false"><p class="bf b io ip bk"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" data-testid="authorName" href="https://tubikstudio.medium.com/?source=post_page---byline--1b53403aa08c---------------------------------------" rel="noopener follow">tubik</a></p></div></div></div><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span><p class="bf b io ip du"><span><a class="it iu ah ai aj ak al am an ao ap aq ar ex iv iw" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F67729b873272&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&user=tubik&userId=67729b873272&source=post_page-67729b873272--byline--1b53403aa08c---------------------post_header------------------" rel="noopener follow">Follow</a></span></p></div></div></span></div></div><div class="l ix"><span class="bf b bg z du"><div class="ab cn iy iz ja"><div class="fu fv ab"><div class="bf b bg z du ab jb"><span class="jc l ix">Published in</span><div><div class="l" aria-hidden="false"><a class="af ag ah ai aj ak al am an ao ap aq ar iq ab q" data-testid="publicationName" href="https://medium.muz.li/?source=post_page---byline--1b53403aa08c---------------------------------------" rel="noopener ugc nofollow"><p class="bf b bg z jd je jf jg jh ji jj jk bk">Muzli - Design Inspiration</p></a></div></div></div><div class="h k"><span class="ir is" aria-hidden="true"><span class="bf b bg z du">·</span></span></div></div><span class="bf b bg z du"><div class="ab ae"><span data-testid="storyReadTime">7 min read</span><div class="jl jm l" aria-hidden="true"><span class="l" aria-hidden="true"><span class="bf b bg z du">·</span></span></div><span data-testid="storyPublishDate">Jun 28, 2024</span></div></span></div></span></div></div></div><div class="ab cp jn jo jp jq jr js jt ju jv jw jx jy jz ka kb kc"><div class="h k w fg fh q"><div class="ks l"><div class="ab q kt ku"><div class="pw-multi-vote-icon fj jc kv kw kx"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fmuzli-design-inspiration%2F1b53403aa08c&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&user=tubik&userId=67729b873272&source=---header_actions--1b53403aa08c---------------------clap_footer------------------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="ky ao kz la lb lc am ld le lf kx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lg lh li lj lk ll lm"><p class="bf b dv z du"><span class="ln">--</span></p></div></div></div><div><div class="bm" aria-hidden="false"><button class="ao ky lo lp ab q fk lq lr" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="ls"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg></button></div></div></div><div class="ab q kd ke kf kg kh ki kj kk kl km kn ko kp kq kr"><div class="lt k j i d"></div><div class="h k"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="headerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F1b53403aa08c&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&source=---header_actions--1b53403aa08c---------------------bookmark_footer------------------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lu" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="fd lv cn"><div class="l ae"><div class="ab cb"><div class="lw lx ly lz ma mb ci bh"><div class="ab"><div class="bm" aria-hidden="false"><div><div class="bm" aria-hidden="false"><button aria-label="Listen" data-testid="audioPlayButton" class="af fk ah ai aj ak al mc an ao ap ex md me lr mf mg mh mi mj s mk ml mm mn mo mp mq u mr ms mt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0m9-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m3.376 10.416-4.599 3.066a.5.5 0 0 1-.777-.416V8.934a.5.5 0 0 1 .777-.416l4.599 3.066a.5.5 0 0 1 0 .832" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Listen</p></div></button></div></div></div></div></div></div></div></div><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="headerSocialShareButton" class="af fk ah ai aj ak al mc an ao ap ex md me lr mf mg mh mi mj s mk ml mm mn mo mp mq u mr ms mt"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg><div class="j i d"><p class="bf b bg z du">Share</p></div></button></div></div></div></div></div></div></div></div></div></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="nd ne nf ng nh mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*ID-TZi3yKnl796fI3y5IeA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*ID-TZi3yKnl796fI3y5IeA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*ID-TZi3yKnl796fI3y5IeA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*ID-TZi3yKnl796fI3y5IeA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*ID-TZi3yKnl796fI3y5IeA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*ID-TZi3yKnl796fI3y5IeA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*ID-TZi3yKnl796fI3y5IeA.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*ID-TZi3yKnl796fI3y5IeA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*ID-TZi3yKnl796fI3y5IeA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*ID-TZi3yKnl796fI3y5IeA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*ID-TZi3yKnl796fI3y5IeA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*ID-TZi3yKnl796fI3y5IeA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*ID-TZi3yKnl796fI3y5IeA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*ID-TZi3yKnl796fI3y5IeA.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="9f6e" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">With this case study, we invite you to check out one more design project connected to the theme of innovative products and approaches in the sphere of healthcare and support. Dive into the creative process behind the stylish and informative website we designed and implemented for FluxWear, the company producing SHIFT, the health tech product that helps people stress less, reduce pain, and improve focus.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*pmurpDXRYKO2ld1m_H5fzQ.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><h1 id="433b" class="or os gu bf ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po bk">Client and Project</h1><p id="2d06" class="pw-post-body-paragraph np nq gu bf b nr pp nt nu nv pq nx ny nz pr ob oc od ps of og oh pt oj ok ol gn bk"><a class="af pu" href="https://www.fluxwear.com/" rel="noopener ugc nofollow" target="_blank">FluxWear</a> is a team that developed a powerful, flexible neuromodulation platform. It can be tailored to treat numerous centrally mediated conditions, including stress, anxiety, chronic pain, migraines, impaired sleep, and stroke recovery. FluxWear’s first product, SHIFT, is the world’s first neuromodulation device that helps the user’s body and mind recover from life’s stresses and strains in just 25 minutes. SHIFT is FDA-registered, patent-protected, and used in health clinics around the United States.</p><p id="9e34" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">The story of this invention is profoundly personal and started in 2017 when FluxWear’s co-founder Nadia was diagnosed with Guillain-Barre Syndrome. It led to severe chronic pain manifesting throughout her body, so she had to experiment with numerous conventional and alternative therapies. Still, nothing was reliably effective, accessible, and affordable over the long term. To help her, Nadia’s brother, Kamran, another of FluxWear’s co-founders and CEO, experimented with various modalities and eventually settled on pulsed electromagnetic field therapy (PEMF), given the underlying clinical studies and for PEMF’s potential portability, affordability, and form factor. Starting in 2017, they began the arduous process of rethinking PEMF from the ground up. Explaining the mission of FluxWear, Kamran Ansari says: “We created SHIFT to help solve fundamental challenges in the treatment of pain and anxiety, particularly among young people. Parents, counselors, nurses, physical therapists, corporate wellness programs, and our educational institutions need better tools to help them address the mental and physical crises being experienced throughout the US today.”</p><p id="7f06" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">The FluxWear team approached us with the request to create a web design that would tell the product’s story and uncover its benefits to those who need it in an engaging, friendly, and informative way. So, we designed the website for them and <a class="af pu" href="https://blog.tubikstudio.com/tag/webflow/" rel="noopener ugc nofollow" target="_blank">implemented it with Webflow</a>.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*7mqjNKg8CQcA2laE4fpKmw.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><h1 id="8a34" class="or os gu bf ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po bk">Web Design and Development</h1><p id="a91a" class="pw-post-body-paragraph np nq gu bf b nr pp nt nu nv pq nx ny nz pr ob oc od ps of og oh pt oj ok ol gn bk">The FluxWear team approached us well-prepared, with a deep understanding of what they wanted to show and achieve with the website. During the research and discussion stages, the creative team, in close collaboration with the client, developed a clear vision and recommendations on what content should be provided for that goal. The various types of content that would be integrated into the website involved different kinds of demonstrations and engagement. Photos and videos unveiled the product and showed it in use. Together with text, they added deep human and emotional elements to the user experience, featuring the founders telling the story of product creation. Also, like many innovative and experimental products, this one demanded a lot of textual content to make the presentation informative and explanatory for potential users. So, the primary goal was to organize all the mentioned thoughtfully and attractively to make the user experience design positive and engaging.</p><p id="627e" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Here’s a glance at the early stage of the creative process, UX wireframing, when the designers considered the effective website structure, page structure, functional navigation, and compelling content arrangement.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*IP28LIbmNlloFkJQ9M3d3g.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="402a" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Next, it was time to agree upon the color palette, and as a result of design session, the choice fell on the set of calm pastel colors of earthy shades, setting the appropriate emotional background, with black for text and contrast accents for some of the interactive elements.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*A_L0eNYeS7XyhDYA6-PzPA.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="675" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="dc7d" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">The typography for the FluxWear website is an elegant combination of neat and readable Matter and classic, more decorative Tiempos Fine. The fonts balance each other, laying the solid foundation of sleek beauty and high readability of all the text content.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*RhXFQVbcF7Vx50yeRxwwLw.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="0b9a" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Let’s check how all these solutions worked in actual web design. Here’s the home page that captures visitors’ attention from the first seconds with the prominent demonstration of the actual product in the hero section and a short, concise textual explanation of the problem it solves. Primary navigation and the CTA button inviting visitors to purchase are easily accessible on the neat sticky website header. The switch button under the SHIFT device’s image allows instant checking of what it looks like in two different colors.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*vwhfXeiDwRaGPEi1pTLctg.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="3c13" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">The web pages are <a class="af pu" href="https://blog.tubikstudio.com/ux-design-how-to-make-web-interface-scannable/" rel="noopener ugc nofollow" target="_blank">scannable</a> and skimmable, presenting a well-arranged mix of photos, videos, and text blocks. Different background colors work as <a class="af pu" href="https://blog.tubikstudio.com/visual-dividers-user-interface/" rel="noopener ugc nofollow" target="_blank">visual dividers</a>, helping organize different content sections and this way, making them easier to perceive and process. Rounded shapes of layout elements and buttons echo the rounded rectangular shape of the device on the hat and support the generally upbeat mood of relaxation and confidence.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*Uroo20bbhg8W_m3pj8jW5g.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="9fa1" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Scrolling through the page that gives a deeper story of SHIFT and uncovering its benefits, the visitors interact with different types of visual content, from photo demonstrations on people to a 3D projection of what’s inside and a set of informative graphics supporting the explanatory block about how the device works.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu"><div class="pv jd l fj"><div class="pw px l"></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="ef4c" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Creating a solid, trustworthy impression from the first touchpoint is especially essential for new technologies and products striving for higher brand awareness and recognizability. For FluxWear, the factors that increase trust in the product and a deeper understanding of its work's results are real-life stories shared by those who have already tried SHIFT and awards that become a sign of public and expert recognition. Below, you can see how they are presented on the website.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*Nv8LDPyeOCKew9aqhwAs7g.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="ed93" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">As the website design was thought-out and polished, it was also essential to adapt it to mobile use to make all the content look and work effectively on any device.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*TJP23CK8Von1FSljSEh4Vg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*TJP23CK8Von1FSljSEh4Vg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*TJP23CK8Von1FSljSEh4Vg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*TJP23CK8Von1FSljSEh4Vg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*TJP23CK8Von1FSljSEh4Vg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*TJP23CK8Von1FSljSEh4Vg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*TJP23CK8Von1FSljSEh4Vg.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*TJP23CK8Von1FSljSEh4Vg.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*TJP23CK8Von1FSljSEh4Vg.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*TJP23CK8Von1FSljSEh4Vg.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*TJP23CK8Von1FSljSEh4Vg.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*TJP23CK8Von1FSljSEh4Vg.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*TJP23CK8Von1FSljSEh4Vg.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*TJP23CK8Von1FSljSEh4Vg.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="3e84" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">In the next stage, we implemented all the design solutions for the website with <a class="af pu" href="https://blog.tubikstudio.com/tag/webflow/" rel="noopener ugc nofollow" target="_blank">Webflow</a>, so the client got the live website, keeping up with all the agreed ideas, functionality, and interactions.</p><h1 id="059e" class="or os gu bf ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po bk">Web Design Refreshment</h1><p id="dd68" class="pw-post-body-paragraph np nq gu bf b nr pp nt nu nv pq nx ny nz pr ob oc od ps of og oh pt oj ok ol gn bk">As the design of SHIFT has been changed recently to make it more practical, convenient, and beautiful, and the color palette for the device has been made more diverse, we also have altered and actualized some blocks and the content of the site. Here’s the refreshed current version of the website design.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*BZV0sHo5kIFgW3Gn053cmQ.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure><figure class="ls mu"><div class="pv jd l fj"><div class="pw px l"></div></div></figure><figure class="ls mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*Jxqc42grOA1CWSGK9KfJag.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*Jxqc42grOA1CWSGK9KfJag.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*Jxqc42grOA1CWSGK9KfJag.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*Jxqc42grOA1CWSGK9KfJag.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*Jxqc42grOA1CWSGK9KfJag.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*Jxqc42grOA1CWSGK9KfJag.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*Jxqc42grOA1CWSGK9KfJag.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*Jxqc42grOA1CWSGK9KfJag.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*Jxqc42grOA1CWSGK9KfJag.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*Jxqc42grOA1CWSGK9KfJag.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*Jxqc42grOA1CWSGK9KfJag.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*Jxqc42grOA1CWSGK9KfJag.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*Jxqc42grOA1CWSGK9KfJag.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*Jxqc42grOA1CWSGK9KfJag.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure><figure class="ls mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*IqmFCTRBejt9vNYi3sOHtQ.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="ae5e" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">Also, FluxWear reached new levels of recognition. They got the Innovator of the Year Award nomination by the Orange County Business Journal (OCBJ) and the Octane HTA 2023 Finalist.</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><div role="button" tabindex="0" class="nk nl fj nm bh nn"><div class="na nb nc"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 640w, https://miro.medium.com/v2/resize:fit:720/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 720w, https://miro.medium.com/v2/resize:fit:750/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 750w, https://miro.medium.com/v2/resize:fit:786/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 786w, https://miro.medium.com/v2/resize:fit:828/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 828w, https://miro.medium.com/v2/resize:fit:1100/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 1100w, https://miro.medium.com/v2/resize:fit:2000/1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="750" loading="eager" role="presentation"/></picture></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="ed77" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">And in this video, you can watch the client’s review of our collaboration on this project (timecode 4:17)</p></div></div><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu"><div class="pv jd l fj"><div class="py px l"></div></div></figure></div></div></div><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="8d4e" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk">New <a class="af pu" href="https://blog.tubikstudio.com/category/case_study/" rel="noopener ugc nofollow" target="_blank">design case studies</a> from our team are coming soon. Stay tuned!</p><h1 id="77de" class="or os gu bf ot ou ov ow ox oy oz pa pb pc pd pe pf pg ph pi pj pk pl pm pn po bk">More Design Case Studies</h1><p id="c58a" class="pw-post-body-paragraph np nq gu bf b nr pp nt nu nv pq nx ny nz pr ob oc od ps of og oh pt oj ok ol gn bk">Here’s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.</p><p id="90c0" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/case-study-web-design-advocacy-guide/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">Advocacy Through Walls. Website Creation for Advocacy Guide</strong></a></p><p id="74b2" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/case-study-identity-product-design-financial-app/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">Serra. Identity and Product Design for Financial App</strong></a></p><p id="54f6" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/ecommerce-website-design-for-brewery/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">MOVA Brewery. Ecommerce Website Design for Beer Producer</strong></a></p><p id="3d3f" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/case-study-website-design-3d-animation-for-prostheses-producer/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">HP23. Website and 3D Animation for Prostheses Producer</strong></a></p><p id="1a11" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/ui-design-process-video/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">UI Design Process for Web and Mobile: 3 Detailed Video Cases</strong></a></p><p id="baab" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/web-design-educational-platform/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">Magma Math. Web Design for Educational Platform</strong></a></p><p id="7218" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/brand-identity-hotel-offers-service/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">HotelCard. Brand Identity for Hotel Offers Service</strong></a></p><p id="52b5" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/identity-ux-design-healthcare-service/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">Nibble Health. Identity and UX Design for Healthcare Fintech Service</strong></a></p><p id="c3aa" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/identity-website-design-golf-management-service/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">ProAgenda. Identity and Website Design for Golf Management Service</strong></a></p><p id="15b7" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><a class="af pu" href="https://blog.tubikstudio.com/identity-product-design-food-marketplace/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz">Kaiten. Identity and Product Design for Food Marketplace</strong></a></p></div></div></div><div class="ab cb qa qb qc qd" role="separator"><span class="qe by bm qf qg qh"></span><span class="qe by bm qf qg qh"></span><span class="qe by bm qf qg"></span></div><div class="gn go gp gq gr"><div class="ab cb"><div class="ci bh fz ga gb gc"><p id="3202" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><em class="qi">Originally written for </em><a class="af pu" href="https://blog.tubikstudio.com/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz"><em class="qi">Tubik Blog</em></strong></a></p><p id="62ee" class="pw-post-body-paragraph np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol gn bk"><em class="qi">Welcome to get in touch and check designs by tubik via:</em></p><ul class=""><li id="3b0c" class="np nq gu bf b nr ns nt nu nv nw nx ny nz oa ob oc od oe of og oh oi oj ok ol qj qk ql bk"><a class="af pu" href="https://tubikstudio.com/" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz"><em class="qi">Tubik Website</em></strong></a></li><li id="1bee" class="np nq gu bf b nr qm nt nu nv qn nx ny nz qo ob oc od qp of og oh qq oj ok ol qj qk ql bk"><a class="af pu" href="https://dribbble.com/Tubik" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz"><em class="qi">Dribbble</em></strong></a></li><li id="51a5" class="np nq gu bf b nr qm nt nu nv qn nx ny nz qo ob oc od qp of og oh qq oj ok ol qj qk ql bk"><a class="af pu" href="https://www.behance.net/Tubik" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz"><em class="qi">Behance</em></strong></a></li><li id="3984" class="np nq gu bf b nr qm nt nu nv qn nx ny nz qo ob oc od qp of og oh qq oj ok ol qj qk ql bk"><a class="af pu" href="https://dribbble.com/tubik_arts" rel="noopener ugc nofollow" target="_blank"><strong class="bf pz"><em class="qi">Tubik Arts</em></strong></a></li></ul></div></div></div><div class="ab cb qa qb qc qd" role="separator"><span class="qe by bm qf qg qh"></span><span class="qe by bm qf qg qh"></span><span class="qe by bm qf qg"></span></div><div class="gn go gp gq gr"><div class="mu"><div class="ab cb"><div class="lw mv lx mw ly mx cf my cg mz ci bh"><figure class="om on oo op oq mu ni nj paragraph-image"><a href="https://muz.li"><div class="na nb qr"><picture><source srcSet="https://miro.medium.com/v2/resize:fit:640/format:webp/1*MHhxzeSZ92yCM3yEhAtU-w.png 640w, https://miro.medium.com/v2/resize:fit:720/format:webp/1*MHhxzeSZ92yCM3yEhAtU-w.png 720w, https://miro.medium.com/v2/resize:fit:750/format:webp/1*MHhxzeSZ92yCM3yEhAtU-w.png 750w, https://miro.medium.com/v2/resize:fit:786/format:webp/1*MHhxzeSZ92yCM3yEhAtU-w.png 786w, https://miro.medium.com/v2/resize:fit:828/format:webp/1*MHhxzeSZ92yCM3yEhAtU-w.png 828w, https://miro.medium.com/v2/resize:fit:1100/format:webp/1*MHhxzeSZ92yCM3yEhAtU-w.png 1100w, https://miro.medium.com/v2/resize:fit:2000/format:webp/1*MHhxzeSZ92yCM3yEhAtU-w.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px" type="image/webp"/><source data-testid="og" srcSet="https://miro.medium.com/v2/resize:fit:640/1*MHhxzeSZ92yCM3yEhAtU-w.png 640w, https://miro.medium.com/v2/resize:fit:720/1*MHhxzeSZ92yCM3yEhAtU-w.png 720w, https://miro.medium.com/v2/resize:fit:750/1*MHhxzeSZ92yCM3yEhAtU-w.png 750w, https://miro.medium.com/v2/resize:fit:786/1*MHhxzeSZ92yCM3yEhAtU-w.png 786w, https://miro.medium.com/v2/resize:fit:828/1*MHhxzeSZ92yCM3yEhAtU-w.png 828w, https://miro.medium.com/v2/resize:fit:1100/1*MHhxzeSZ92yCM3yEhAtU-w.png 1100w, https://miro.medium.com/v2/resize:fit:2000/1*MHhxzeSZ92yCM3yEhAtU-w.png 2000w" sizes="(min-resolution: 4dppx) and (max-width: 700px) 50vw, (-webkit-min-device-pixel-ratio: 4) and (max-width: 700px) 50vw, (min-resolution: 3dppx) and (max-width: 700px) 67vw, (-webkit-min-device-pixel-ratio: 3) and (max-width: 700px) 65vw, (min-resolution: 2.5dppx) and (max-width: 700px) 80vw, (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 700px) 80vw, (min-resolution: 2dppx) and (max-width: 700px) 100vw, (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) 100vw, 1000px"/><img alt="" class="bh mb no c" width="1000" height="590" loading="eager" role="presentation"/></picture></div></a></figure></div></div></div></div></div></section></div></div></article></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="qs qt ab ja"><div class="qu ab"><a class="qv ay am ao" href="https://medium.com/tag/design?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><div class="qw fj cx qx ge qy qz bf b bg z bk ra">Design</div></a></div><div class="qu ab"><a class="qv ay am ao" href="https://medium.com/tag/web-design?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><div class="qw fj cx qx ge qy qz bf b bg z bk ra">Web Design</div></a></div><div class="qu ab"><a class="qv ay am ao" href="https://medium.com/tag/ui?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><div class="qw fj cx qx ge qy qz bf b bg z bk ra">UI</div></a></div><div class="qu ab"><a class="qv ay am ao" href="https://medium.com/tag/ux?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><div class="qw fj cx qx ge qy qz bf b bg z bk ra">UX</div></a></div><div class="qu ab"><a class="qv ay am ao" href="https://medium.com/tag/user-experience?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><div class="qw fj cx qx ge qy qz bf b bg z bk ra">User Experience</div></a></div></div></div></div><div class="l"></div><footer class="rb rc rd re rf ab q rg ik c"><div class="l ae"><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab cp rh"><div class="ab q kt"><div class="ri l"><span class="l rj rk rl e d"><div class="ab q kt ku"><div class="pw-multi-vote-icon fj jc kv kw kx"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fmuzli-design-inspiration%2F1b53403aa08c&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&user=tubik&userId=67729b873272&source=---footer_actions--1b53403aa08c---------------------clap_footer------------------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="ky ao kz la lb lc am ld le lf kx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lg lh li lj lk ll lm"><p class="bf b dv z du"><span class="ln">--</span></p></div></div></span><span class="l h g f rm rn"><div class="ab q kt ku"><div class="pw-multi-vote-icon fj jc kv kw kx"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerClapButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fmuzli-design-inspiration%2F1b53403aa08c&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&user=tubik&userId=67729b873272&source=---footer_actions--1b53403aa08c---------------------clap_footer------------------" rel="noopener follow"><div><div class="bm" aria-hidden="false"><div class="ky ao kz la lb lc am ld le lf kx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="clap"><path fill-rule="evenodd" d="M11.37.828 12 3.282l.63-2.454zM13.916 3.953l1.523-2.112-1.184-.39zM8.589 1.84l1.522 2.112-.337-2.501zM18.523 18.92c-.86.86-1.75 1.246-2.62 1.33a6 6 0 0 0 .407-.372c2.388-2.389 2.86-4.951 1.399-7.623l-.912-1.603-.79-1.672c-.26-.56-.194-.98.203-1.288a.7.7 0 0 1 .546-.132c.283.046.546.231.728.5l2.363 4.157c.976 1.624 1.141 4.237-1.324 6.702m-10.999-.438L3.37 14.328a.828.828 0 0 1 .585-1.408.83.83 0 0 1 .585.242l2.158 2.157a.365.365 0 0 0 .516-.516l-2.157-2.158-1.449-1.449a.826.826 0 0 1 1.167-1.17l3.438 3.44a.363.363 0 0 0 .516 0 .364.364 0 0 0 0-.516L5.293 9.513l-.97-.97a.826.826 0 0 1 0-1.166.84.84 0 0 1 1.167 0l.97.968 3.437 3.436a.36.36 0 0 0 .517 0 .366.366 0 0 0 0-.516L6.977 7.83a.82.82 0 0 1-.241-.584.82.82 0 0 1 .824-.826c.219 0 .43.087.584.242l5.787 5.787a.366.366 0 0 0 .587-.415l-1.117-2.363c-.26-.56-.194-.98.204-1.289a.7.7 0 0 1 .546-.132c.283.046.545.232.727.501l2.193 3.86c1.302 2.38.883 4.59-1.277 6.75-1.156 1.156-2.602 1.627-4.19 1.367-1.418-.236-2.866-1.033-4.079-2.246M10.75 5.971l2.12 2.12c-.41.502-.465 1.17-.128 1.89l.22.465-3.523-3.523a.8.8 0 0 1-.097-.368c0-.22.086-.428.241-.584a.847.847 0 0 1 1.167 0m7.355 1.705c-.31-.461-.746-.758-1.23-.837a1.44 1.44 0 0 0-1.11.275c-.312.24-.505.543-.59.881a1.74 1.74 0 0 0-.906-.465 1.47 1.47 0 0 0-.82.106l-2.182-2.182a1.56 1.56 0 0 0-2.2 0 1.54 1.54 0 0 0-.396.701 1.56 1.56 0 0 0-2.21-.01 1.55 1.55 0 0 0-.416.753c-.624-.624-1.649-.624-2.237-.037a1.557 1.557 0 0 0 0 2.2c-.239.1-.501.238-.715.453a1.56 1.56 0 0 0 0 2.2l.516.515a1.556 1.556 0 0 0-.753 2.615L7.01 19c1.32 1.319 2.909 2.189 4.475 2.449q.482.08.971.08c.85 0 1.653-.198 2.393-.579.231.033.46.054.686.054 1.266 0 2.457-.52 3.505-1.567 2.763-2.763 2.552-5.734 1.439-7.586z" clip-rule="evenodd"></path></svg></div></div></div></a></span></div><div class="pw-multi-vote-count l lg lh li lj lk ll lm"><p class="bf b dv z du"><span class="ln">--</span></p></div></div></span></div><div class="bq ab"><div><div class="bm" aria-hidden="false"><button class="ao ky lo lp ab q fk lq lr" aria-label="responses"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="ls"><path d="M18.006 16.803c1.533-1.456 2.234-3.325 2.234-5.321C20.24 7.357 16.709 4 12.191 4S4 7.357 4 11.482c0 4.126 3.674 7.482 8.191 7.482.817 0 1.622-.111 2.393-.327.231.2.48.391.744.559 1.06.693 2.203 1.044 3.399 1.044.224-.008.4-.112.486-.287a.49.49 0 0 0-.042-.518c-.495-.67-.845-1.364-1.04-2.057a4 4 0 0 1-.125-.598zm-3.122 1.055-.067-.223-.315.096a8 8 0 0 1-2.311.338c-4.023 0-7.292-2.955-7.292-6.587 0-3.633 3.269-6.588 7.292-6.588 4.014 0 7.112 2.958 7.112 6.593 0 1.794-.608 3.469-2.027 4.72l-.195.168v.255c0 .056 0 .151.016.295.025.231.081.478.154.733.154.558.398 1.117.722 1.659a5.3 5.3 0 0 1-2.165-.845c-.276-.176-.714-.383-.941-.59z"></path></svg></button></div></div></div></div><div class="ab q"><div class="qh l ix"><div><div class="bm" aria-hidden="false"><span><a class="af ag ah ai aj ak al am an ao ap aq ar as at" data-testid="footerBookmarkButton" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F1b53403aa08c&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&source=---footer_actions--1b53403aa08c---------------------bookmark_footer------------------" rel="noopener follow"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="du lu" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div><div class="qh l ix"><div class="bm" aria-hidden="false" aria-describedby="postFooterSocialMenu" aria-labelledby="postFooterSocialMenu"><div><div class="bm" aria-hidden="false"><button aria-controls="postFooterSocialMenu" aria-expanded="false" aria-label="Share Post" data-testid="footerSocialShareButton" class="af fk ah ai aj ak al mc an ao ap ex md me lr mf"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.218 4.931a.4.4 0 0 1-.118.132l.012.006a.45.45 0 0 1-.292.074.5.5 0 0 1-.3-.13l-2.02-2.02v7.07c0 .28-.23.5-.5.5s-.5-.22-.5-.5v-7.04l-2 2a.45.45 0 0 1-.57.04h-.02a.4.4 0 0 1-.16-.3.4.4 0 0 1 .1-.32l2.8-2.8a.5.5 0 0 1 .7 0l2.8 2.79a.42.42 0 0 1 .068.498m-.106.138.008.004v-.01zM16 7.063h1.5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-11c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2H8a.5.5 0 0 1 .35.15.5.5 0 0 1 .15.35.5.5 0 0 1-.15.35.5.5 0 0 1-.35.15H6.4c-.5 0-.9.4-.9.9v10.2a.9.9 0 0 0 .9.9h11.2c.5 0 .9-.4.9-.9v-10.2c0-.5-.4-.9-.9-.9H16a.5.5 0 0 1 0-1" clip-rule="evenodd"></path></svg></button></div></div></div></div></div></div></div></div></div></footer><div class="ro l"><div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="rp l"><div class="ab rq rr rs iz iy"><div class="rt ru rv rw rx ry rz sa sb sc ab cp"><div class="h k"><a href="https://medium.muz.li/?source=post_page---post_publication_info--1b53403aa08c---------------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Muzli - Design Inspiration" class="sd ib ic cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*CbIuoIPQcraC2U6K2BSWNg.png" width="48" height="48" loading="lazy"/><div class="sd l ic ib fs n fr se"></div></div></a></div><div class="j i d"><a href="https://medium.muz.li/?source=post_page---post_publication_info--1b53403aa08c---------------------------------------" rel="noopener follow"><div class="fj ab"><img alt="Muzli - Design Inspiration" class="sd sg sf cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*CbIuoIPQcraC2U6K2BSWNg.png" width="64" height="64" loading="lazy"/><div class="sd l sf sg fs n fr se"></div></div></a></div><div class="j i d sh ix"><div class="ab"><span><a class="bf b bg z si qw sj sk sl sm sn ev ew so sp sq fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fmuzli-design-inspiration&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&collection=Muzli+-+Design+Inspiration&collectionId=5969bf7021a3&source=post_page---post_publication_info--1b53403aa08c---------------------follow_profile------------------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co sr"><div class="ss st su mw mv l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://medium.muz.li/?source=post_page---post_publication_info--1b53403aa08c---------------------------------------" rel="noopener follow"><h2 class="pw-author-name bf pz sw sx sy sz ta tb nz tc td od te tf oh tg th bk"><span class="gn sv">Published in <!-- -->Muzli - Design Inspiration</span></h2></a><div class="qu ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/followers?source=post_page---post_publication_info--1b53403aa08c---------------------------------------">213K Followers</a></span></div><div class="bf b bg z du ab jb"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" rel="noopener follow" href="/weekly-designers-update-492-45bd6a633df3?source=post_page---post_publication_info--1b53403aa08c---------------------------------------">Last published <!-- -->4 days ago</a></div></div><div class="ti l"><p class="bf b bg z bk"><span class="gn">All the design inspiration you need. It's like crack for designers. And good for you too! #design #ux #ui #inspiration #creativity #art #startup</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z si qw sj sk sl sm sn ev ew so sp sq fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fcollection%2Fmuzli-design-inspiration&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&collection=Muzli+-+Design+Inspiration&collectionId=5969bf7021a3&source=post_page---post_publication_info--1b53403aa08c---------------------follow_profile------------------" rel="noopener follow">Follow</a></span></div></div></div></div><div class="ab rq rr rs iz iy"><div class="rt ru rv rw rx ry rz sa sb sc ab cp"><div class="h k"><a tabindex="0" href="https://tubikstudio.medium.com/?source=post_page---post_author_info--1b53403aa08c---------------------------------------" rel="noopener follow"><div class="l fj"><img alt="tubik" class="l fd by ic ib cx" src="https://miro.medium.com/v2/resize:fill:96:96/1*Ajcnluk022RtTmjH_v08Hw.png" width="48" height="48" loading="lazy"/><div class="fr by l ic ib fs n ay se"></div></div></a></div><div class="j i d"><a tabindex="0" href="https://tubikstudio.medium.com/?source=post_page---post_author_info--1b53403aa08c---------------------------------------" rel="noopener follow"><div class="l fj"><img alt="tubik" class="l fd by sf sg cx" src="https://miro.medium.com/v2/resize:fill:128:128/1*Ajcnluk022RtTmjH_v08Hw.png" width="64" height="64" loading="lazy"/><div class="fr by l sf sg fs n ay se"></div></div></a></div><div class="j i d sh ix"><div class="ab"><span><a class="bf b bg z si qw sj sk sl sm sn ev ew so sp sq fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F67729b873272&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&user=tubik&userId=67729b873272&source=post_page-67729b873272--post_author_info--1b53403aa08c---------------------follow_profile------------------" rel="noopener follow">Follow</a></span></div></div></div><div class="ab co sr"><div class="ss st su mw mv l"><a class="af ag ah aj ak al am an ao ap aq ar as at ab q" href="https://tubikstudio.medium.com/?source=post_page---post_author_info--1b53403aa08c---------------------------------------" rel="noopener follow"><h2 class="pw-author-name bf pz sw sx sy sz ta tb nz tc td od te tf oh tg th bk"><span class="gn sv">Written by <!-- -->tubik</span></h2></a><div class="qu ab ia"><div class="l ix"><span class="pw-follower-count bf b bg z du"><a class="af ag ah ai aj ak al am an ao ap aq ar iq" href="https://tubikstudio.medium.com/followers?source=post_page---post_author_info--1b53403aa08c---------------------------------------" rel="noopener follow">46K Followers</a></span></div><div class="bf b bg z du ab jb"><span class="ir l" aria-hidden="true"><span class="bf b bg z du">·</span></span><a class="af ag ah ai aj ak al am an ao ap aq ar iq" href="https://medium.com/@tubikstudio/following?source=post_page---post_author_info--1b53403aa08c---------------------------------------" rel="noopener follow">278 Following</a></div></div><div class="ti l"><p class="bf b bg z bk"><span class="gn">We are a digital agency making designs that solve business problems. We create websites, apps, graphics, and help brands shine and sell.</span></p></div></div></div><div class="h k"><div class="ab"><span><a class="bf b bg z si qw sj sk sl sm sn ev ew so sp sq fa fb fc fd bm fe ff" href="https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fsubscribe%2Fuser%2F67729b873272&operation=register&redirect=https%3A%2F%2Fmedium.muz.li%2Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c&user=tubik&userId=67729b873272&source=post_page-67729b873272--post_author_info--1b53403aa08c---------------------follow_profile------------------" rel="noopener follow">Follow</a></span></div></div></div></div></div></div></div><div class="tj l"><div class="tk bh r ro"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ab q cp"><h2 class="bf pz ou ow ox oy pa pb pc pe pf pg pi pj pk pm pn bk">No responses yet</h2><div class="ab tl"><div><div class="bm" aria-hidden="false"><a class="tm tn" href="https://policy.medium.com/medium-rules-30e5502c4eb4?source=post_page---post_responses--1b53403aa08c---------------------------------------" rel="noopener follow" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill-rule="evenodd" d="M11.987 5.036a.754.754 0 0 1 .914-.01c.972.721 1.767 1.218 2.6 1.543.828.322 1.719.485 2.887.505a.755.755 0 0 1 .741.757c-.018 3.623-.43 6.256-1.449 8.21-1.034 1.984-2.662 3.209-4.966 4.083a.75.75 0 0 1-.537-.003c-2.243-.874-3.858-2.095-4.897-4.074-1.024-1.951-1.457-4.583-1.476-8.216a.755.755 0 0 1 .741-.757c1.195-.02 2.1-.182 2.923-.503.827-.322 1.6-.815 2.519-1.535m.468.903c-.897.69-1.717 1.21-2.623 1.564-.898.35-1.856.527-3.026.565.037 3.45.469 5.817 1.36 7.515.884 1.684 2.25 2.762 4.284 3.571 2.092-.81 3.465-1.89 4.344-3.575.886-1.698 1.299-4.065 1.334-7.512-1.149-.039-2.091-.217-2.99-.567-.906-.353-1.745-.873-2.683-1.561m-.009 9.155a2.672 2.672 0 1 0 0-5.344 2.672 2.672 0 0 0 0 5.344m0 1a3.672 3.672 0 1 0 0-7.344 3.672 3.672 0 0 0 0 7.344m-1.813-3.777.525-.526.916.917 1.623-1.625.526.526-2.149 2.152z" clip-rule="evenodd"></path></svg></a></div></div></div></div><div class="to tp tq tr ts l"></div></div></div></div><div class="tt tu tv tw tx l bx"><div class="h k j"><div class="tk bh ty tz"></div><div class="ab cb"><div class="ci bh fz ga gb gc"><div class="ua ab kt ja"><div class="ub uc l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://help.medium.com/hc/en-us?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Help</p></a></div><div class="ub uc l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.statuspage.io/?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Status</p></a></div><div class="ub uc l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/about?autoplay=1&source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><p class="bf b dv z du">About</p></a></div><div class="ub uc l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/jobs-at-medium/work-at-medium-959d1a85284e?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Careers</p></a></div><div class="ub uc l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="mailto:pressinquiries@medium.com" rel="noopener follow"><p class="bf b dv z du">Press</p></a></div><div class="ub uc l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://blog.medium.com/?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Blog</p></a></div><div class="ub uc l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Privacy</p></a></div><div class="ub uc l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Terms</p></a></div><div class="ub uc l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://speechify.com/medium?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Text to speech</p></a></div><div class="ub l"><a class="af ag ah ai aj ak al am an ao ap aq ar as at" href="https://medium.com/business?source=post_page-----1b53403aa08c---------------------------------------" rel="noopener follow"><p class="bf b dv z du">Teams</p></a></div></div></div></div></div></div></div></div></div></div><script>window.__BUILD_ID__="main-20250217-094759-071b2c75e3"</script><script>window.__GRAPHQL_URI__ = "https://medium.muz.li/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"This request is not using the cache middleware worker","group":"disabled","tags":["group-edgeCachePosts","post-1b53403aa08c","user-67729b873272","collection-5969bf7021a3"],"serverVariantState":"","middlewareEnabled":false,"cacheStatus":"DYNAMIC","shouldUseCache":false,"vary":[],"pubFeaturingPostPageLabelEnabled":false},"client":{"hydrated":false,"isUs":false,"isNativeMedium":false,"isSafariMobile":false,"isSafari":false,"isFirefox":false,"routingEntity":{"type":"COLLECTION","id":"5969bf7021a3","explicit":true},"viewerIsBot":false},"debug":{"requestId":"f19430f5-81c4-47a0-9097-9965f398432f","requestTag":"","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-ece50110fe5a3c7d346bffc2b363ec03-3d352e3bc7842e51-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fmedium.muz.li\u002Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c","host":"medium.muz.li","hostname":"medium.muz.li","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"?source=user_profile_page---------8-------------67729b873272---------------"},"config":{"nodeEnv":"production","version":"main-20250217-094759-071b2c75e3","target":"production","productName":"Medium","publicUrl":"https:\u002F\u002Fcdn-client.medium.com\u002Flite","authDomain":"medium.com","authGoogleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","favicon":"production","glyphUrl":"https:\u002F\u002Fglyph.medium.com","branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","algolia":{"appId":"MQ57UUUQZ2","apiKeySearch":"394474ced050e3911ae2249ecc774921","indexPrefix":"medium_","host":"-dsn.algolia.net"},"recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","recaptchaEnterpriseKeyId":"6Le-uGgpAAAAAPprRaokM8AKthQ9KNGdoxaGUvVp","datadog":{"applicationId":"6702d87d-a7e0-42fe-bbcb-95b469547ea0","clientToken":"pub853ea8d17ad6821d9f8f11861d23dfed","rumToken":"pubf9cc52896502b9413b68ba36fc0c7162","context":{"deployment":{"target":"production","tag":"main-20250217-094759-071b2c75e3","commit":"071b2c75e3ee4c0327ea6696302eb962e817c485"}},"datacenter":"us"},"googleAnalyticsCode":"G-7JY7T788PK","googlePay":{"apiVersion":"2","apiVersionMinor":"0","merchantId":"BCR2DN6TV7EMTGBM","merchantName":"Medium","instanceMerchantId":"13685562959212738550"},"applePay":{"version":3},"signInWallCustomDomainCollectionIds":["3a8144eabfe3","336d898217ee","61061eb0c96b","138adf9c44c","819cc2aaeee0"],"mediumMastodonDomainName":"me.dm","mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"],"tierOneDomains":["medium.com","thebolditalic.com","arcdigital.media","towardsdatascience.com","uxdesign.cc","codeburst.io","psiloveyou.xyz","writingcooperative.com","entrepreneurshandbook.co","prototypr.io","betterhumans.coach.me","theascent.pub"],"topicsToFollow":["d61cf867d93f","8a146bc21b28","1eca0103fff3","4d562ee63426","aef1078a3ef5","e15e46793f8d","6158eb913466","55f1c20aba7a","3d18b94f6858","4861fee224fd","63c6f1f93ee","1d98b3a9a871","decb52b64abf","ae5d4995e225","830cded25262"],"topicToTagMappings":{"accessibility":"accessibility","addiction":"addiction","android-development":"android-development","art":"art","artificial-intelligence":"artificial-intelligence","astrology":"astrology","basic-income":"basic-income","beauty":"beauty","biotech":"biotech","blockchain":"blockchain","books":"books","business":"business","cannabis":"cannabis","cities":"cities","climate-change":"climate-change","comics":"comics","coronavirus":"coronavirus","creativity":"creativity","cryptocurrency":"cryptocurrency","culture":"culture","cybersecurity":"cybersecurity","data-science":"data-science","design":"design","digital-life":"digital-life","disability":"disability","economy":"economy","education":"education","equality":"equality","family":"family","feminism":"feminism","fiction":"fiction","film":"film","fitness":"fitness","food":"food","freelancing":"freelancing","future":"future","gadgets":"gadgets","gaming":"gaming","gun-control":"gun-control","health":"health","history":"history","humor":"humor","immigration":"immigration","ios-development":"ios-development","javascript":"javascript","justice":"justice","language":"language","leadership":"leadership","lgbtqia":"lgbtqia","lifestyle":"lifestyle","machine-learning":"machine-learning","makers":"makers","marketing":"marketing","math":"math","media":"media","mental-health":"mental-health","mindfulness":"mindfulness","money":"money","music":"music","neuroscience":"neuroscience","nonfiction":"nonfiction","outdoors":"outdoors","parenting":"parenting","pets":"pets","philosophy":"philosophy","photography":"photography","podcasts":"podcast","poetry":"poetry","politics":"politics","privacy":"privacy","product-management":"product-management","productivity":"productivity","programming":"programming","psychedelics":"psychedelics","psychology":"psychology","race":"race","relationships":"relationships","religion":"religion","remote-work":"remote-work","san-francisco":"san-francisco","science":"science","self":"self","self-driving-cars":"self-driving-cars","sexuality":"sexuality","social-media":"social-media","society":"society","software-engineering":"software-engineering","space":"space","spirituality":"spirituality","sports":"sports","startups":"startup","style":"style","technology":"technology","transportation":"transportation","travel":"travel","true-crime":"true-crime","tv":"tv","ux":"ux","venture-capital":"venture-capital","visual-design":"visual-design","work":"work","world":"world","writing":"writing"},"defaultImages":{"avatar":{"imageId":"1*dmbNkD5D-u45r44go_cf0g.png","height":150,"width":150},"orgLogo":{"imageId":"7*V1_7XP4snlmqrc_0Njontw.png","height":110,"width":500},"postLogo":{"imageId":"bd978bb536350a710e8efb012513429cabdc4c28700604261aeda246d0f980b7","height":810,"width":1440},"postPreviewImage":{"imageId":"1*hn4v1tCaJy7cWMyb0bpNpQ.png","height":386,"width":579}},"collectionStructuredData":{"8d6b8a439e32":{"name":"Elemental","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F980\u002F1*9ygdqoKprhwuTVKUM0DLPA@2x.png","width":980,"height":159}}},"3f6ecf56618":{"name":"Forge","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F596\u002F1*uULpIlImcO5TDuBZ6lm7Lg@2x.png","width":596,"height":183}}},"ae2a65f35510":{"name":"GEN","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F264\u002F1*RdVZMdvfV3YiZTw6mX7yWA.png","width":264,"height":140}}},"88d9857e584e":{"name":"LEVEL","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*JqYMhNX6KNNb2UlqGqO2WQ.png","width":540,"height":108}}},"7b6769f2748b":{"name":"Marker","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F383\u002F1*haCUs0wF6TgOOvfoY-jEoQ@2x.png","width":383,"height":92}}},"444d13b52878":{"name":"OneZero","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*cw32fIqCbRWzwJaoQw6BUg.png","width":540,"height":123}}},"8ccfed20cbb2":{"name":"Zora","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*tZUQqRcCCZDXjjiZ4bDvgQ.png","width":540,"height":106}}}},"embeddedPostIds":{"coronavirus":"cd3010f9d81f"},"sharedCdcMessaging":{"COVID_APPLICABLE_TAG_SLUGS":[],"COVID_APPLICABLE_TOPIC_NAMES":[],"COVID_APPLICABLE_TOPIC_NAMES_FOR_TOPIC_PAGE":[],"COVID_MESSAGES":{"tierA":{"text":"For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":66,"end":73,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"tierB":{"text":"Anyone can publish on Medium per our Policies, but we don’t fact-check every story. For more info about the coronavirus, see cdc.gov.","markups":[{"start":37,"end":45,"href":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Fcategories\u002F201931128-Policies-Safety"},{"start":125,"end":132,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"paywall":{"text":"This article has been made free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":56,"end":70,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":138,"end":145,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"unbound":{"text":"This article is free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":45,"end":59,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":127,"end":134,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]}},"COVID_BANNER_POST_ID_OVERRIDE_WHITELIST":["3b31a67bff4a"]},"sharedVoteMessaging":{"TAGS":["politics","election-2020","government","us-politics","election","2020-presidential-race","trump","donald-trump","democrats","republicans","congress","republican-party","democratic-party","biden","joe-biden","maga"],"TOPICS":["politics","election"],"MESSAGE":{"text":"Find out more about the U.S. election results here.","markups":[{"start":46,"end":50,"href":"https:\u002F\u002Fcookpolitical.com\u002F2020-national-popular-vote-tracker"}]},"EXCLUDE_POSTS":["397ef29e3ca5"]},"embedPostRules":[],"recircOptions":{"v1":{"limit":3},"v2":{"limit":8}},"braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","braintree":{"enabled":true,"merchantId":"m56f8fqpf7ngnrd4","merchantAccountId":{"usd":"AMediumCorporation_instant","eur":"amediumcorporation_EUR","cad":"amediumcorporation_CAD"},"publicKey":"ds2nn34bg2z7j5gd","braintreeEnvironment":"production","dashboardUrl":"https:\u002F\u002Fwww.braintreegateway.com\u002Fmerchants","gracePeriodDurationInDays":14,"mediumMembershipPlanId":{"monthly":"ce105f8c57a3","monthlyV2":"e8a5e126-792b-4ee6-8fba-d574c1b02fc5","monthlyWithTrial":"d5ee3dbe3db8","monthlyPremium":"fa741a9b47a2","yearly":"a40ad4a43185","yearlyV2":"3815d7d6-b8ca-4224-9b8c-182f9047866e","yearlyStaff":"d74fb811198a","yearlyWithTrial":"b3bc7350e5c7","yearlyPremium":"e21bd2c12166","monthlyOneYearFree":"e6c0637a-2bad-4171-ab4f-3c268633d83c","monthly25PercentOffFirstYear":"235ecc62-0cdb-49ae-9378-726cd21c504b","monthly20PercentOffFirstYear":"ba518864-9c13-4a99-91ca-411bf0cac756","monthly15PercentOffFirstYear":"594c029b-9f89-43d5-88f8-8173af4e070e","monthly10PercentOffFirstYear":"c6c7bc9a-40f2-4b51-8126-e28511d5bdb0","monthlyForStudents":"629ebe51-da7d-41fd-8293-34cd2f2030a8","yearlyOneYearFree":"78ba7be9-0d9f-4ece-aa3e-b54b826f2bf1","yearly25PercentOffFirstYear":"2dbb010d-bb8f-4eeb-ad5c-a08509f42d34","yearly20PercentOffFirstYear":"47565488-435b-47f8-bf93-40d5fbe0ebc8","yearly15PercentOffFirstYear":"8259809b-0881-47d9-acf7-6c001c7f720f","yearly10PercentOffFirstYear":"9dd694fb-96e1-472c-8d9e-3c868d5c1506","yearlyForStudents":"e29345ef-ab1c-4234-95c5-70e50fe6bc23","monthlyCad":"p52orjkaceei","yearlyCad":"h4q9g2up9ktt"},"braintreeDiscountId":{"oneMonthFree":"MONTHS_FREE_01","threeMonthsFree":"MONTHS_FREE_03","sixMonthsFree":"MONTHS_FREE_06","fiftyPercentOffOneYear":"FIFTY_PERCENT_OFF_ONE_YEAR"},"3DSecureVersion":"2","defaultCurrency":"usd","providerPlanIdCurrency":{"4ycw":"usd","rz3b":"usd","3kqm":"usd","jzw6":"usd","c2q2":"usd","nnsw":"usd","q8qw":"usd","d9y6":"usd","fx7w":"cad","nwf2":"cad"}},"paypalClientId":"AXj1G4fotC2GE8KzWX9mSxCH1wmPE3nJglf4Z2ig_amnhvlMVX87otaq58niAg9iuLktVNF_1WCMnN7v","paypal":{"host":"https:\u002F\u002Fapi.paypal.com:443","clientMode":"production","serverMode":"live","webhookId":"4G466076A0294510S","monthlyPlan":{"planId":"P-9WR0658853113943TMU5FDQA","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlan":{"planId":"P-7N8963881P8875835MU5JOPQ","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com\u002Fredeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"},"oldMonthlyPlan":{"planId":"P-96U02458LM656772MJZUVH2Y","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlan":{"planId":"P-59P80963JF186412JJZU3SMI","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"monthlyPlanWithTrial":{"planId":"P-66C21969LR178604GJPVKUKY","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlanWithTrial":{"planId":"P-6XW32684EX226940VKCT2MFA","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oldMonthlyPlanNoSetupFee":{"planId":"P-4N046520HR188054PCJC7LJI","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlanNoSetupFee":{"planId":"P-7A4913502Y5181304CJEJMXQ","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"sdkUrl":"https:\u002F\u002Fwww.paypal.com\u002Fsdk\u002Fjs"},"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","log":{"json":true,"level":"info"},"imageUploadMaxSizeMb":25,"staffPicks":{"title":"Staff Picks","catalogId":"c7bc6e1ee00f"}},"session":{"xsrf":""}}</script><script>window.__APOLLO_STATE__ = {"ROOT_QUERY":{"__typename":"Query","viewer":null,"collectionByDomainOrSlug({\"domainOrSlug\":\"medium.muz.li\"})":{"__ref":"Collection:5969bf7021a3"},"variantFlags":[{"__typename":"VariantFlag","name":"enable_tag_recs","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tick_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"goliath_externalsearch_enable_comment_deindexation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_continue_this_thread","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier_badge","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_verified_book_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"num_post_bottom_responses_to_show","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"enable_update_topic_portals_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_ranker_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_pp_country_expansion","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_engagement_service_publish_response","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_new_push_notification_endpoint","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_yearly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_medium2_kbfd","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_medium_com_canonical_urls","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_custom_moc_preview_for_google_referrer","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_topic_portals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"disable_partner_program_enrollment","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_maim_the_meter","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recaptcha_enterprise","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_seamless_social_sharing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"onboarding_tags_from_top_views","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signin_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_braintree_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_server_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_c","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_create_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_simplified_digest_v2_b","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_signup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_eventstats_event_processing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lo_homepage","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_aurora_pub_follower_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_miro_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_cancellation_discount_v1_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_editor_new_publishing_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_bg_post_post","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_see_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_client","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_marketing_emails","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rito_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_diversification_rex","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_plans_page_branding","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_trust_service_recaptcha","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards_byline","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_easy_resubscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_widget","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_configure_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_import","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_plans_page_payment_form","valueType":{"__typename":"VariantFlagString","value":"group_1"}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_programming","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recommended_publishers_query","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sprig","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_one_tap","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members_username_selection","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_newsletter_lo_flow_custom_domains","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_display_paywall_after_onboarding","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_legacy_feed_in_iceland","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ml_rank_rex_anno","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"mobile_custom_app_icon","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"redefined_top_posts","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_manage_membership_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_cache_less_following_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_paypal","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reader_fair_distribution_non_qp","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_sign_in","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_post_referrers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reengagement_notification_duration","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"skip_fs_cache_user_vals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_iceland_forced_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pub_featuring","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_hybrid_ranking_model","valueType":{"__typename":"VariantFlagString","value":"experiment"}},{"__typename":"VariantFlag","name":"browsable_stream_config_bucket","valueType":{"__typename":"VariantFlagString","value":"curated-topics"}},{"__typename":"VariantFlag","name":"enable_boost_nia_v01","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_cancellation_discount_v1_1","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tribute_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_app_flirty_thirty","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_deviant_get_variant_flag_from_medium2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_aspiriational","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"get_highlights_from_engagement","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"glyph_font_set","valueType":{"__typename":"VariantFlagString","value":"m2-unbound-source-serif-pro"}},{"__typename":"VariantFlag","name":"available_monthly_premium_plan","valueType":{"__typename":"VariantFlagString","value":"12a660186432"}},{"__typename":"VariantFlag","name":"enable_boost_experiment","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"allow_test_auth","valueType":{"__typename":"VariantFlagString","value":"disallow"}},{"__typename":"VariantFlag","name":"available_annual_plan","valueType":{"__typename":"VariantFlagString","value":"2c754bcc2995"}},{"__typename":"VariantFlag","name":"enable_conversion_model_v2","valueType":{"__typename":"VariantFlagString","value":"group_2"}},{"__typename":"VariantFlag","name":"enable_group_gifting","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_response_markup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_user_follows","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_footer_app_buttons","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_publish_permission_check","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_access","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_abandoned_paywall_email_experiment","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_deprecate_legacy_providers_v3","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_archive_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_verifications_service","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pill_based_home_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_social_share_sheet","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_plans_page_branding_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"ios_iceland_nux","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"rex_generator_max_candidates","valueType":{"__typename":"VariantFlagNumber","value":1000}},{"__typename":"VariantFlag","name":"enable_android_dynamic_aspirational_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_homepage","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_auto_follow_on_subscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"disable_rex_pub_featuring_recirc","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_abandoned_cart_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pre_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ranker_v10","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"can_receive_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_first_story","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_syntax_highlight","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_avatar_upload","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_members_only_audio","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recirc_model","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_google_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_entities_to_follow_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_lists_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_stripe_customers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pub_featuring_stats","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_remove_twitter_onboarding_step","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_image_sharer","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_updated_pub_recs_ui","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_integration","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_trial_membership","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_two_hour_refresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_lock_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_validate_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_starspace","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_creator_welcome_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_explore_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses_input","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pub_featuring_post_page_label","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_rating_prompt_stories_read_threshold","valueType":{"__typename":"VariantFlagNumber","value":2}},{"__typename":"VariantFlag","name":"available_annual_premium_plan","valueType":{"__typename":"VariantFlagString","value":"4a442ace1476"}},{"__typename":"VariantFlag","name":"enable_android_verified_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_abandoned_paywall_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_in_app_free_trial","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_programming_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"textshots_userid","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_branch_io","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_winback_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_monthly_plan","valueType":{"__typename":"VariantFlagString","value":"60e220181034"}},{"__typename":"VariantFlag","name":"enable_automod","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_intrinsic_automatic_actions","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_apple_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses_native","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_monthly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"signup_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_rex_reading_history","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_home_post_menu","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_send_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_all_recs_surfaces","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_switch_plan_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"coronavirus_topic_recirc","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_autorefresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_aggregator_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}}],"postResult({\"id\":\"1b53403aa08c\"})":{"__ref":"Post:1b53403aa08c"}},"ImageMetadata:1*CbIuoIPQcraC2U6K2BSWNg.png":{"__typename":"ImageMetadata","id":"1*CbIuoIPQcraC2U6K2BSWNg.png"},"Collection:5969bf7021a3":{"__typename":"Collection","id":"5969bf7021a3","favicon":{"__ref":"ImageMetadata:1*CbIuoIPQcraC2U6K2BSWNg.png"},"customStyleSheet":{"__ref":"CustomStyleSheet:dee753cf47be"},"colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFF5F2F1","point":0},{"__typename":"ColorPoint","color":"#FFF3F0EF","point":0.1},{"__typename":"ColorPoint","color":"#FFF1EEEE","point":0.2},{"__typename":"ColorPoint","color":"#FFEFECEC","point":0.3},{"__typename":"ColorPoint","color":"#FFEDEAEA","point":0.4},{"__typename":"ColorPoint","color":"#FFEBE8E8","point":0.5},{"__typename":"ColorPoint","color":"#FFE9E6E6","point":0.6},{"__typename":"ColorPoint","color":"#FFE7E5E4","point":0.7},{"__typename":"ColorPoint","color":"#FFE5E3E2","point":0.8},{"__typename":"ColorPoint","color":"#FFE3E1E0","point":0.9},{"__typename":"ColorPoint","color":"#FFE1DFDE","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF858484","point":0},{"__typename":"ColorPoint","color":"#FF7C7B7B","point":0.1},{"__typename":"ColorPoint","color":"#FF737171","point":0.2},{"__typename":"ColorPoint","color":"#FF696868","point":0.3},{"__typename":"ColorPoint","color":"#FF5F5E5E","point":0.4},{"__typename":"ColorPoint","color":"#FF555454","point":0.5},{"__typename":"ColorPoint","color":"#FF4A4949","point":0.6},{"__typename":"ColorPoint","color":"#FF3F3E3E","point":0.7},{"__typename":"ColorPoint","color":"#FF343333","point":0.8},{"__typename":"ColorPoint","color":"#FF272727","point":0.9},{"__typename":"ColorPoint","color":"#FF1A1A1A","point":1}]},"tintBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FF101010","colorPoints":[{"__typename":"ColorPoint","color":"#FF101010","point":0},{"__typename":"ColorPoint","color":"#FF303030","point":0.1},{"__typename":"ColorPoint","color":"#FF4C4B4B","point":0.2},{"__typename":"ColorPoint","color":"#FF656464","point":0.3},{"__typename":"ColorPoint","color":"#FF7D7B7B","point":0.4},{"__typename":"ColorPoint","color":"#FF939191","point":0.5},{"__typename":"ColorPoint","color":"#FFA8A6A6","point":0.6},{"__typename":"ColorPoint","color":"#FFBDBBBA","point":0.7},{"__typename":"ColorPoint","color":"#FFD1CFCE","point":0.8},{"__typename":"ColorPoint","color":"#FFE5E2E1","point":0.9},{"__typename":"ColorPoint","color":"#FFF8F5F4","point":1}]}},"domain":"medium.muz.li","slug":"muzli-design-inspiration","googleAnalyticsId":"UA-53926383-2","name":"Muzli - Design Inspiration","avatar":{"__ref":"ImageMetadata:1*CbIuoIPQcraC2U6K2BSWNg.png"},"description":"All the design inspiration you need. It's like crack for designers. And good for you too! #design #ux #ui #inspiration #creativity #art #startup","subscriberCount":213254,"latestPostsConnection({\"paging\":{\"limit\":1}})":{"__typename":"PostConnection","posts":[{"__ref":"Post:45bd6a633df3"}]},"isAuroraVisible":true,"tintColor":"#FF101010","newsletterV3":{"__ref":"NewsletterV3:f4737cc2e528"},"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:5969bf7021a3-viewerId:lo_eeaa05d41305"},"twitterUsername":"usemuzli","facebookPageId":null,"logo":{"__ref":"ImageMetadata:1*OmMHUNYn0EG7dMP57zEi6Q.png"}},"CustomStyleSheet:dee753cf47be":{"__typename":"CustomStyleSheet","id":"dee753cf47be","global":{"__typename":"GlobalStyles","colorPalette":{"__typename":"StyleSheetColorPalette","primary":{"__typename":"ColorValue","colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFE7F3FF","point":0},{"__typename":"ColorPoint","color":"#FFE3F1FF","point":0.1},{"__typename":"ColorPoint","color":"#FFDEEFFF","point":0.2},{"__typename":"ColorPoint","color":"#FFD9EDFF","point":0.3},{"__typename":"ColorPoint","color":"#FFD5EBFF","point":0.4},{"__typename":"ColorPoint","color":"#FFD0EAFF","point":0.5},{"__typename":"ColorPoint","color":"#FFCBE7FF","point":0.6},{"__typename":"ColorPoint","color":"#FFC6E5FF","point":0.7},{"__typename":"ColorPoint","color":"#FFC1E3FF","point":0.8},{"__typename":"ColorPoint","color":"#FFBCE1FF","point":0.9},{"__typename":"ColorPoint","color":"#FFB7DEFF","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF517BFF","point":0},{"__typename":"ColorPoint","color":"#FF4D74FC","point":0.1},{"__typename":"ColorPoint","color":"#FF496CE4","point":0.2},{"__typename":"ColorPoint","color":"#FF4464CC","point":0.3},{"__typename":"ColorPoint","color":"#FF3F5BB4","point":0.4},{"__typename":"ColorPoint","color":"#FF3A529D","point":0.5},{"__typename":"ColorPoint","color":"#FF334886","point":0.6},{"__typename":"ColorPoint","color":"#FF2D3E70","point":0.7},{"__typename":"ColorPoint","color":"#FF25325A","point":0.8},{"__typename":"ColorPoint","color":"#FF1C2744","point":0.9},{"__typename":"ColorPoint","color":"#FF131A2E","point":1}]},"tintBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FF3a5efb","colorPoints":[{"__typename":"ColorPoint","color":"#FF3A5EFB","point":0},{"__typename":"ColorPoint","color":"#FF4E74FD","point":0.1},{"__typename":"ColorPoint","color":"#FF6287FF","point":0.2},{"__typename":"ColorPoint","color":"#FF7699FF","point":0.3},{"__typename":"ColorPoint","color":"#FF89A9FF","point":0.4},{"__typename":"ColorPoint","color":"#FF9CB9FF","point":0.5},{"__typename":"ColorPoint","color":"#FFAFC8FF","point":0.6},{"__typename":"ColorPoint","color":"#FFC1D6FF","point":0.7},{"__typename":"ColorPoint","color":"#FFD3E4FF","point":0.8},{"__typename":"ColorPoint","color":"#FFE5F2FF","point":0.9},{"__typename":"ColorPoint","color":"#FFF6FFFF","point":1}]}},"rgb":"3a5efb"},"background":null},"fonts":{"__typename":"StyleSheetFonts","font1":{"__typename":"StyleSheetFont","name":"SERIF_1"},"font2":{"__typename":"StyleSheetFont","name":"SANS_SERIF_1"},"font3":{"__typename":"StyleSheetFont","name":"SANS_SERIF_1"}}},"header":{"__typename":"HeaderStyles","backgroundImage":{"__ref":"ImageMetadata:1*3su02hUN5N_oDuKABD9BZQ.png"}}},"User:c6fbb86f1069":{"__typename":"User","id":"c6fbb86f1069","customDomainState":null,"hasSubdomain":false,"username":"usemuzli"},"Post:45bd6a633df3":{"__typename":"Post","id":"45bd6a633df3","firstPublishedAt":1739363017184,"creator":{"__ref":"User:c6fbb86f1069"},"collection":{"__ref":"Collection:5969bf7021a3"},"isSeries":false,"mediumUrl":"https:\u002F\u002Fmedium.muz.li\u002Fweekly-designers-update-492-45bd6a633df3","sequence":null,"uniqueSlug":"weekly-designers-update-492-45bd6a633df3"},"NewsletterV3:f4737cc2e528":{"__typename":"NewsletterV3","id":"f4737cc2e528"},"LinkedAccounts:67729b873272":{"__typename":"LinkedAccounts","mastodon":null,"id":"67729b873272"},"User:67729b873272":{"__typename":"User","id":"67729b873272","linkedAccounts":{"__ref":"LinkedAccounts:67729b873272"},"isSuspended":false,"name":"tubik","imageId":"1*Ajcnluk022RtTmjH_v08Hw.png","customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"tubikstudio.medium.com"}},"hasSubdomain":true,"username":"tubikstudio","verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"socialStats":{"__typename":"SocialStats","followerCount":46725,"followingCount":207,"collectionFollowingCount":71},"bio":"We are a digital agency making designs that solve business problems. We create websites, apps, graphics, and help brands shine and sell.","membership":null,"allowNotes":false,"viewerEdge":{"__ref":"UserViewerEdge:userId:67729b873272-viewerId:lo_eeaa05d41305"},"twitterScreenName":"tubikstudio"},"Paragraph:15a385e43b8d_0":{"__typename":"Paragraph","id":"15a385e43b8d_0","name":"c55b","type":"H3","href":null,"layout":null,"metadata":null,"text":"Case Study: FluxWear. Website for Health Tech Product","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*ID-TZi3yKnl796fI3y5IeA.jpeg":{"__typename":"ImageMetadata","id":"1*ID-TZi3yKnl796fI3y5IeA.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_1":{"__typename":"Paragraph","id":"15a385e43b8d_1","name":"500d","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*ID-TZi3yKnl796fI3y5IeA.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_2":{"__typename":"Paragraph","id":"15a385e43b8d_2","name":"9f6e","type":"P","href":null,"layout":null,"metadata":null,"text":"With this case study, we invite you to check out one more design project connected to the theme of innovative products and approaches in the sphere of healthcare and support. Dive into the creative process behind the stylish and informative website we designed and implemented for FluxWear, the company producing SHIFT, the health tech product that helps people stress less, reduce pain, and improve focus.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*pmurpDXRYKO2ld1m_H5fzQ.jpeg":{"__typename":"ImageMetadata","id":"1*pmurpDXRYKO2ld1m_H5fzQ.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_3":{"__typename":"Paragraph","id":"15a385e43b8d_3","name":"5040","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*pmurpDXRYKO2ld1m_H5fzQ.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_4":{"__typename":"Paragraph","id":"15a385e43b8d_4","name":"433b","type":"H3","href":null,"layout":null,"metadata":null,"text":"Client and Project","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_5":{"__typename":"Paragraph","id":"15a385e43b8d_5","name":"2d06","type":"P","href":null,"layout":null,"metadata":null,"text":"FluxWear is a team that developed a powerful, flexible neuromodulation platform. It can be tailored to treat numerous centrally mediated conditions, including stress, anxiety, chronic pain, migraines, impaired sleep, and stroke recovery. FluxWear’s first product, SHIFT, is the world’s first neuromodulation device that helps the user’s body and mind recover from life’s stresses and strains in just 25 minutes. SHIFT is FDA-registered, patent-protected, and used in health clinics around the United States.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":8,"href":"https:\u002F\u002Fwww.fluxwear.com\u002F","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_6":{"__typename":"Paragraph","id":"15a385e43b8d_6","name":"9e34","type":"P","href":null,"layout":null,"metadata":null,"text":"The story of this invention is profoundly personal and started in 2017 when FluxWear’s co-founder Nadia was diagnosed with Guillain-Barre Syndrome. It led to severe chronic pain manifesting throughout her body, so she had to experiment with numerous conventional and alternative therapies. Still, nothing was reliably effective, accessible, and affordable over the long term. To help her, Nadia’s brother, Kamran, another of FluxWear’s co-founders and CEO, experimented with various modalities and eventually settled on pulsed electromagnetic field therapy (PEMF), given the underlying clinical studies and for PEMF’s potential portability, affordability, and form factor. Starting in 2017, they began the arduous process of rethinking PEMF from the ground up. Explaining the mission of FluxWear, Kamran Ansari says: “We created SHIFT to help solve fundamental challenges in the treatment of pain and anxiety, particularly among young people. Parents, counselors, nurses, physical therapists, corporate wellness programs, and our educational institutions need better tools to help them address the mental and physical crises being experienced throughout the US today.”","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_7":{"__typename":"Paragraph","id":"15a385e43b8d_7","name":"7f06","type":"P","href":null,"layout":null,"metadata":null,"text":"The FluxWear team approached us with the request to create a web design that would tell the product’s story and uncover its benefits to those who need it in an engaging, friendly, and informative way. So, we designed the website for them and implemented it with Webflow.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":242,"end":269,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Ftag\u002Fwebflow\u002F","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*7mqjNKg8CQcA2laE4fpKmw.jpeg":{"__typename":"ImageMetadata","id":"1*7mqjNKg8CQcA2laE4fpKmw.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_8":{"__typename":"Paragraph","id":"15a385e43b8d_8","name":"0f5d","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*7mqjNKg8CQcA2laE4fpKmw.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_9":{"__typename":"Paragraph","id":"15a385e43b8d_9","name":"8a34","type":"H3","href":null,"layout":null,"metadata":null,"text":"Web Design and Development","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_10":{"__typename":"Paragraph","id":"15a385e43b8d_10","name":"a91a","type":"P","href":null,"layout":null,"metadata":null,"text":"The FluxWear team approached us well-prepared, with a deep understanding of what they wanted to show and achieve with the website. During the research and discussion stages, the creative team, in close collaboration with the client, developed a clear vision and recommendations on what content should be provided for that goal. The various types of content that would be integrated into the website involved different kinds of demonstrations and engagement. Photos and videos unveiled the product and showed it in use. Together with text, they added deep human and emotional elements to the user experience, featuring the founders telling the story of product creation. Also, like many innovative and experimental products, this one demanded a lot of textual content to make the presentation informative and explanatory for potential users. So, the primary goal was to organize all the mentioned thoughtfully and attractively to make the user experience design positive and engaging.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_11":{"__typename":"Paragraph","id":"15a385e43b8d_11","name":"627e","type":"P","href":null,"layout":null,"metadata":null,"text":"Here’s a glance at the early stage of the creative process, UX wireframing, when the designers considered the effective website structure, page structure, functional navigation, and compelling content arrangement.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*IP28LIbmNlloFkJQ9M3d3g.jpeg":{"__typename":"ImageMetadata","id":"1*IP28LIbmNlloFkJQ9M3d3g.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_12":{"__typename":"Paragraph","id":"15a385e43b8d_12","name":"55ed","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*IP28LIbmNlloFkJQ9M3d3g.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_13":{"__typename":"Paragraph","id":"15a385e43b8d_13","name":"402a","type":"P","href":null,"layout":null,"metadata":null,"text":"Next, it was time to agree upon the color palette, and as a result of design session, the choice fell on the set of calm pastel colors of earthy shades, setting the appropriate emotional background, with black for text and contrast accents for some of the interactive elements.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*A_L0eNYeS7XyhDYA6-PzPA.jpeg":{"__typename":"ImageMetadata","id":"1*A_L0eNYeS7XyhDYA6-PzPA.jpeg","originalHeight":2160,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_14":{"__typename":"Paragraph","id":"15a385e43b8d_14","name":"a23d","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*A_L0eNYeS7XyhDYA6-PzPA.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_15":{"__typename":"Paragraph","id":"15a385e43b8d_15","name":"dc7d","type":"P","href":null,"layout":null,"metadata":null,"text":"The typography for the FluxWear website is an elegant combination of neat and readable Matter and classic, more decorative Tiempos Fine. The fonts balance each other, laying the solid foundation of sleek beauty and high readability of all the text content.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*RhXFQVbcF7Vx50yeRxwwLw.jpeg":{"__typename":"ImageMetadata","id":"1*RhXFQVbcF7Vx50yeRxwwLw.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_16":{"__typename":"Paragraph","id":"15a385e43b8d_16","name":"07fb","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*RhXFQVbcF7Vx50yeRxwwLw.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_17":{"__typename":"Paragraph","id":"15a385e43b8d_17","name":"0b9a","type":"P","href":null,"layout":null,"metadata":null,"text":"Let’s check how all these solutions worked in actual web design. Here’s the home page that captures visitors’ attention from the first seconds with the prominent demonstration of the actual product in the hero section and a short, concise textual explanation of the problem it solves. Primary navigation and the CTA button inviting visitors to purchase are easily accessible on the neat sticky website header. The switch button under the SHIFT device’s image allows instant checking of what it looks like in two different colors.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*vwhfXeiDwRaGPEi1pTLctg.jpeg":{"__typename":"ImageMetadata","id":"1*vwhfXeiDwRaGPEi1pTLctg.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_18":{"__typename":"Paragraph","id":"15a385e43b8d_18","name":"00dc","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*vwhfXeiDwRaGPEi1pTLctg.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_19":{"__typename":"Paragraph","id":"15a385e43b8d_19","name":"3c13","type":"P","href":null,"layout":null,"metadata":null,"text":"The web pages are scannable and skimmable, presenting a well-arranged mix of photos, videos, and text blocks. Different background colors work as visual dividers, helping organize different content sections and this way, making them easier to perceive and process. Rounded shapes of layout elements and buttons echo the rounded rectangular shape of the device on the hat and support the generally upbeat mood of relaxation and confidence.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":18,"end":27,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fux-design-how-to-make-web-interface-scannable\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"A","start":146,"end":161,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fvisual-dividers-user-interface\u002F","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*Uroo20bbhg8W_m3pj8jW5g.jpeg":{"__typename":"ImageMetadata","id":"1*Uroo20bbhg8W_m3pj8jW5g.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_20":{"__typename":"Paragraph","id":"15a385e43b8d_20","name":"7a86","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*Uroo20bbhg8W_m3pj8jW5g.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_21":{"__typename":"Paragraph","id":"15a385e43b8d_21","name":"9fa1","type":"P","href":null,"layout":null,"metadata":null,"text":"Scrolling through the page that gives a deeper story of SHIFT and uncovering its benefits, the visitors interact with different types of visual content, from photo demonstrations on people to a 3D projection of what’s inside and a set of informative graphics supporting the explanatory block about how the device works.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:441ca2d50f61b8ef43a948603f5090a5":{"__typename":"MediaResource","id":"441ca2d50f61b8ef43a948603f5090a5","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F872877008%3Fh%3D04897dc53a%26app_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F872877008%2F04897dc53a&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1736128739-2739a2cc1b5ebdb745336a042bce0cf6c254acdbce61b32a441926d3cc19171a-d_1280&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=vimeo","iframeHeight":1200,"iframeWidth":1600,"title":"fluxwear website design tubik blog case study 3"},"Paragraph:15a385e43b8d_22":{"__typename":"Paragraph","id":"15a385e43b8d_22","name":"a6f1","type":"IFRAME","href":null,"layout":"OUTSET_CENTER","metadata":null,"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:441ca2d50f61b8ef43a948603f5090a5"}},"mixtapeMetadata":null},"Paragraph:15a385e43b8d_23":{"__typename":"Paragraph","id":"15a385e43b8d_23","name":"ef4c","type":"P","href":null,"layout":null,"metadata":null,"text":"Creating a solid, trustworthy impression from the first touchpoint is especially essential for new technologies and products striving for higher brand awareness and recognizability. For FluxWear, the factors that increase trust in the product and a deeper understanding of its work's results are real-life stories shared by those who have already tried SHIFT and awards that become a sign of public and expert recognition. Below, you can see how they are presented on the website.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*Nv8LDPyeOCKew9aqhwAs7g.jpeg":{"__typename":"ImageMetadata","id":"1*Nv8LDPyeOCKew9aqhwAs7g.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_24":{"__typename":"Paragraph","id":"15a385e43b8d_24","name":"da13","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*Nv8LDPyeOCKew9aqhwAs7g.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_25":{"__typename":"Paragraph","id":"15a385e43b8d_25","name":"ed93","type":"P","href":null,"layout":null,"metadata":null,"text":"As the website design was thought-out and polished, it was also essential to adapt it to mobile use to make all the content look and work effectively on any device.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*TJP23CK8Von1FSljSEh4Vg.jpeg":{"__typename":"ImageMetadata","id":"1*TJP23CK8Von1FSljSEh4Vg.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_26":{"__typename":"Paragraph","id":"15a385e43b8d_26","name":"faf3","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*TJP23CK8Von1FSljSEh4Vg.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_27":{"__typename":"Paragraph","id":"15a385e43b8d_27","name":"3e84","type":"P","href":null,"layout":null,"metadata":null,"text":"In the next stage, we implemented all the design solutions for the website with Webflow, so the client got the live website, keeping up with all the agreed ideas, functionality, and interactions.","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":80,"end":87,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Ftag\u002Fwebflow\u002F","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_28":{"__typename":"Paragraph","id":"15a385e43b8d_28","name":"059e","type":"H3","href":null,"layout":null,"metadata":null,"text":"Web Design Refreshment","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_29":{"__typename":"Paragraph","id":"15a385e43b8d_29","name":"dd68","type":"P","href":null,"layout":null,"metadata":null,"text":"As the design of SHIFT has been changed recently to make it more practical, convenient, and beautiful, and the color palette for the device has been made more diverse, we also have altered and actualized some blocks and the content of the site. Here’s the refreshed current version of the website design.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*BZV0sHo5kIFgW3Gn053cmQ.jpeg":{"__typename":"ImageMetadata","id":"1*BZV0sHo5kIFgW3Gn053cmQ.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_30":{"__typename":"Paragraph","id":"15a385e43b8d_30","name":"d679","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*BZV0sHo5kIFgW3Gn053cmQ.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:0f13b9c37fc29fdd3d80805acb4945b5":{"__typename":"MediaResource","id":"0f13b9c37fc29fdd3d80805acb4945b5","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F872877043%3Fh%3Dd3af4262e1%26app_id%3D122963&dntp=1&display_name=Vimeo&url=https%3A%2F%2Fvimeo.com%2F872877043%2Fd3af4262e1&image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1736129067-159e0a9354655219bb91057239f0653a9414b8e1213e33ba7937f995d062587f-d_1280&key=a19fcc184b9711e1b4764040d3dc5c07&type=text%2Fhtml&schema=vimeo","iframeHeight":1200,"iframeWidth":1600,"title":"fluxwear website design tubik blog case study 9"},"Paragraph:15a385e43b8d_31":{"__typename":"Paragraph","id":"15a385e43b8d_31","name":"d376","type":"IFRAME","href":null,"layout":"OUTSET_CENTER","metadata":null,"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:0f13b9c37fc29fdd3d80805acb4945b5"}},"mixtapeMetadata":null},"ImageMetadata:1*Jxqc42grOA1CWSGK9KfJag.jpeg":{"__typename":"ImageMetadata","id":"1*Jxqc42grOA1CWSGK9KfJag.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_32":{"__typename":"Paragraph","id":"15a385e43b8d_32","name":"666e","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*Jxqc42grOA1CWSGK9KfJag.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*IqmFCTRBejt9vNYi3sOHtQ.jpeg":{"__typename":"ImageMetadata","id":"1*IqmFCTRBejt9vNYi3sOHtQ.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_33":{"__typename":"Paragraph","id":"15a385e43b8d_33","name":"8f90","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*IqmFCTRBejt9vNYi3sOHtQ.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_34":{"__typename":"Paragraph","id":"15a385e43b8d_34","name":"ae5e","type":"P","href":null,"layout":null,"metadata":null,"text":"Also, FluxWear reached new levels of recognition. They got the Innovator of the Year Award nomination by the Orange County Business Journal (OCBJ) and the Octane HTA 2023 Finalist.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg":{"__typename":"ImageMetadata","id":"1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg","originalHeight":2400,"originalWidth":3200,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_35":{"__typename":"Paragraph","id":"15a385e43b8d_35","name":"644e","type":"IMG","href":null,"layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*qybuAf0wjMCj5Lh0KrGSRQ.jpeg"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_36":{"__typename":"Paragraph","id":"15a385e43b8d_36","name":"ed77","type":"P","href":null,"layout":null,"metadata":null,"text":"And in this video, you can watch the client’s review of our collaboration on this project (timecode 4:17)","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"MediaResource:94e61469672fe2b7fd4327b27827c117":{"__typename":"MediaResource","id":"94e61469672fe2b7fd4327b27827c117","iframeSrc":"https:\u002F\u002Fcdn.embedly.com\u002Fwidgets\u002Fmedia.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FDMi49Z69xgY%3Ffeature%3Doembed&display_name=YouTube&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DDMi49Z69xgY&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FDMi49Z69xgY%2Fhqdefault.jpg&type=text%2Fhtml&schema=youtube","iframeHeight":480,"iframeWidth":854,"title":"7 Insights From Our Digital Agency Practice. Clients' Feedback Included"},"Paragraph:15a385e43b8d_37":{"__typename":"Paragraph","id":"15a385e43b8d_37","name":"0934","type":"IFRAME","href":null,"layout":"OUTSET_CENTER","metadata":null,"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":{"__typename":"Iframe","mediaResource":{"__ref":"MediaResource:94e61469672fe2b7fd4327b27827c117"}},"mixtapeMetadata":null},"Paragraph:15a385e43b8d_38":{"__typename":"Paragraph","id":"15a385e43b8d_38","name":"8d4e","type":"P","href":null,"layout":null,"metadata":null,"text":"New design case studies from our team are coming soon. Stay tuned!","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":4,"end":23,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fcategory\u002Fcase_study\u002F","anchorType":"LINK","userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_39":{"__typename":"Paragraph","id":"15a385e43b8d_39","name":"77de","type":"H3","href":null,"layout":null,"metadata":null,"text":"More Design Case Studies","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_40":{"__typename":"Paragraph","id":"15a385e43b8d_40","name":"c58a","type":"P","href":null,"layout":null,"metadata":null,"text":"Here’s a set of more case studies sharing the design solutions and approaches for some of the design projects done by the Tubik team.","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_41":{"__typename":"Paragraph","id":"15a385e43b8d_41","name":"90c0","type":"P","href":null,"layout":null,"metadata":null,"text":"Advocacy Through Walls. Website Creation for Advocacy Guide","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":59,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fcase-study-web-design-advocacy-guide\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":59,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_42":{"__typename":"Paragraph","id":"15a385e43b8d_42","name":"74b2","type":"P","href":null,"layout":null,"metadata":null,"text":"Serra. Identity and Product Design for Financial App","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":52,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fcase-study-identity-product-design-financial-app\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":52,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_43":{"__typename":"Paragraph","id":"15a385e43b8d_43","name":"54f6","type":"P","href":null,"layout":null,"metadata":null,"text":"MOVA Brewery. Ecommerce Website Design for Beer Producer","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":56,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fecommerce-website-design-for-brewery\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":56,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_44":{"__typename":"Paragraph","id":"15a385e43b8d_44","name":"3d3f","type":"P","href":null,"layout":null,"metadata":null,"text":"HP23. Website and 3D Animation for Prostheses Producer","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":54,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fcase-study-website-design-3d-animation-for-prostheses-producer\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":54,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_45":{"__typename":"Paragraph","id":"15a385e43b8d_45","name":"1a11","type":"P","href":null,"layout":null,"metadata":null,"text":"UI Design Process for Web and Mobile: 3 Detailed Video Cases","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":60,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fui-design-process-video\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":60,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_46":{"__typename":"Paragraph","id":"15a385e43b8d_46","name":"baab","type":"P","href":null,"layout":null,"metadata":null,"text":"Magma Math. Web Design for Educational Platform","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":47,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fweb-design-educational-platform\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":47,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_47":{"__typename":"Paragraph","id":"15a385e43b8d_47","name":"7218","type":"P","href":null,"layout":null,"metadata":null,"text":"HotelCard. Brand Identity for Hotel Offers Service","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":50,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fbrand-identity-hotel-offers-service\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":50,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_48":{"__typename":"Paragraph","id":"15a385e43b8d_48","name":"52b5","type":"P","href":null,"layout":null,"metadata":null,"text":"Nibble Health. Identity and UX Design for Healthcare Fintech Service","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":68,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fidentity-ux-design-healthcare-service\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":68,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_49":{"__typename":"Paragraph","id":"15a385e43b8d_49","name":"c3aa","type":"P","href":null,"layout":null,"metadata":null,"text":"ProAgenda. Identity and Website Design for Golf Management Service","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":66,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fidentity-website-design-golf-management-service\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":66,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_50":{"__typename":"Paragraph","id":"15a385e43b8d_50","name":"15b7","type":"P","href":null,"layout":null,"metadata":null,"text":"Kaiten. Identity and Product Design for Food Marketplace","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":56,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002Fidentity-product-design-food-marketplace\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":56,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_51":{"__typename":"Paragraph","id":"15a385e43b8d_51","name":"3202","type":"P","href":null,"layout":null,"metadata":null,"text":"Originally written for Tubik Blog","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":23,"end":33,"href":"https:\u002F\u002Fblog.tubikstudio.com\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":23,"end":33,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":33,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_52":{"__typename":"Paragraph","id":"15a385e43b8d_52","name":"62ee","type":"P","href":null,"layout":null,"metadata":null,"text":"Welcome to get in touch and check designs by tubik via:","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"EM","start":0,"end":55,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_53":{"__typename":"Paragraph","id":"15a385e43b8d_53","name":"3b0c","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Tubik Website","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":13,"href":"https:\u002F\u002Ftubikstudio.com\u002F","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":13,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":13,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_54":{"__typename":"Paragraph","id":"15a385e43b8d_54","name":"1bee","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Dribbble","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":8,"href":"https:\u002F\u002Fdribbble.com\u002FTubik","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":8,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":8,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_55":{"__typename":"Paragraph","id":"15a385e43b8d_55","name":"51a5","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Behance","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":7,"href":"https:\u002F\u002Fwww.behance.net\u002FTubik","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":7,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":7,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"Paragraph:15a385e43b8d_56":{"__typename":"Paragraph","id":"15a385e43b8d_56","name":"3984","type":"ULI","href":null,"layout":null,"metadata":null,"text":"Tubik Arts","hasDropCap":null,"dropCapImage":null,"markups":[{"__typename":"Markup","type":"A","start":0,"end":10,"href":"https:\u002F\u002Fdribbble.com\u002Ftubik_arts","anchorType":"LINK","userId":null,"linkMetadata":null},{"__typename":"Markup","type":"STRONG","start":0,"end":10,"href":null,"anchorType":null,"userId":null,"linkMetadata":null},{"__typename":"Markup","type":"EM","start":0,"end":10,"href":null,"anchorType":null,"userId":null,"linkMetadata":null}],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"ImageMetadata:1*MHhxzeSZ92yCM3yEhAtU-w.png":{"__typename":"ImageMetadata","id":"1*MHhxzeSZ92yCM3yEhAtU-w.png","originalHeight":825,"originalWidth":1400,"focusPercentX":null,"focusPercentY":null,"alt":null},"Paragraph:15a385e43b8d_57":{"__typename":"Paragraph","id":"15a385e43b8d_57","name":"02de","type":"IMG","href":"https:\u002F\u002Fmuz.li","layout":"OUTSET_CENTER","metadata":{"__ref":"ImageMetadata:1*MHhxzeSZ92yCM3yEhAtU-w.png"},"text":"","hasDropCap":null,"dropCapImage":null,"markups":[],"codeBlockMetadata":null,"iframe":null,"mixtapeMetadata":null},"CollectionViewerEdge:collectionId:5969bf7021a3-viewerId:lo_eeaa05d41305":{"__typename":"CollectionViewerEdge","id":"collectionId:5969bf7021a3-viewerId:lo_eeaa05d41305","isEditor":false,"isMuting":false},"UserViewerEdge:userId:67729b873272-viewerId:lo_eeaa05d41305":{"__typename":"UserViewerEdge","id":"userId:67729b873272-viewerId:lo_eeaa05d41305","isMuting":false},"ImageMetadata:1*OmMHUNYn0EG7dMP57zEi6Q.png":{"__typename":"ImageMetadata","id":"1*OmMHUNYn0EG7dMP57zEi6Q.png","originalWidth":466,"originalHeight":143},"PostViewerEdge:postId:1b53403aa08c-viewerId:lo_eeaa05d41305":{"__typename":"PostViewerEdge","shouldIndexPostForExternalSearch":true,"id":"postId:1b53403aa08c-viewerId:lo_eeaa05d41305"},"Tag:design":{"__typename":"Tag","id":"design","displayTitle":"Design","normalizedTagSlug":"design"},"Tag:web-design":{"__typename":"Tag","id":"web-design","displayTitle":"Web Design","normalizedTagSlug":"web-design"},"Tag:ui":{"__typename":"Tag","id":"ui","displayTitle":"UI","normalizedTagSlug":"ui"},"Tag:ux":{"__typename":"Tag","id":"ux","displayTitle":"UX","normalizedTagSlug":"ux"},"Tag:user-experience":{"__typename":"Tag","id":"user-experience","displayTitle":"User Experience","normalizedTagSlug":"user-experience"},"ImageMetadata:1*3su02hUN5N_oDuKABD9BZQ.png":{"__typename":"ImageMetadata","id":"1*3su02hUN5N_oDuKABD9BZQ.png"},"Post:1b53403aa08c":{"__typename":"Post","id":"1b53403aa08c","collection":{"__ref":"Collection:5969bf7021a3"},"content({\"postMeteringOptions\":{\"referrer\":\"\"}})":{"__typename":"PostContent","isLockedPreviewOnly":false,"bodyModel":{"__typename":"RichText","sections":[{"__typename":"Section","name":"d018","startIndex":0,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"9876","startIndex":51,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null},{"__typename":"Section","name":"53da","startIndex":57,"textLayout":null,"imageLayout":null,"backgroundImage":null,"videoLayout":null,"backgroundVideo":null}],"paragraphs":[{"__ref":"Paragraph:15a385e43b8d_0"},{"__ref":"Paragraph:15a385e43b8d_1"},{"__ref":"Paragraph:15a385e43b8d_2"},{"__ref":"Paragraph:15a385e43b8d_3"},{"__ref":"Paragraph:15a385e43b8d_4"},{"__ref":"Paragraph:15a385e43b8d_5"},{"__ref":"Paragraph:15a385e43b8d_6"},{"__ref":"Paragraph:15a385e43b8d_7"},{"__ref":"Paragraph:15a385e43b8d_8"},{"__ref":"Paragraph:15a385e43b8d_9"},{"__ref":"Paragraph:15a385e43b8d_10"},{"__ref":"Paragraph:15a385e43b8d_11"},{"__ref":"Paragraph:15a385e43b8d_12"},{"__ref":"Paragraph:15a385e43b8d_13"},{"__ref":"Paragraph:15a385e43b8d_14"},{"__ref":"Paragraph:15a385e43b8d_15"},{"__ref":"Paragraph:15a385e43b8d_16"},{"__ref":"Paragraph:15a385e43b8d_17"},{"__ref":"Paragraph:15a385e43b8d_18"},{"__ref":"Paragraph:15a385e43b8d_19"},{"__ref":"Paragraph:15a385e43b8d_20"},{"__ref":"Paragraph:15a385e43b8d_21"},{"__ref":"Paragraph:15a385e43b8d_22"},{"__ref":"Paragraph:15a385e43b8d_23"},{"__ref":"Paragraph:15a385e43b8d_24"},{"__ref":"Paragraph:15a385e43b8d_25"},{"__ref":"Paragraph:15a385e43b8d_26"},{"__ref":"Paragraph:15a385e43b8d_27"},{"__ref":"Paragraph:15a385e43b8d_28"},{"__ref":"Paragraph:15a385e43b8d_29"},{"__ref":"Paragraph:15a385e43b8d_30"},{"__ref":"Paragraph:15a385e43b8d_31"},{"__ref":"Paragraph:15a385e43b8d_32"},{"__ref":"Paragraph:15a385e43b8d_33"},{"__ref":"Paragraph:15a385e43b8d_34"},{"__ref":"Paragraph:15a385e43b8d_35"},{"__ref":"Paragraph:15a385e43b8d_36"},{"__ref":"Paragraph:15a385e43b8d_37"},{"__ref":"Paragraph:15a385e43b8d_38"},{"__ref":"Paragraph:15a385e43b8d_39"},{"__ref":"Paragraph:15a385e43b8d_40"},{"__ref":"Paragraph:15a385e43b8d_41"},{"__ref":"Paragraph:15a385e43b8d_42"},{"__ref":"Paragraph:15a385e43b8d_43"},{"__ref":"Paragraph:15a385e43b8d_44"},{"__ref":"Paragraph:15a385e43b8d_45"},{"__ref":"Paragraph:15a385e43b8d_46"},{"__ref":"Paragraph:15a385e43b8d_47"},{"__ref":"Paragraph:15a385e43b8d_48"},{"__ref":"Paragraph:15a385e43b8d_49"},{"__ref":"Paragraph:15a385e43b8d_50"},{"__ref":"Paragraph:15a385e43b8d_51"},{"__ref":"Paragraph:15a385e43b8d_52"},{"__ref":"Paragraph:15a385e43b8d_53"},{"__ref":"Paragraph:15a385e43b8d_54"},{"__ref":"Paragraph:15a385e43b8d_55"},{"__ref":"Paragraph:15a385e43b8d_56"},{"__ref":"Paragraph:15a385e43b8d_57"}]},"validatedShareKey":"","shareKeyCreator":null},"creator":{"__ref":"User:67729b873272"},"inResponseToEntityType":null,"isLocked":false,"isMarkedPaywallOnly":false,"lockedSource":"LOCKED_POST_SOURCE_NONE","mediumUrl":"https:\u002F\u002Fmedium.muz.li\u002Fcase-study-fluxwear-website-for-health-tech-product-1b53403aa08c","primaryTopic":null,"topics":[{"__typename":"Topic","slug":"design"}],"isLimitedState":false,"isPublished":true,"allowResponses":true,"latestPublishedVersion":"15a385e43b8d","visibility":"PUBLIC","postResponses":{"__typename":"PostResponses","count":0},"responseDistribution":"NOT_DISTRIBUTED","clapCount":112,"title":"Case Study: FluxWear. Website for Health Tech Product","isSeries":false,"sequence":null,"uniqueSlug":"case-study-fluxwear-website-for-health-tech-product-1b53403aa08c","socialTitle":"","socialDek":"","canonicalUrl":"","metaDescription":"","latestPublishedAt":1719742601436,"readingTime":6.1415094339622645,"previewContent":{"__typename":"PreviewContent","subtitle":"Creative process behind the stylish and informative website design for FluxWear, the company producing a health tech product reducing…"},"previewImage":{"__ref":"ImageMetadata:1*ID-TZi3yKnl796fI3y5IeA.jpeg"},"isShortform":false,"seoTitle":"","firstPublishedAt":1719568071724,"updatedAt":1732249835724,"shortformType":"SHORTFORM_TYPE_LINK","seoDescription":"","viewerEdge":{"__ref":"PostViewerEdge:postId:1b53403aa08c-viewerId:lo_eeaa05d41305"},"isSuspended":false,"license":"ALL_RIGHTS_RESERVED","tags":[{"__ref":"Tag:design"},{"__ref":"Tag:web-design"},{"__ref":"Tag:ui"},{"__ref":"Tag:ux"},{"__ref":"Tag:user-experience"}],"isFeaturedInPublishedPublication":false,"isNewsletter":false,"statusForCollection":"APPROVED","pendingCollection":null,"detectedLanguage":"en","wordCount":1230,"layerCake":6,"responsesLocked":false}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.fbbe890a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/9865.1496d74a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/main.ad61f247.js"></script><script src="https://cdn-client.medium.com/lite/static/js/instrumentation.5bef8967.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/reporting.ff22a7a5.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9120.5df29668.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5049.d1ead72d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4505.6dfaf853.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6618.db187378.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9380.fb176dee.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2707.dc8dbee4.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9977.933c1c9a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8599.68bc318b.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3045.1cc3d8cb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6349.3329b100.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2648.26563adf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8393.a4ecfb83.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6428.36238b5a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6199.6da73f3b.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5642.7d9f7f3d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6546.67eb283b.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6834.8aa8d357.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4492.0c3e1a1d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2571.6814b962.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/839.1c286b32.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6128.f8800a13.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2135.2e8dc177.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7975.60bcefe8.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/144.86429b48.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5240.6281357f.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8819.c627c2bf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8204.d0637ed0.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostPage.MainContent.a27c27dc.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8414.0d800846.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3974.8d3e0217.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2527.18a8996d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PostResponsesContent.e1e580cb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/responses.editor.e89462cb.chunk.js"></script><script>window.main();</script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9135333c0ff9fdf7',t:'MTczOTc4OTI1NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>