CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.13.7"/><meta name="theme-color" content="#fff"/><meta id="og:title" property="og:title" content="Design the right thing first: How to write a UX design brief | Sixzero" data-gatsby-head="true"/><meta id="description" property="og:description" content="Sixzero is a UX design agency focused on creating user-centered digital products. We help software companies build intuitive, data-driven experiences through user research, interface design, and embedded design support. Elevate your product with Sixzero’s expert team." data-gatsby-head="true"/><meta id="keywords" name="keywords" content="" data-gatsby-head="true"/><meta id="og:url" property="og:url" data-gatsby-head="true"/><style data-href="/styles.309d852b56681385d39f.css" data-identity="gatsby-global-css">@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn{background:var(--btn-bg);border-radius:.25rem;color:var(--btn-color);display:flex;font-size:16px;font-size:1pxrem;font-weight:500;line-height:.75;max-width:max-content;padding:1rem 1.5rem;position:relative}.btn.light{background:var(--color-white);color:var(--color-blue-primary)}.btn.dark{background:var(--color-blue-primary);color:var(--color-white)}.btn.secondary{background:transparent;border:1px solid var(--btn-bg);color:var(--btn-bg);padding:1rem 1.5rem}.btn.btn-header{background:var(--color-blue)}.btn>span{transform:translateY(1px)}.text-link{color:var(--text-link-color);display:inline-block;font-weight:500;vertical-align:top}.has-no-box-shadow{box-shadow:none}.embed-container{--video-width:1600;--video-height:1200;aspect-ratio:var(--video-width)/var(--video-height);max-width:100%;overflow:hidden;position:relative}.embed-container iframe{display:block;height:100%;left:0;position:absolute;top:0;width:100%}:root{--color-black:#000;--color-white:#fff;--color-teal-normal:#5dcfc9;--color-teal-medium:#91d0d6;--color-teal-light:#def2f1;--color-blue:#445d97;--color-blue-primary:#233147;--color-blue-secondary:#3c4857;--color-grey-normal:#b0b6bc;--color-grey-dark:#9fa6b2;--gradient-grey:linear-gradient(180deg,hsla(0,0%,100%,0),#fbfbfb 98.81%);--gradient-grey-reverse:linear-gradient(180deg,#fbfbfb,hsla(0,0%,100%,0) 98.81%);--color-bg:var(--color-white);--color-body:var(--color-blue-primary);--highlight-color:var(--color-teal-normal);--highlight-bg:var(--color-white);--btn-color:var(--color-white);--btn-bg:var(--color-teal-normal);--text-link-color:var(--color-teal-normal);--spacing-1:0.5rem;--spacing-2:1rem;--spacing-3:1.5rem;--spacing-4:2rem;--spacing-5:2.5rem;--spacing-6:3rem}.body-content{background-color:var(--color-white);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;transform:translate(0);transition:transform .3s ease-in-out;width:100vw;z-index:100}.body-content.active{pointer-events:unset;transform:translate(100%);-webkit-user-select:unset;user-select:unset}.body-content .main{display:flex;flex-direction:column;height:calc(100% - clamp(6.25rem,7.5vw,8.1rem));justify-content:space-between;margin-top:clamp(6.25rem,7.5vw,8.1rem);overflow-y:scroll;position:relative;width:100%}.body-content .main .footer,.body-content .main .template-blog,.body-content .main .template-page,.body-content .main .template-project{flex-grow:1;margin:0 auto;max-width:clamp(90rem,100vw,108rem)}*{font:inherit}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0}body{background-color:var(--color-bg,#fff);color:var(--color-body,#000);min-height:100vh}article,aside,details,figcaption,figure,footer,form legend,header,hgroup,main,menu,nav,section{display:block}menu,ol,ul{list-style:none}abbr{text-decoration:none}blockquote,q{quotes:none}button,input,select,textarea{margin:0}button{-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;letter-spacing:inherit;line-height:inherit;padding:0;text-align:inherit;text-transform:inherit}select.form-control::-ms-expand{display:none}textarea{overflow:auto;resize:vertical;vertical-align:top}input::-ms-clear{display:none}table{border-collapse:collapse;border-spacing:0}img,svg,video{max-width:100%}@font-face{ascent-override:70%;font-display:swap;font-family:PP Pangram;font-weight:400;src:url(/static/PPPangramSans-Regular-6d7967acd7f1f69fd2c29f689d51494f.eot);src:url(/static/PPPangramSans-Regular-abf3b682f30a175ad75f1bf4b779a41f.woff) format("woff"),url(/static/PPPangramSans-Regular-c15b47cc7188a984403094cc5a76cf6f.ttf) format("truetype")}@font-face{ascent-override:70%;font-display:swap;font-family:PP Pangram;font-weight:500;src:url(/static/PPPangramSans-Medium-6d2d3d528cc0ea6d17e9948aee8bd75b.eot);src:url(/static/PPPangramSans-Medium-e97da04bb797dabbd89e13154bc5d01a.woff) format("woff"),url(/static/PPPangramSans-Medium-f09a75ca51ad8c6fc6d83b43267d977c.ttf) format("truetype")}@font-face{ascent-override:70%;font-display:swap;font-family:PP Pangram;font-weight:700;src:url(/static/PPPangramSans-Bold-a5ef8714ae7a11ddd143d08f33dd06dd.eot);src:url(/static/PPPangramSans-Bold-229d5abf249d2158f3b1326c5962cab8.woff) format("woff"),url(/static/PPPangramSans-Bold-f8d18db61ce498ef9a8fcafec5fa0d9a.ttf) format("truetype")}:root{--font-primary:"PP Pangram",sans-serif}html{-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-weight:400}body{font-family:var(--font-primary)}.h1,h1{font-size:clamp(2.5rem,6.9444444444vw,7.5rem)}.h1,.h2,h1,h2{font-weight:500;line-height:110%}.h2,h2{font-size:clamp(2.5rem,5.5555555556vw,6rem)}.h3,h3{font-size:clamp(1.875rem,3.75vw,4.05rem)}.h3,.h4,h3,h4{font-weight:500;line-height:120%}.h4,h4{font-size:clamp(1.625rem,3.0555555556vw,3.3rem)}.h5,h5{font-size:clamp(1.4375rem,2.2222222222vw,2.4rem);line-height:120%}.h5,.h6,h5,h6{font-weight:500}.h6,h6{font-size:clamp(1.0625rem,1.5972222222vw,1.725rem);line-height:150%}.text-small{font-size:clamp(.8125rem,.9027777778vw,.975rem);font-weight:400}.text-normal{font-size:clamp(1rem,1.1805555556vw,1.275rem);font-weight:400;line-height:1.88}.block-multi-section__wrapper .block-ordered-list__card__item__index,.text-bold{font-size:clamp(.9375rem,1.1805555556vw,1.275rem);font-weight:700;line-height:1.88}.text-book{font-size:clamp(1.125rem,1.25vw,1.35rem);font-weight:400;line-height:1.77}.text-large{font-size:clamp(1.4375rem,1.5972222222vw,1.725rem);font-weight:400;line-height:150%}@media(max-width:768px){.h1,.h2,.h3,h1,h2,h3{line-height:120%}.h4,.h5,h4,h5{line-height:130%}.h6,h6{line-height:150%}.text-normal{line-height:180%}}.font-bold{font-weight:500}.highlight{background-color:#0b122f;border-radius:.25rem;color:var(--color-white);padding:.25rem}.accent{font-size:clamp(.9375rem,1.0416666667vw,1.125rem);font-weight:400;letter-spacing:1.5px;line-height:1.15;text-transform:uppercase}.text-grey-dark{color:var(--color-grey-dark)}.text-grey-normal{color:var(--color-grey-normal)}a{color:inherit;text-decoration:none}b,strong{font-weight:700}em,i{font-style:italic}.block-case-study{align-items:center;display:flex;gap:clamp(2.5rem,6.1111111111vw,6.6rem);max-width:min(83.3333333333vw,90rem);position:relative;width:100%}@media(max-width:1024px){.block-case-study{align-items:center;flex-direction:column}.block-case-study .block-case-study__wrapper{order:-1}}.block-case-study__header{display:flex;flex-direction:column;min-width:min(24.1666666667vw,26.1rem);position:relative;row-gap:clamp(1rem,1.1111111111vw,1.2rem)}@media(max-width:768px){.block-case-study__header{align-items:center;min-width:100%;text-align:center}}.block-case-study__header .btn{align-self:flex-start;margin-top:clamp(1rem,1.1111111111vw,1.2rem)}@media(max-width:768px){.block-case-study__header .btn{align-self:unset}}.block-case-study__wrapper{display:flex;justify-content:flex-end;max-height:clamp(10rem,42.7777777778vw,46.2rem)!important}.block-case-study__wrapper.gatsby-image picture{padding-top:100%}.block-case-study.align-left{padding:clamp(1.5rem,3.8888888889vw,4.2rem) clamp(1.5rem,7.2222222222vw,7.8rem) clamp(2.5rem,3.8888888889vw,4.2rem) 0}@media(max-width:1024px){.block-case-study.align-left{padding:clamp(1.5rem,3.8888888889vw,4.2rem)}}.block-case-study.align-left .block-case-study__wrapper{justify-content:flex-start;order:-1}.block-case-study.align-left .block-case-study__wrapper .gatsby-image__image{margin-right:auto}.block-case-study.align-left-full-height{padding:0 clamp(1.5rem,7.2222222222vw,7.8rem) 0 clamp(1.5rem,3.3333333333vw,3.6rem)}@media(max-width:1024px){.block-case-study.align-left-full-height{padding:clamp(1.5rem,3.8888888889vw,4.2rem)}}.block-case-study.align-left-full-height .block-case-study__wrapper{justify-content:flex-start;max-height:clamp(16.4375rem,50.625vw,54.675rem)!important;order:-1}.block-case-study.align-left-full-height .block-case-study__wrapper .gatsby-image__image{margin-right:auto}@media(max-width:1024px){.block-case-study.align-left-full-height .block-case-study__wrapper .gatsby-image__image{margin:auto}}.block-case-study.align-right{padding:clamp(1.5rem,3.8888888889vw,4.2rem) 0 clamp(1.5rem,3.8888888889vw,4.2rem) clamp(1.5rem,7.2222222222vw,7.8rem)}@media(max-width:1024px){.block-case-study.align-right{padding:clamp(1.5rem,3.8888888889vw,4.2rem)}}.block-case-study.align-right .block-case-study__wrapper .gatsby-image__image{margin-left:auto}.block-case-study.align-right-full-height{padding:0 clamp(1.5rem,3.3333333333vw,3.6rem) 0 clamp(1.5rem,7.2222222222vw,7.8rem)}@media(max-width:1024px){.block-case-study.align-right-full-height{padding:clamp(1.5rem,3.8888888889vw,4.2rem)}}.block-case-study.align-right-full-height .block-case-study__wrapper{max-height:clamp(16.4375rem,50.625vw,54.675rem)!important}.block-case-study.align-right-full-height .block-case-study__wrapper .gatsby-image__image{margin-left:auto}@media(max-width:1024px){.block-case-study.align-right-full-height .block-case-study__wrapper .gatsby-image__image{margin:auto}}.block-contact-callout{padding:clamp(5rem,11.1111111111vw,12rem) 0;position:relative;width:100%}.block-contact-callout__wrapper{align-items:center;display:flex;flex-direction:column;text-align:center}.block-contact-callout__wrapper .h6{color:var(--color-grey-normal)}.block-contact-callout__wrapper .btn{margin-top:clamp(1rem,1.6666666667vw,1.8rem)}.block-contact-form{display:flex;gap:clamp(4rem,9.4444444444vw,10.2rem);justify-content:space-between;position:relative;width:100%}@media(max-width:768px){.block-contact-form{flex-direction:column}}.block-contact-form__form{display:flex;flex-direction:column;row-gap:clamp(1.5rem,1.6666666667vw,1.8rem);width:100%}.block-contact-form__form input,.block-contact-form__form select,.block-contact-form__form textarea{border:none;border-bottom:1px solid var(--color-grey-normal);border-radius:0;display:block;padding:clamp(1.25rem,1.3888888889vw,1.5rem) clamp(.75rem,.8333333333vw,.9rem);position:relative}.block-contact-form__form input:focus,.block-contact-form__form select:focus,.block-contact-form__form textarea:focus{border-radius:.5rem;outline:2px solid var(--color-teal-normal)}.block-contact-form__form textarea{min-height:45%}.block-contact-form__form .btn{align-self:flex-end}.block-contact-form__form .btn,.block-contact-form__form input,.block-contact-form__form select,.block-contact-form__form textarea{transition:opacity .3s ease-in-out}.block-contact-form__form .btn:disabled,.block-contact-form__form input:disabled,.block-contact-form__form select:disabled,.block-contact-form__form textarea:disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.block-contact-form__error,.block-contact-form__success{text-align:center}.block-content{align-items:center;display:flex;justify-content:center;margin:0 auto;position:relative;width:100%}.block-content.has-background{padding:clamp(4rem,8.8888888889vw,9.6rem) clamp(2.5rem,4.4444444444vw,4.8rem)}.block-content.left .rich-text{text-align:left}.block-content.right .rich-text{text-align:right}.block-content.center .rich-text{text-align:center}.block-content__wrapper{display:flex;flex-direction:column;max-width:min(55.5555555556vw,60rem);row-gap:var(--spacing-3)}@media(max-width:1024px){.block-content__wrapper{max-width:100%}}.block-multi-section .block-content.has-background{background-color:transparent;padding:0}.block-multi-section .block-content.left{justify-content:flex-start}.block-multi-section .block-content.right{justify-content:flex-end}.block-multi-section .block-content.center{justify-content:center}.block-header{margin-right:auto;max-width:min(71.1111111111vw,76.8rem);position:relative;width:100%}@media(max-width:1024px){.block-header{max-width:100%}}.block-logos{display:flex;gap:clamp(2rem,2.2222222222vw,2.4rem);justify-content:space-between;position:relative;width:100%}@media(max-width:768px){.block-logos{flex-wrap:wrap;justify-content:space-evenly}}.block-logos__logo{position:relative;width:100%}@media(max-width:768px){.block-logos__logo{flex-basis:33.3333333333%}}.block-logos__logo>.gatsby-image{display:flex;max-height:clamp(2.5rem,2.7777777778vw,3rem)}.block-logos__logo>.gatsby-image .gatsby-image__image{margin:0 auto}.block-media-columns{column-gap:clamp(1.5rem,2.2222222222vw,2.4rem);display:grid;position:relative;width:100%}@media(max-width:768px){.block-media-columns{column-gap:0}}.block-media-columns.layout-1{grid-template-columns:repeat(2,1fr)}.block-media-columns.layout-1>:first-child,.block-media-columns.layout-1>:last-child{grid-column:span 1}.block-media-columns.layout-2{grid-template-columns:repeat(3,1fr)}.block-media-columns.layout-2>:nth-child(2n-1){grid-column:span 1}.block-media-columns.layout-2>:nth-child(2n-1) picture{height:100%;padding-top:0}.block-media-columns.layout-2>:nth-child(2n-1) picture img{object-fit:cover!important}@media(max-width:768px){.block-media-columns.layout-2>:nth-child(2n-1) picture{height:0;padding-top:calc(var(--ratio)*100%)}.block-media-columns.layout-2>:nth-child(2n-1) picture img{object-fit:contain!important}}.block-media-columns.layout-2>:nth-child(2n){grid-column:span 2}.block-media-columns.layout-3{grid-template-columns:repeat(3,1fr)}.block-media-columns.layout-3>:nth-child(2n){grid-column:span 1}.block-media-columns.layout-3>:nth-child(2n) picture{height:100%;padding-top:0}.block-media-columns.layout-3>:nth-child(2n) picture img{object-fit:cover!important}@media(max-width:768px){.block-media-columns.layout-3>:nth-child(2n) picture{height:0;padding-top:calc(var(--ratio)*100%)}.block-media-columns.layout-3>:nth-child(2n) picture img{object-fit:contain!important}}.block-media-columns.layout-3>:nth-child(2n-1){grid-column:span 2}@media(max-width:768px){.block-media-columns{grid-template-columns:repeat(1,1fr)!important}.block-media-columns>*{grid-column:span 1}.block-media-columns>.block-media-columns__container:first-of-type{grid-row-start:1}.block-media-columns>.block-media-columns__content:nth-of-type(3){grid-row-start:2;margin-bottom:clamp(1.5rem,2.2222222222vw,2.4rem)}.block-media-columns>.block-media-columns__container:nth-of-type(2){grid-row-start:3}.block-media-columns>.block-media-columns__content:nth-of-type(4){grid-row-start:4}}.block-media-columns__container{display:flex;flex-direction:column;height:100%;row-gap:clamp(1rem,1.3888888889vw,1.5rem);width:100%}.block-media-columns__wrapper{flex-grow:1;height:max-content;width:100%}.block-media-columns__wrapper.has-background{padding:clamp(2.5rem,5vw,5.4rem) clamp(2rem,4.1666666667vw,4.5rem)}.block-media-columns__content{display:flex;flex-direction:column;padding-top:clamp(1.5rem,2.2222222222vw,2.4rem);row-gap:.25rem}.block-media-columns__content.has-background{padding:0 clamp(2.5rem,5vw,5.4rem) clamp(2rem,4.1666666667vw,4.5rem)}.block-media-grid{display:grid;gap:clamp(1.5rem,2.2222222222vw,2.4rem);position:relative;width:100%}.block-media-grid__wrapper{align-items:center;display:flex;justify-content:center;padding:clamp(1rem,4.4444444444vw,4.8rem);position:relative}.block-media-grid .block-media-grid__wrapper:first-child,.block-media-grid .block-media-grid__wrapper:nth-child(2){max-height:min(39.9305555556vw,43.125rem)}.block-media-grid .block-media-grid__wrapper:first-child .gatsby-image picture,.block-media-grid .block-media-grid__wrapper:nth-child(2) .gatsby-image picture{padding-top:min(var(--ratio)*100%,min(40.5555555556vw,43.8rem) - min(8.8888888889vw,9.6rem))}.block-media-grid .block-media-grid__wrapper:first-child .gatsby-image picture .gatsby-image__image,.block-media-grid .block-media-grid__wrapper:nth-child(2) .gatsby-image picture .gatsby-image__image{margin:auto}@media(max-width:768px){.block-media-grid .block-media-grid__wrapper:first-child,.block-media-grid .block-media-grid__wrapper:nth-child(2){max-height:unset}.block-media-grid .block-media-grid__wrapper:first-child .gatsby-image picture,.block-media-grid .block-media-grid__wrapper:nth-child(2) .gatsby-image picture{padding-top:100%}}.block-media-grid .block-media-grid__wrapper:nth-child(3){max-height:min(82.0833333333vw,88.65rem)}.block-media-grid .block-media-grid__wrapper:nth-child(3) .gatsby-image{height:auto}.block-media-grid .block-media-grid__wrapper:nth-child(3) .gatsby-image picture{padding-top:min(var(--ratio)*100%,min(82.0833333333vw,88.65rem) - min(8.8888888889vw,9.6rem))}.block-media-grid .block-media-grid__wrapper:nth-child(3) .gatsby-image picture .gatsby-image__image{margin:auto}@media(max-width:768px){.block-media-grid .block-media-grid__wrapper:nth-child(3){max-height:unset}.block-media-grid .block-media-grid__wrapper:nth-child(3) .gatsby-image picture{padding-top:150%}}.block-media-grid.style-1{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.block-media-grid.style-1{grid-template-columns:repeat(1,1fr)}}.block-media-grid.style-1 .block-media-grid__wrapper:first-child,.block-media-grid.style-1 .block-media-grid__wrapper:nth-child(2){grid-column:1/span 1}@media(max-width:768px){.block-media-grid.style-1 .block-media-grid__wrapper:first-child,.block-media-grid.style-1 .block-media-grid__wrapper:nth-child(2){grid-column:1/-1}}.block-media-grid.style-1 .block-media-grid__wrapper:nth-child(3){grid-column:2/span 2;grid-row:1/span 2}@media(max-width:768px){.block-media-grid.style-1 .block-media-grid__wrapper:nth-child(3){grid-column:1/-1;grid-row:3}}.block-media-grid.style-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.block-media-grid.style-2{grid-template-columns:repeat(1,1fr)}}.block-media-grid.style-2 .block-media-grid__wrapper:first-child,.block-media-grid.style-2 .block-media-grid__wrapper:nth-child(2){grid-column:1/span 1}@media(max-width:768px){.block-media-grid.style-2 .block-media-grid__wrapper:first-child,.block-media-grid.style-2 .block-media-grid__wrapper:nth-child(2){grid-column:1/-1}}.block-media-grid.style-2 .block-media-grid__wrapper:nth-child(3){grid-column:2/span 1;grid-row:1/span 2;height:100%;padding:0 clamp(0rem,5.55vw,5rem)}@media(max-width:768px){.block-media-grid.style-2 .block-media-grid__wrapper:nth-child(3){grid-column:1/-1;grid-row:3;padding:0}}.block-media-section{display:flex;flex-direction:column;height:auto;position:relative;row-gap:clamp(1rem,1.3888888889vw,1.5rem);width:100%}.block-media-section__wrapper{align-items:center;display:flex;justify-content:center;margin:0 auto;width:100%}.block-media-section__wrapper.full-width{flex-shrink:0;width:calc(100% + clamp(4rem,16.6666666667vw,18rem))}.block-media-section__wrapper.full-width .gatsby-image-wrapper{overflow:visible}.block-media-section__wrapper.has-background{padding:clamp(2.25rem,7.6666666667vw,8.28rem) clamp(1.5rem,6.6666666667vw,7.2rem) clamp(2.25rem,8.6111111111vw,9.3rem)}.block-media-section__content{display:flex;flex-direction:column;row-gap:.25rem}.block-media-section img{display:block;height:auto;width:100%!important}.block-media-section iframe,.block-media-section video{display:block;height:100%;width:100%}.block-multi-section{position:relative;width:100%}.block-multi-section.has-background{background-color:#eef2fa;padding:clamp(2.5rem,8.8888888889vw,9.6rem) clamp(1.5rem,5.5555555556vw,6rem)}.block-multi-section__wrapper{align-items:center;display:flex;flex-direction:column;gap:clamp(2rem,6.6666666667vw,7.2rem);justify-content:center;position:relative;width:100%}.block-multi-section__wrapper>section>*{max-width:clamp(50rem,55.5555555556vw,60rem)}.block-multi-section__wrapper>section>.block-image-full-width{max-width:100%}.block-multi-section__wrapper .block-ordered-list{padding:0}.block-multi-section__wrapper .block-ordered-list__card__item__index{color:#79beef}.block-next-project{position:relative;width:100%}.block-next-project__wrapper{align-items:center;background-color:#f9f9f9;column-gap:min(16.1111111111vw,17.4rem);display:flex;padding:clamp(2.5rem,3.3333333333vw,3.6rem) clamp(2rem,4.4444444444vw,4.8rem) 0}@media(max-width:768px){.block-next-project__wrapper{padding:clamp(2.5rem,3.3333333333vw,3.6rem) clamp(2rem,4.4444444444vw,4.8rem)}}.block-next-project__wrapper header{display:flex;flex-direction:column;row-gap:clamp(.5rem,.5555555556vw,.6rem)}.block-next-project__wrapper .gatsby-image{display:block}@media(max-width:768px){.block-next-project__wrapper .gatsby-image{display:none}}.block-ordered-list{column-gap:var(--spacing-4);display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:min(79.9305555556vw,86.325rem);padding:0 clamp(0rem,1.8055555556vw,1.95rem);position:relative;row-gap:clamp(1.5rem,2.2222222222vw,2.4rem);width:100%}@media(max-width:768px){.block-ordered-list{grid-template-columns:repeat(1,1fr);padding:0}}.block-ordered-list__card{border-radius:1.5rem;display:flex;flex-direction:column;padding:clamp(2rem,2.7777777778vw,3rem);position:relative;row-gap:clamp(1.5rem,3.3333333333vw,3.6rem);width:100%}.block-ordered-list__card__title{background-color:#5dcfc9;color:#fff}@media(max-width:768px){.block-ordered-list__card__title{aspect-ratio:1/1}}.block-ordered-list__card__item{background-color:#f9f9f9}@media(max-width:768px){.block-ordered-list__card__item{padding:clamp(2.5rem,2.7777777778vw,3rem) clamp(2rem,2.2222222222vw,2.4rem)}}.block-ordered-list__card__item__image{aspect-ratio:1/1;background-color:#c4c4c4;max-width:clamp(10rem,13.8888888889vw,15rem);position:relative;width:100%}.block-ordered-list__card__item__image img{height:auto}.block-ordered-list__card__item__index{color:var(--color-grey-normal);margin-bottom:clamp(.7rem,1.6666666667vw,1.8rem);text-transform:uppercase}.block-ordered-list__card__item__content{display:flex;flex-direction:column;row-gap:clamp(.75rem,.8333333333vw,.9rem)}.block-project-info{background-color:var(--color-blue-primary);color:var(--color-white);column-gap:clamp(1rem,1.3888888889vw,1.5rem);display:grid;grid-template-columns:repeat(4,1fr);padding:clamp(3rem,5.5555555556vw,6rem) clamp(2.5rem,4.4444444444vw,4.8rem);position:relative;width:100%}@media(max-width:768px){.block-project-info{display:flex;flex-direction:column;row-gap:var(--spacing-4)}}.block-testimonial{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.block-testimonial.has-background{padding:clamp(4.5rem,11.6666666667vw,12.6rem) clamp(2rem,5.8333333333vw,6.3rem)}.block-testimonial__wrapper{display:flex;flex-direction:column;max-width:min(55.5555555556vw,60rem);row-gap:clamp(1.5rem,1.6666666667vw,1.8rem)}@media(max-width:1024px){.block-testimonial__wrapper{max-width:100%}}.block-testimonial__wrapper__person{align-items:center;column-gap:clamp(1.5rem,1.6666666667vw,1.8rem);display:flex}.block-testimonial__wrapper__person__details{display:flex;flex-direction:column;row-gap:clamp(.25rem,.2777777778vw,.3rem);text-transform:uppercase}.block-testimonial__wrapper__person__details p{color:var(--color-grey-normal)}.block-testimonial__wrapper__person__image{border-radius:999px;height:max-content;max-width:clamp(3rem,3.3333333333vw,3.6rem);overflow:hidden}.block-testimonials{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.block-testimonials.has-background{padding:clamp(4.5rem,11.6666666667vw,12.6rem) clamp(2rem,5.8333333333vw,6.3rem)}.block-testimonials .swiper-wrapper{align-items:center}.block-testimonials .swiper-pagination-bullet{background-color:var(--color-blue-primary)}.block-testimonials .swiper-button-next,.block-testimonials .swiper-button-prev{color:var(--color-blue-primary)}@media(max-width:1024px){.block-testimonials .swiper-button-next,.block-testimonials .swiper-button-prev{display:none}}.block-testimonials .swiper-button-next:after,.block-testimonials .swiper-button-prev:after{font-family:unset!important}.block-testimonials .swiper-button-prev:after{content:"←"}.block-testimonials .swiper-button-next:after{content:"→"}.block-testimonials__list{display:flex;flex-direction:column;row-gap:clamp(3rem,3.3333333333vw,3.6rem);width:100%}.block-testimonials__list__item{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-bottom:clamp(4rem,4.4444444444vw,4.8rem);position:relative;row-gap:clamp(2rem,2.2222222222vw,2.4rem);width:100%}@media(max-width:1024px){.block-testimonials__list__item{padding-bottom:clamp(2rem,2.2222222222vw,2.4rem)}}.block-testimonials__list__item blockquote{max-width:min(60.5555555556vw,65.4rem);text-align:center}@media(max-width:1024px){.block-testimonials__list__item blockquote{max-width:100%}}.block-testimonials__list__item blockquote .rich-text *{font-size:clamp(1.4375rem,2.2222222222vw,2.4rem);font-weight:400;line-height:120%}.block-testimonials__list__item__person{align-items:center;display:flex;flex-direction:column;gap:clamp(.75rem,.8333333333vw,.9rem)}.block-testimonials__list__item__person__image{border-radius:999px;height:max-content;max-width:clamp(3rem,3.3333333333vw,3.6rem);overflow:hidden}.block-testimonials__list__item__person__details{align-items:center;display:flex;flex-direction:column;row-gap:clamp(.25rem,.2777777778vw,.3rem);text-transform:uppercase}.block-testimonials__list__item__person__details p{color:var(--color-grey-normal)}.block-text-and-media{align-items:center;display:flex;gap:clamp(2rem,9.4444444444vw,10.2rem);max-width:min(100vw,108rem);position:relative;width:100%}@media(max-width:1024px){.block-text-and-media{flex-direction:column;padding:0;width:100%!important}}.block-text-and-media.has-background{background-color:var(--color-blue-primary);color:#fff;padding:clamp(4rem,8.8888888889vw,9.6rem) clamp(2.5rem,5.5555555556vw,6rem)}.block-text-and-media.has-background .block-text-and-media__wrapper{padding:0}.block-text-and-media.full-bleed{flex-shrink:0;width:calc(100% + min(16.6666666667vw,18rem))}.block-text-and-media.full-bleed.left{padding-right:min(8.3333333333vw,9rem)}@media(max-width:1024px){.block-text-and-media.full-bleed.left{padding:0}}.block-text-and-media.full-bleed.right{padding-left:min(8.3333333333vw,9rem)}@media(max-width:1024px){.block-text-and-media.full-bleed.right{padding:0}}.block-text-and-media>header{display:flex;flex-direction:column;max-width:min(33.3333333333vw,36rem);position:relative;row-gap:var(--spacing-3);width:100%}.block-text-and-media>header .rich-text{row-gap:clamp(1rem,1.1111111111vw,1.2rem)}@media(max-width:1024px){.block-text-and-media>header{max-width:100%}.block-text-and-media>header .rich-text{align-items:center}}.block-text-and-media__wrapper{display:flex;justify-content:center;max-height:clamp(21.0625rem,42.7777777778vw,46.2rem)!important;padding:clamp(1.5rem,3.0208333333vw,3.2625rem);width:100%}@media(max-width:1024px){.block-text-and-media__wrapper{order:-1!important}}.block-text-and-media__wrapper .video__wrapper,.block-text-and-media__wrapper.gatsby-image picture{padding-top:100%}.block-text-and-media__wrapper.align-left{order:-1}.block-text-and-media__wrapper.align-left .gatsby-image__image{margin:0 auto}.block-text-and-media__wrapper.align-left.full-bleed{justify-content:flex-start;max-height:clamp(21.0625rem,60.75vw,65.61rem)!important}.block-text-and-media__wrapper.align-left.full-bleed .gatsby-image__image{margin:unset;margin-right:auto}@media(max-width:1024px){.block-text-and-media__wrapper.align-left.full-bleed .gatsby-image__image{margin:0 auto}}.block-text-and-media__wrapper.align-right{order:2}.block-text-and-media__wrapper.align-right .gatsby-image__image{margin:0 auto}.block-text-and-media__wrapper.align-right.full-bleed{justify-content:flex-end;max-height:clamp(21.0625rem,60.75vw,65.61rem)!important}.block-text-and-media__wrapper.align-right.full-bleed .gatsby-image__image{margin:unset;margin-left:auto}@media(max-width:1024px){.block-text-and-media__wrapper.align-right.full-bleed .gatsby-image__image{margin:0 auto}}.block-text-and-media__wrapper.has-background picture{padding-top:100%}.block-text-and-media__wrapper.has-background.padding-top{padding-top:0}.block-text-and-media__wrapper.has-background.padding-bottom{padding-bottom:0}.block-three-columns-section{display:flex;flex-direction:column;gap:clamp(2rem,4.4444444444vw,4.8rem);position:relative;width:100%}.block-three-columns-section header{text-align:center}@media(max-width:1024px){.block-three-columns-section header{text-align:left}}.block-three-columns-section__columns{column-gap:clamp(1.25rem,1.3888888889vw,1.5rem);display:grid;grid-template-columns:repeat(3,1fr);row-gap:clamp(2rem,2.2222222222vw,2.4rem)}@media(max-width:1024px){.block-three-columns-section__columns{grid-template-columns:repeat(1,1fr)}}.block-three-columns-section__columns__item{display:flex;flex-direction:column;gap:.75rem}.block-three-columns-section__columns__item__icon{max-width:clamp(3.75rem,6.9444444444vw,7.5rem)}html{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}body{height:100%;margin:0 auto;max-width:1728px}.gatsby-image-wrapper{width:100%}img{max-width:100%}iframe,img{display:block}iframe{height:100%;width:100%}.page-section{position:relative;width:100%}.card{background:var(--color-white);box-shadow:0 1.5rem 2.5rem rgba(5,29,61,.05);display:flex;flex-direction:column}.card,.card .card-image{height:100%}.card .card-copy{display:flex;flex-direction:column;padding:clamp(1.5rem,1.6666666667vw,1.8rem);row-gap:1rem}.card .card-copy .published{display:block;text-transform:uppercase}.footer{align-items:center;display:flex;flex-direction:column;height:max(11.1111111111vw,12rem);padding:clamp(1.5rem,2.2222222222vw,2.4rem);position:relative;row-gap:clamp(1.5rem,1.6666666667vw,1.8rem);width:100%}.footer,.footer .navigation.menu{justify-content:center}.footer .navigation.menu .dropdown{bottom:100%}.footer .navigation.menu .dropdown>div:first-child{order:2}.header{align-items:center;background-color:var(--color-white);column-gap:min(2.2222222222vw,2.4rem);display:flex;justify-content:flex-start;left:0;padding:clamp(1.5rem,2.4305555556vw,2.625rem) max(1.6666666667vw,1.8rem);position:fixed;right:0;top:0;z-index:100}@media(max-width:1024px){.header{justify-content:center}}.logo{height:clamp(1.25rem,1.3888888889vw,1.5rem)}.logo,.logo img{display:block;width:auto}.logo img{height:100%}.gatsby-image{height:100%}.gatsby-image,.gatsby-image picture{max-height:inherit;position:relative;width:100%}.gatsby-image picture{display:block;height:0;overflow:hidden;padding-top:calc(var(--ratio)*100%)}.gatsby-image__image{bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;inset:0;max-height:inherit;width:auto}.menu-toggle{display:none;left:1.5rem;padding:.25rem 0;position:fixed;top:1.5rem;z-index:200}.menu-toggle .sr-only{display:none}.menu-toggle .hamburger-icon{display:flex;flex-direction:column;height:1rem;justify-content:space-between;width:1.5rem}.menu-toggle .hamburger-icon .hamburger-icon__line{background-color:var(--color-teal-normal);border-radius:2px;display:block;height:.125rem;position:relative;transition:all .3s ease;width:100%}.menu-toggle .hamburger-icon .hamburger-icon__line:first-child,.menu-toggle .hamburger-icon .hamburger-icon__line:nth-child(2),.menu-toggle .hamburger-icon .hamburger-icon__line:nth-child(3){transform:translateY(0)}.menu-toggle .hamburger-icon.is-active .hamburger-icon__line{background-color:var(--color-white)}.menu-toggle .hamburger-icon.is-active .hamburger-icon__line:first-child{transform:translateY(350%) rotate(135deg)}.menu-toggle .hamburger-icon.is-active .hamburger-icon__line:nth-child(2){opacity:0}.menu-toggle .hamburger-icon.is-active .hamburger-icon__line:nth-child(3){transform:translateY(-350%) rotate(45deg)}@media(max-width:1024px){.menu-toggle{display:block}}.navigation>ul{align-items:center;column-gap:min(1.6666666667vw,1.8rem);display:flex;margin-top:min(.4166666667vw,.45rem)}@media(max-width:1024px){.navigation>ul{align-items:start;column-gap:unset;flex-direction:column;row-gap:max(1.6666666667vw,1.8rem)}}.navigation>ul>li .link,.navigation>ul>li p.accent{position:relative;z-index:10}.navigation>ul>li.has-dropdown{display:flex;flex-direction:column;position:relative}.navigation>ul>li.has-dropdown p{cursor:pointer}.navigation>ul>li.has-dropdown:hover .dropdown{opacity:1;pointer-events:unset;-webkit-user-select:unset;user-select:unset}.navigation>ul>li.has-dropdown .dropdown{display:flex;flex-direction:column;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease-in-out;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.navigation>ul>li.has-dropdown .dropdown{background-color:unset;box-shadow:unset;display:block;opacity:1;pointer-events:unset;position:relative;top:unset;-webkit-user-select:unset;user-select:unset}}.navigation>ul>li.has-dropdown .dropdown>div:first-child{background-color:transparent;height:min(2.2222222222vw,2.4rem);width:100%}@media(max-width:1024px){.navigation>ul>li.has-dropdown .dropdown>div:first-child{display:none}}.navigation>ul>li.has-dropdown .dropdown>ul{background:var(--color-white);border-radius:.5rem;box-shadow:0 1rem 1.25rem rgba(5,29,61,.06);display:flex;flex-direction:column;gap:min(.5555555556vw,.6rem);padding:min(1.1111111111vw,1.2rem);position:relative;white-space:nowrap}@media(max-width:1024px){.navigation>ul>li.has-dropdown .dropdown>ul{background:transparent;box-shadow:unset;gap:max(.5555555556vw,.6rem);margin-left:max(1.1111111111vw,1.2rem);margin-top:max(1.1111111111vw,1.2rem);padding:unset}}.navigation.menu{display:flex;justify-content:space-between;width:100%}@media(max-width:1024px){.navigation.menu{display:none}}.navigation.mobile-menu{display:none;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.navigation.mobile-menu{background-color:var(--color-blue-primary);bottom:0;color:var(--color-white);display:block;height:100vh;left:0;padding:4.25rem 2.5rem;pointer-events:unset;position:absolute;right:0;top:0;-webkit-user-select:unset;user-select:unset;width:100vw}}.preview-indicator{align-items:flex-end;display:flex;height:100vh;inset:0;justify-content:center;pointer-events:none;position:fixed;width:100vw;z-index:140}.preview-indicator__wrapper{align-items:center;background-color:var(--color-white);border:1px solid var(--color-blue-primary);border-radius:.375rem;color:var(--color-blue-primary);display:inline-flex;font-size:.625rem;font-weight:300;gap:.375rem;margin-bottom:1.5rem;padding:.5rem .75rem}.preview-indicator__wrapper svg{fill:var(--color-teal-normal);animation:none;background-color:var(--color-white);height:.5rem;transition:all 1s;width:.5rem}.preview-indicator__wrapper svg.is-loading{fill:var(--color-blue-primary);animation:pulse 1s infinite}.rich-text{display:flex;flex-direction:column;position:relative;row-gap:clamp(1.5rem,2.2222222222vw,2.4rem);white-space:pre-line;width:100%}.unpublished{background-color:#fffbeb;border-radius:1rem;margin-top:3rem;padding:1rem}.unpublished__wrapper{align-items:center;display:flex}.unpublished__wrapper__icon{flex-shrink:0}.unpublished__wrapper__icon svg{color:#b45309;height:1.5rem;width:1.5rem}.unpublished__wrapper__content{margin-left:.75rem}.unpublished__wrapper__content h3{margin-bottom:.25rem}.unpublished__wrapper__content h3,.unpublished__wrapper__content p{color:#b45309;font-size:clamp(.8125rem,.9027777778vw,.975rem)}.video__wrapper{height:100%;padding-top:56.25%;position:relative;width:100%}.video__iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.page-404{text-align:center}.page-404__wrapper{align-items:center;display:flex;flex-direction:column;gap:min(2.2222222222vw,2.4rem);margin:0 auto;max-width:min(66.6666666667vw,72rem)}.page-blog .blog-grid{column-gap:2.5rem;display:grid;grid-template-columns:repeat(2,1fr);row-gap:2.5rem}@media(max-width:768px){.page-blog .blog-grid{grid-template-columns:repeat(1,1fr)}}.page-404,.page-blog{padding:clamp(2.5rem,7.2222222222vw,7.8rem) clamp(2rem,8.3333333333vw,9rem) clamp(0rem,6.6666666667vw,7.2rem);row-gap:clamp(5rem,8.3333333333vw,9rem)}@media(max-width:768px){.page-404,.page-blog{padding-bottom:0}}.portable-text-highlight{border-radius:.25rem;padding:.25rem .5rem;position:relative}.portable-text-image{display:block;height:100%;margin:clamp(2rem,4.44vw,4rem) 0;position:relative;width:100%}.portable-text-link{display:inline-block;position:relative;text-decoration:underline}.portable-text-link:hover{text-decoration:none}.portable-text-quote{background-color:#f6f6f6;display:block;height:100%;margin:4rem 0;padding:3rem 4.5rem;position:relative;width:100%}@media(max-width:768px){.portable-text-quote{padding:4.5rem 2rem}}.portable-text-color{position:relative}.template-blog{width:100%}.template-blog,.template-blog__heading{display:flex;flex-direction:column;position:relative}.template-blog__heading{background:var(--color-white);margin:auto;max-width:clamp(64rem,71.1111111111vw,76.8rem);row-gap:1.5rem}@media(max-width:768px){.template-blog__heading{margin:0}}.template-blog__content{margin:0 auto;max-width:clamp(50rem,55.5555555556vw,60rem)}@media(max-width:768px){.template-blog__content{max-width:100%}}.template-blog__content h4{margin:1.75rem 0}.template-page{align-items:center;display:flex;flex-direction:column;position:relative}.template-page>section{align-items:center;display:flex;justify-content:center;width:100%}.template-project{align-items:center}.template-project,.template-project .project-header{display:flex;flex-direction:column;position:relative}.template-project .project-header{margin-right:auto;row-gap:var(--spacing-4);width:66.6666666667%}.template-project .project-header .project-description{color:var(--color-blue-primary);opacity:.5}@media(max-width:768px){.template-project .project-header{margin-bottom:calc(clamp(2.5rem,4.1666666667vw,4.5rem)*-1);width:100%}}.template-project>section{align-items:center;display:flex;justify-content:center;width:100%}.template-blog,.template-page,.template-project{padding:clamp(2.5rem,7.2222222222vw,7.8rem) clamp(2rem,8.3333333333vw,9rem) clamp(0rem,6.6666666667vw,7.2rem);row-gap:clamp(5rem,8.3333333333vw,9rem);width:100%}@media(max-width:768px){.template-blog,.template-page,.template-project{padding-bottom:0}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}</style><link rel="preconnect" href="https://cdn.sanity.io"/><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><link rel="icon" href="/favicon-32x32.png?v=9eecadc2df0354c34bf017d1571c0704" type="image/png"/><link rel="icon" href="/favicon.svg?v=9eecadc2df0354c34bf017d1571c0704" type="image/svg+xml"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=9eecadc2df0354c34bf017d1571c0704"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=9eecadc2df0354c34bf017d1571c0704"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=9eecadc2df0354c34bf017d1571c0704"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=9eecadc2df0354c34bf017d1571c0704"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=9eecadc2df0354c34bf017d1571c0704"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=9eecadc2df0354c34bf017d1571c0704"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=9eecadc2df0354c34bf017d1571c0704"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=9eecadc2df0354c34bf017d1571c0704"/><link rel="sitemap" type="application/xml" href="/sitemap-index.xml"/><script data-gatsby="web-vitals-polyfill"> !function(){var e,t,n,i,r={passive:!0,capture:!0},a=new Date,o=function(){i=[],t=-1,e=null,f(addEventListener)},c=function(i,r){e||(e=r,t=i,n=new Date,f(removeEventListener),u())},u=function(){if(t>=0&&t<n-a){var r={entryType:"first-input",name:e.type,target:e.target,cancelable:e.cancelable,startTime:e.timeStamp,processingStart:e.timeStamp+t};i.forEach((function(e){e(r)})),i=[]}},s=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){c(e,t),a()},i=function(){a()},a=function(){removeEventListener("pointerup",n,r),removeEventListener("pointercancel",i,r)};addEventListener("pointerup",n,r),addEventListener("pointercancel",i,r)}(t,e):c(t,e)}},f=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,s,r)}))},p="hidden"===document.visibilityState?0:1/0;addEventListener("visibilitychange",(function e(t){"hidden"===document.visibilityState&&(p=t.timeStamp,removeEventListener("visibilitychange",e,!0))}),!0);o(),self.webVitals={firstInputPolyfill:function(e){i.push(e),u()},resetFirstInputPolyfill:o,get firstHiddenTime(){return p}}}(); </script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', 'GTM-W32VP5M5');</script><link rel="preconnect" href="https://www.googletagmanager.com"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/><title id="title" data-gatsby-head="true">Design the right thing first: How to write a UX design brief | Sixzero</title><link id="favicon" rel="icon" href="https://cdn.sanity.io/images/b5rm9tf1/production/25fe5ed61255a9d30a152e2b7e039259e94361af-132x132.svg" data-gatsby-head="true"/></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W32VP5M5" height="0" width="0" style="display: none; visibility: hidden" aria-hidden="true"></iframe></noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><button aria-label="toggle mobile menu" class="menu-toggle"><span class="sr-only">Open menu</span><span class="hamburger-icon"><span class="hamburger-icon__line"></span><span class="hamburger-icon__line"></span><span class="hamburger-icon__line"></span></span></button><nav class="navigation mobile-menu"><ul><li><a aria-current="page" class="link accent" href="/">Home</a></li><li class="has-dropdown"><p class="accent">Services</p><nav class="dropdown"><div></div><ul><li><a class="link text-normal" href="/ux-ui-design/">UX/UI design</a></li><li><a class="link text-normal" href="/ux-research/">User research</a></li><li><a class="link text-normal" href="/staff-augmentation/">Staff augmentation</a></li></ul></nav></li><li class="has-dropdown"><p class="accent">Case studies</p><nav class="dropdown"><div></div><ul><li><a class="link text-normal" href="/projects/squadcast/">SquadCast</a></li><li><a class="link text-normal" href="/projects/wizebank/">Wizebank</a></li><li><a class="link text-normal" href="/projects/yave/">Yave</a></li><li><a class="link text-normal" href="/projects/ftsy/">FTSY</a></li></ul></nav></li><li class="has-dropdown"><p class="accent">Resources</p><nav class="dropdown"><div></div><ul><li><a class="link text-normal" href="/blog/">Blog</a></li><li><a class="link text-normal" href="/startusertesting/">E-book</a></li></ul></nav></li><li><a class="link accent" href="/about/">About</a></li><li><a class="link accent" href="/contact/">Contact us</a></li></ul></nav><div class="body-content"><header class="header"><a class="logo" href="/"><img src="/images/sixzero-logo-dark.svg" alt="Sixzero logo" width="152" height="24"/></a><nav class="navigation menu"><ul><li class="has-dropdown"><p class="accent">Services</p><nav class="dropdown"><div></div><ul><li><a class="link text-normal" href="/ux-ui-design/">UX/UI design</a></li><li><a class="link text-normal" href="/ux-research/">User research</a></li><li><a class="link text-normal" href="/staff-augmentation/">Staff augmentation</a></li></ul></nav></li><li class="has-dropdown"><p class="accent">Case studies</p><nav class="dropdown"><div></div><ul><li><a class="link text-normal" href="/projects/squadcast/">SquadCast</a></li><li><a class="link text-normal" href="/projects/wizebank/">Wizebank</a></li><li><a class="link text-normal" href="/projects/yave/">Yave</a></li><li><a class="link text-normal" href="/projects/ftsy/">FTSY</a></li></ul></nav></li><li class="has-dropdown"><p class="accent">Resources</p><nav class="dropdown"><div></div><ul><li><a class="link text-normal" href="/blog/">Blog</a></li><li><a class="link text-normal" href="/startusertesting/">E-book</a></li></ul></nav></li><li><a class="link accent" href="/about/">About</a></li></ul><a class="btn btn-header" href="/contact/"><span>Contact us</span></a></nav></header><main class="main"><div class="template-blog"><header class="template-blog__heading"><h1 class="h2">Design the right thing first: How to write a UX design brief</h1><p class="text-book text-grey-normal">Published <time dateTime="February 14, 2022">February 14, 2022</time></p></header><figure class="gatsby-image"><picture style="--ratio:0.44882352941176473"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAAsTAAALEwEAmpwYAAACK0lEQVQokWPQEhDXFZI2E1NylNHyUzQKVjYNVTHL1LGa6uC6J9D3YLDfAlf3QgPbcBWzYGXTIGUTdzk9a0l1I1FFPWEZBh1BSSMROWtJNTdZXX8l42Bl0yQtix57t13RURczki5lJB+Mi5nh6p2lZx2qYhakZOolb2AvpWkqpmQgIsugIyhlIqpgL63ho2AQqGQaoWpWaWK3Ojj0RGX12Y7Os01Np8rKt0bHtds4x6iZBymZ+ikaOclom4urGAjLMegJSZuKKTpIa/oqGgUqmcaom3dZO+6MjT03YdLltauuL5l/ubvrYFr6TGePJE2LIGVTf0VjZ1kdSwkVQxE5Bl0haRMxRXuQZsNAJZNodYtuJ4+92ZmX5s65uW/77d2bry2Ye7S0ZLa3f5KWVaCSqb+ikbOMjoWEiqGwLESzgp2UhjfI2SYR6hZNPiF7u9publ9/79T+u6f239675cS0iZOi4mO1bQIUTXwUDB2ltczFlfWFZRn0hKWNReVBASanG6BkEqpqnuvot7an69HZ/e/unHl758zzK0f2zptZ5R8Zrm7hr2jkLqdnK6lhIqaoLyzDoC0kpS8iZyGu4iit5QN2ebyh4+zKqnvHd7y7dfzdreNPL+xf29eVaesVrGzqp2DoLKNjJaFqKCKnLSjFoCkgqS8sYyamZAOOrQAF41g9u+nFpTcPbHx5ef/Ly/sfntq5sqM13dI9UNHEU07PTkrDXFzZQERWS0ACAIrSr2PVx7oyAAAAAElFTkSuQmCC" class="gatsby-image__image css-0" style="object-fit:contain" width="1700" height="763" data-lqip="true"/><style data-emotion="css 1sec1qy">.css-1sec1qy{position:absolute;width:10px!important;height:10px!important;opacity:0;z-index:-10;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}</style><img data-loading="true" src="https://cdn.sanity.io/images/b5rm9tf1/production/1f0e70aa9de916db249b16c1d4923de1840d8678-1700x763.png?w=1440&h=646&q=75&fit=max&auto=format" srcSet="https://cdn.sanity.io/images/b5rm9tf1/production/1f0e70aa9de916db249b16c1d4923de1840d8678-1700x763.png?w=1440&q=75&fit=max&auto=format&dpr=0.5 720w,https://cdn.sanity.io/images/b5rm9tf1/production/1f0e70aa9de916db249b16c1d4923de1840d8678-1700x763.png?w=1440&q=75&fit=max&auto=format&dpr=0.75 1080w,https://cdn.sanity.io/images/b5rm9tf1/production/1f0e70aa9de916db249b16c1d4923de1840d8678-1700x763.png?w=1440&q=75&fit=max&auto=format 1440w,https://cdn.sanity.io/images/b5rm9tf1/production/1f0e70aa9de916db249b16c1d4923de1840d8678-1700x763.png?w=1440&q=75&fit=max&auto=format&dpr=2 1700w" loading="lazy" class="gatsby-image__image css-1sec1qy" style="object-fit:contain" sizes="(max-width: 1440px) 100vw, 75vw, 50vw, 1440px" width="1700" height="763"/></picture></figure><section class="template-blog__content"><div class="rich-text "><p class="text-normal">There’s more to great UX design than what you see.</p><p class="text-normal">In fact, there is incredibly important work to be done long before you even open Figma.</p><p class="text-normal">One of the most powerful skills in design is being able to distill multiple inputs and constraints in a way that project stakeholders can mutually agree on so that there is complete alignment on what needs to be built.</p><p class="text-normal">Enter the Design Brief: The holy grail of creative documents that are far too often created half-heartedly.</p><p class="text-normal">In my 10+ years of designing, I’ve seen briefs that range from good to completely useless. When done right they minimize surprises, accelerate projects and maximize alignment and buy-in on what needs to be done. When done wrong, it can lead to nothing short of chaos and confusion.</p><p class="text-normal">That’s why I’ve mapped out the 6 foolproof steps to creating a design brief that doesn’t suck. Rather, it will ensure you nail your design, can speed up the project, help it run smoothly, and might even win you brownie points with your team.</p><h4>Step one: Define the issue in a problem statement</h4><p class="text-normal">One of the easiest ways to build something bad is by not figuring out what problem your design is aiming to solve and why the solution is valuable to your user.</p><p class="text-normal">It’s equally important that everyone on your team is aligned in their vision of which problem to solve. I’ve experienced meetings with seven people where I asked everyone to define the problem we’re solving, only to get 7 different answers back.</p><p class="text-normal">If a group of people can’t agree on a problem, how are they going to agree that a solution is right? Creating a problem statement that everyone agrees with is the only way to get buy-in from all stakeholders and is the only way to ensure you build a product that brings value to your users.</p><p class="text-normal">To define your statement start by asking:</p><ul class="text-normal"><li class="text-normal" style="list-style-type:disc;margin-left:2ch">Who are the target users and what are their goals?</li><li class="text-normal" style="list-style-type:disc;margin-left:2ch">What is the biggest problem area identified in our user’s feedback?</li><li class="text-normal" style="list-style-type:disc;margin-left:2ch">How do we know this is a real problem?</li><li class="text-normal" style="list-style-type:disc;margin-left:2ch">Why is it important to solve?</li><li class="text-normal" style="list-style-type:disc;margin-left:2ch">How will we know if we’ve solved the problem?</li></ul><p class="text-normal">Go through these questions with a team and narrow down responses until you have an agreement on the specific problem. Next write a statement that outlines who you are solving for, what their problem is, why it’s so important to solve it.</p><p class="text-normal">You’ll see that this step also helps you remove unrelated feedback from the mix which will help the design process run more efficiently down the line.</p><h4>Step two: Define your project goals</h4><p class="text-normal">Outlining your project goals will ensure you don’t diverge from your project’s success (don’t worry, you will soon be outlining a success statement too).</p><p class="text-normal">Your goals need to be specific. They should outline the key results your design will produce not only for the user experience but for the business as well.</p><p class="text-normal">To create goals, ask your team:</p><ul class="text-normal"><li class="text-normal" style="list-style-type:disc;margin-left:2ch">What specific outcomes do you want for the user?</li><li class="text-normal" style="list-style-type:disc;margin-left:2ch">How is this relevant to the user or business?</li><li class="text-normal" style="list-style-type:disc;margin-left:2ch">By when should this goal be achieved?</li><li class="text-normal" style="list-style-type:disc;margin-left:2ch">How will success be measured?</li></ul><p class="text-normal">Generate answers to these questions from both a user experience as well as a business standpoint. Gather input from your team and then choose the top two or three goals that everyone agrees on.</p><h4>Step three: Write out your ‘success looks like’ statements</h4><p class="text-normal">Success statements provide a concise way to communicate your team’s vision for the ultimate project win. They also ensure that beyond just defining the problem, everyone is aligned with what the desired outcome of the solution should be.</p><p class="text-normal">Further, success statements help you uncover any further unalignment amongst your team. After all, if everyone has a different vision of success, you know you have some more work to do to get everyone on the same page.</p><p class="text-normal">These statements can be written as simply as “success looks like…”. Similarly to creating your goals, consult with your team. Once everyone has contributed their version of success, compare all statements to ensure there is alignment. Perhaps one statement will rise as the main version of success that everyone agrees on or a new statement will be written that is a conglomerate of one or two.</p><h4>Step four: Identify your design principles</h4><p class="text-normal">This is my favourite step and is the one that gets the most reaction from stakeholders.</p><p class="text-normal">Similarly to how you need to get alignment on what problem to solve, it also helps to have alignment on HOW you will go about solving the problem.</p><p class="text-normal">Design principles are a set of statements that define the method in which you are going to design the solution. This isn’t to say we are defining a solution here, rather the approaches and principles that you are going to abide by.</p><p class="text-normal">The way I usually do this is by first thinking of what the ideal design solution might look like. From there, I work my way back from that solution and write down all the features and the purpose for including those elements in the design. To learn more we’ve got a whole article on creating design principles <a class="portable-text-link" href="https://sixzero.co/2021/11/18/how-to-stop-defending-and-start-presenting-your-work/" target="_blank" rel="noindex nofollow">here</a></p><p class="text-normal">This step helps articulate WHY you arrived at the solution you came to and helps everyone evaluate the design more objectively.</p><h4>Step five: Create a hypothesis</h4><p class="text-normal">A hypothesis statement is an “if and then” statement that supports your problem statement.</p><p class="text-normal">They can be incredibly simple and follow this equation:</p><p class="text-normal"><em>If we [define the solution] then [intended user] will [desired outcome the solution creates].</em></p><p class="text-normal">For example:</p><p class="text-normal"><em>If we implement a ‘compare pricing option’, then users will have fewer obstacles in their way when choosing the right upgrade for their product.</em></p><p class="text-normal">This statement is incredibly important if you’re working with a data-focused organization where your solution could affect their bottom line or whenever you need some extra buy-in for what is the value of doing this project.</p><h4>Step six: Tell your Job Stories</h4><p class="text-normal">Job stories allow you to identify the exact needs of your user by writing statements from their point of view. These statements should be written to express the situation, the motivation, and the desired outcome for your user.</p><p class="text-normal">For example:</p><p class="text-normal"><em>“Before I upgrade my account (situation), I want to see what all the options are for upgrades (motivation) so that I can easily compare prices between packages (expected outcome)”</em></p><p class="text-normal">This statement tells you, as the designer, that the solution needs to showcase pricing in a way that allows the user to easily compare what each package offers.</p><p class="text-normal">Be sure that your job stories are written based on the feedback you gathered while conducting <a class="portable-text-link" href="https://sixzero.co/2021/05/03/how-to-overcome-8-common-objections-to-ux-research/" target="_blank" rel="noindex nofollow">user research</a> and not something fabricated based on any assumptions. As always, be sure to consult your team when writing your job stories so that you can all be in alignment with what the user wants to be done.</p><p class="text-normal">If you’re keen to go deep on learning to write great Job Stories check out <a class="portable-text-link" href="https://www.intercom.com/blog/using-job-stories-design-features-ui-ux/" target="_blank" rel="noindex nofollow">this great post</a> from Intercom.</p><h4>The takeaway</h4><p class="text-normal">Great design work starts with mapping out a shared understanding of what is being created and establishing alignment on the desired outcomes of the solution.</p><p class="text-normal">By writing a design brief that incorporates input from all stakeholders you will outline agreed-upon criteria for success from the get-go, generating investment in the project and more buy-in for what you want to create.</p><p class="text-normal">Nail these inputs and you’ll be setting yourself up for great design work, far fewer surprises, less room for misalignment or off-topic project requests. Every. Single. Time.</p><p class="text-normal">Your team will thank you for it.</p><p class="text-normal"><em>Nick Foster is the founder of Sixzero, an agency that helps companies design apps and software with impact.</em></p><p class="text-normal"><em>Illustration by: Muti, Folio Art</em></p></div></section></div><footer class="footer"><nav class="navigation menu"><ul><li class="has-dropdown"><p class="accent">Services</p><nav class="dropdown"><div></div><ul><li><a class="link text-normal" href="/ux-ui-design/">UX/UI design</a></li><li><a class="link text-normal" href="/ux-research/">User reseach</a></li><li><a class="link text-normal" href="/staff-augmentation/">Staff augmentation</a></li></ul></nav></li><li class="has-dropdown"><p class="accent">Case studies</p><nav class="dropdown"><div></div><ul><li><a class="link text-normal" href="/projects/squadcast/">SquadCast</a></li><li><a class="link text-normal" href="/projects/wizebank/">Wizebank</a></li><li><a class="link text-normal" href="/projects/yave/">Yave</a></li><li><a class="link text-normal" href="/projects/ftsy/">FTSY</a></li></ul></nav></li><li class="has-dropdown"><p class="accent">Resources</p><nav class="dropdown"><div></div><ul><li><a class="link text-normal" href="/blog/">Blog</a></li><li><a class="link text-normal" href="/startusertesting/">E-book</a></li></ul></nav></li><li><a class="link accent" href="/about/">About</a></li><li><a class="link accent" href="/contact/">Contact</a></li></ul></nav><p class="footnote"><span>© 2024 Sixzero</span><span> - </span><a href="mailto:hello@sixzero.co" target="_blank" rel="noreferrer">hello@sixzero.co</a></p></footer></main></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-RBEC5SD1B4"></script><script> if(true) { window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RBEC5SD1B4', {"send_page_view":false}); } </script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/blog/how-to-write-ux-design-brief/";/*]]>*/</script> <script id="gatsby-chunk-mapping" > window.___chunkMapping="{\"app\":[\"/app-a858d610189a29cf8a93.js\"],\"component---cache-caches-gatsby-plugin-offline-app-shell-js\":[\"/component---cache-caches-gatsby-plugin-offline-app-shell-js-bb215724b527a068eca2.js\"],\"component---src-pages-404-jsx\":[\"/component---src-pages-404-jsx-517f08d2aa08ea1e99b2.js\"],\"component---src-pages-blog-index-jsx\":[\"/component---src-pages-blog-index-jsx-a1f4f2354a1d5fae0c14.js\"],\"component---src-pages-blog-sanity-blog-slug-current-jsx\":[\"/component---src-pages-blog-sanity-blog-slug-current-jsx-f9e808d0d127d16b3d32.js\"],\"component---src-pages-projects-sanity-project-slug-current-jsx\":[\"/component---src-pages-projects-sanity-project-slug-current-jsx-fcca314c2d4af8682e67.js\"],\"component---src-pages-sanity-page-slug-current-jsx\":[\"/component---src-pages-sanity-page-slug-current-jsx-970dc6dbe5a35dab0e57.js\"],\"slice---src-components-blocks-case-study-jsx\":[\"/slice---src-components-blocks-case-study-jsx-902ddcff428d3c6ff23f.js\"],\"slice---src-components-blocks-contact-callout-jsx\":[\"/slice---src-components-blocks-contact-callout-jsx-0d6dc90b16d9ca00516a.js\"],\"slice---src-components-blocks-contact-form-jsx\":[\"/slice---src-components-blocks-contact-form-jsx-e8fb6808b3327fb24d60.js\"],\"slice---src-components-blocks-content-jsx\":[\"/slice---src-components-blocks-content-jsx-5ad79c8e57a096f92975.js\"],\"slice---src-components-blocks-header-jsx\":[\"/slice---src-components-blocks-header-jsx-960f30e5f864d0a3801e.js\"],\"slice---src-components-blocks-logos-jsx\":[\"/slice---src-components-blocks-logos-jsx-e01be00a352895bcc69e.js\"],\"slice---src-components-blocks-media-columns-jsx\":[\"/slice---src-components-blocks-media-columns-jsx-89073415847ada7b75c0.js\"],\"slice---src-components-blocks-media-grid-jsx\":[\"/slice---src-components-blocks-media-grid-jsx-d733b6a35df7f50fb6d4.js\"],\"slice---src-components-blocks-media-section-jsx\":[\"/slice---src-components-blocks-media-section-jsx-5ab5f333736724600db4.js\"],\"slice---src-components-blocks-multi-section-jsx\":[\"/slice---src-components-blocks-multi-section-jsx-8406b85623affed3b91c.js\"],\"slice---src-components-blocks-next-project-jsx\":[\"/slice---src-components-blocks-next-project-jsx-d2eb87bb326a5ebcd886.js\"],\"slice---src-components-blocks-ordered-list-jsx\":[\"/slice---src-components-blocks-ordered-list-jsx-634692d5b923b089bd55.js\"],\"slice---src-components-blocks-project-info-jsx\":[\"/slice---src-components-blocks-project-info-jsx-bf6729e2c25f3a510b5e.js\"],\"slice---src-components-blocks-testimonial-jsx\":[\"/slice---src-components-blocks-testimonial-jsx-2c8c501b735d8d5a726d.js\"],\"slice---src-components-blocks-testimonials-jsx\":[\"/slice---src-components-blocks-testimonials-jsx-827f14f16d3255eb5f8a.js\"],\"slice---src-components-blocks-text-and-media-jsx\":[\"/slice---src-components-blocks-text-and-media-jsx-62ec1a6ce2367b94a596.js\"],\"slice---src-components-blocks-three-column-section-jsx\":[\"/slice---src-components-blocks-three-column-section-jsx-435f43a8181ef03f8e19.js\"],\"slice---src-components-footer-navigation-jsx\":[\"/slice---src-components-footer-navigation-jsx-fa697f94dc91776b4260.js\"],\"slice---src-components-header-navigation-jsx\":[\"/slice---src-components-header-navigation-jsx-06088e0eb0525b93a3d0.js\"],\"slice---src-components-mobile-navigation-jsx\":[\"/slice---src-components-mobile-navigation-jsx-63cf602b6cff3356810a.js\"]}"; </script> <script>window.___webpackCompilationHash="49e3e1875f6b868f29c8";</script><script src="/webpack-runtime-5487bf145675e618e14e.js" async></script><script src="/app-a858d610189a29cf8a93.js" async></script></body></html>