UX Design Sprints | Boana Agency

<header> <div class="wrapper"> <div class="xl-text center color">The UX Design Sprint</div> <h1 class="sub-h1">A UX Design Sprint is a two-week process shipping innovative digital products through prototyping and user testing.</h1> </div> </header> <section class="bg-grey-05 overlap"> <div class="wrapper"> <div class="card"> <div class="card-content"> <h2 class="l-text center" style="padding-bottom:0;">Tons of features in <span class="regular">two weeks</span>.</h2> <p class="center"> Each design sprint is divided between a week of co‑creation and user interviews and a second week of elaboration. </p> </div> <div class="card-image large"> <svg xmlns="http://www.w3.org/2000/svg" class="svg-color" viewBox="0 0 576 272"> <title>UX Sprint</title> <path class="svg-color-grey-80" d="M122.9335,258.4928h-.7c-3.5-.4-7.4-1-10.8-1.7-12.3-2.6-23.5-7-34.7-12-3-1.4-4.5-4.1-3.1-7.1a6.0332,6.0332,0,0,1,8-2.9,131.8173,131.8173,0,0,0,41.9,11.7,6.02,6.02,0,0,1-.6,12Z" /> <path class="svg-color-grey-80" d="M127.3335,271.4928h-.7a5.9817,5.9817,0,0,1-5.2-6.7l3.1-25.8a5.9971,5.9971,0,1,1,11.9,1.5l-3.1,25.7A6.1259,6.1259,0,0,1,127.3335,271.4928Z" /> <path class="svg-color-3rd" d="M111.9335,256.7928a6.7525,6.7525,0,0,1-1.4-.2c-26.2-6.4-43.6-13.5-65.1-35.1a129.4018,129.4018,0,0,1,0-183,129.4018,129.4018,0,0,1,183,0,6.01,6.01,0,0,1-8.5,8.5,117.4151,117.4151,0,1,0-166.1,166c19.7,19.7,34.8,26,59.4,32a5.9625,5.9625,0,0,1,4.4,7.2A5.7679,5.7679,0,0,1,111.9335,256.7928Z" /> <path class="svg-color-grey-80" d="M444.2335,259.3928c-3.3,0-8.6-3-8.6-6.3s5.2-5.7,8.5-5.7c11.1-.1,20.4-4.6,22.5-11.1,1.5-4.3,1.9-16.7-26-38.4-22.7-17.7-71.3-41.2-124.4-51-76.4-14-118.2,6.8-139.9,26.6-11.5,10.6-16.4,22.6-13.8,33.8a26.6471,26.6471,0,0,0,18.9,19.1c12.5,3.5,26.5-1.4,38.4-13.4a6.01,6.01,0,0,1,8.5,8.5c-15.1,15.2-33.4,21.2-50.1,16.5a38.3834,38.3834,0,0,1-27.3-27.9c-3.7-15.4,2.6-31.9,17.3-45.4,23.6-21.7,68.9-44.5,150.1-29.6,55.3,10.1,105,34.1,129.6,53.3,17.1,13.4,36.2,33.2,30,51.7-3.8,11.6-17,19.1-33.7,19.3Z" /> <path class="svg-color-3rd-shade" d="M224.2335,223.1928a5.7563,5.7563,0,0,1-4.2-1.8,6.0977,6.0977,0,0,1,0-8.5,116.6741,116.6741,0,0,0,34.3-85,117.189,117.189,0,0,0-34.4-81.1,6.01,6.01,0,0,1,8.5-8.5,129.2011,129.2011,0,0,1-.1,182.9A4.7147,4.7147,0,0,1,224.2335,223.1928Z" /> <path class="svg-color-2nd" d="M438.2335,259.4928a131.3724,131.3724,0,0,1-92.4-38,129.4359,129.4359,0,1,1,221-93.7c.3,16.9-3.9,37.5-11.3,55.1a5.9615,5.9615,0,1,1-11-4.6c6.6-15.9,10.6-35.2,10.3-50.2a117.189,117.189,0,0,0-34.4-81.1c-45.7-45.8-120.3-45.8-166.1,0a117.3308,117.3308,0,0,0,0,166,119.62,119.62,0,0,0,89.6,34.4,6.0228,6.0228,0,0,1,6.3,5.7,5.863,5.863,0,0,1-5.5,6.3C442.6335,259.3928,440.3335,259.4928,438.2335,259.4928Z" /> <path class="svg-color-2nd-shade" d="M494.7335,246.0928a6.0009,6.0009,0,0,1-3-11.2,133.62,133.62,0,0,0,38.1-32.7,116.1548,116.1548,0,0,0,15.1-24.8,6.0271,6.0271,0,0,1,11.1,4.7,126.4651,126.4651,0,0,1-16.7,27.5l-.1.1a145.3008,145.3008,0,0,1-41.5,35.6A6.7356,6.7356,0,0,1,494.7335,246.0928Z" /> <path class="svg-color-2nd-shade" d="M494.5335,246.0928a3.4019,3.4019,0,0,1-1-.1,5.8728,5.8728,0,0,1-4.9-6.9l6.3-37.7a5.9841,5.9841,0,1,1,11.8,2l-6.3,37.7A6.0023,6.0023,0,0,1,494.5335,246.0928Z" /> <path class="svg-color-2nd-shade" d="M535.3335,251.5928h-.8l-40-5.1a5.9971,5.9971,0,0,1,1.5-11.9l40,5.1a5.9719,5.9719,0,0,1-.7,11.9Z" /> </svg> </div> <div class="card-content"> <div class="row-2cols row-1col-on-s max-width"> <div> <div class="s-label right text-grey-60 center-on-s">Week 1</div> <h3 class="m-text right center-on-s secondary-1-text-color regular" style="padding-top:0;padding-bottom:0;">Co-creation, prototyping <span class="shade"><br class="not-on-s"> & user testing</span></h3> <p class="right center-on-s"> In the first week, we prioritize features to work on, discuss and vote for solutions, create interactive prototypes and get feedback from real customers. </p> </div> <div> <div class="s-label text-grey-60 center-on-s">Week 2</div> <h3 class="m-text center-on-s secondary-2-text-color regular" style="padding-top:0;padding-bottom:0;">Rework, refinement <br class="not-on-s"><span class="shade">& shipping</span></h3> <p class="center-on-s"> In the second week, we implement the customer feedback and refine the prototype to rock-solid UI designs and developer blueprints. </p> </div> </div> </div> <div class="card-content padding-top-large" style="padding-bottom:0;"> <h2 class="l-text center">Output is <span class="regular">shipped biweekly</span>.</h2> </div> <div class="card-content"> <div class="row row-3cols row-1col-on-s"> <div> <div class="image-rounded"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_code@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/sprints/benf_code@2x.jpg?v=248 2x"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_code@1x.jpg?v=248" class="lazyload" width="120" height="120"> </picture> </div> <h3 class="m-text center" style="padding-bottom:0;">Layouts & prototypes</h3> <p class="s-text text-grey-60 center max-width">We create clickable high-fidelity prototypes in InVision. Those are the perfect basis to run user testing or deliver a more complete pitch for your idea and each one contains the layouts needed to start development.</p> </div> <div> <div class="image-rounded"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_map@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/sprints/benf_map@2x.jpg?v=248 2x"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_map@1x.jpg?v=248" class="lazyload" width="120" height="120"> </picture> </div> <h3 class="m-text center" style="padding-bottom:0;">User stories</h3> <p class="s-text text-grey-60 center max-width">We base our planning and scoping on a jointly-created user story map. Use it with your team in your JIRA, Notion, etc. Less work on your side.</p> </div> <div> <div class="image-rounded"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_user@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/sprints/benf_user@2x.jpg?v=248 2x"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_user@1x.jpg?v=248" class="lazyload" width="120" height="120"> </picture> </div> <h3 class="m-text center" style="padding-bottom:0;">Tested & validated</h3> <p class="s-text text-grey-60 center max-width">Did you know: Asking five users offers the perfect benefit-cost ratio for user testing. User testing is a great way to run innovation and an integral part of our design process.</p> </div> </div> </div> <div class="card-content"> </div> </div> </div> </section> <section class="bg-grey-05 margin-top"> <div class="wrapper"> <div class="l-text center regular color"> <div class="s-label color-light">But first</div> <h2 class="inherit-text center" style="padding-bottom:0;">Why run a UX design sprint?</h2> </div> <p class="center"> The days of gigantic project planning and estimations that quickly run out of scope are over. The truth: Most challenges only rear their head after the work has begun. <br>Sprint-based project planning enables us to quickly update scope according to the insights we gather anlong the way. </p> <p class="center"> Thus, UX design sprints are <span class="regular">fast and flexible</span>. Design an MVP in 2 to 3 weeks, run design <span class=" regular">inline with development</span> and output <span class=" regular">rock-solid designs</span> and blueprints. </p> </div> </section> <section class="overlap bg-grey-05 margin-top"> <div class="wrapper"> <div class="card" style="padding-top: 0;"> <div class="card-content excellence-visual"> <div class="center"> <div class="s-label text-grey-40 center">The long-term perspective</div> <h2 class="l-text center" style="padding-top:0;">How to reach product excellence?</h2> </div> <div class="text-box"> <div class="text-block step-5"> <span class="text-block-number s-text-on-s text-boanaRed">5</span> <span class="text-block-header regular"> The little Oohs<span class=""></span> </span> <span class="s-text text-block-description"> Delivering the little »Oohs« and »Ahhhs« is an important part of delivering the kind of experience your customers will remember you for. It’s the cherry on the cake. </span> </div> <div class="text-block step-4"> <span class="text-block-number s-text-on-s " style="color:#d52328;">4</span> <span class="text-block-header regular"> Branded product<span class=""></span> </span> <span class="s-text text-block-description"> Having a well-designed product is one thing. Integrating your brand values into your product is another layer of design. </span> </div> <div class="text-block step-3"> <span class="text-block-number s-text-on-s " style="color:#e64c3c;">3</span> <span class="text-block-header regular"> Well-designed user interface<span class=""></span> </span> <span class="s-text text-block-description"> As designers we love a well-executed creation. But the value of good design reaches even further - it increases user engagement and develops trust in your brand. </span> </div> <div class="text-block step-2"> <span class="text-block-number s-text-on-s " style="color:#9a6a65;">2</span> <span class="text-block-header regular"> Extended functionality<span class=""></span> </span> <span class="s-text text-block-description"> To grow your user base, it is crucial to provide a complete set of meaningful functions, combine them seamlessly and offer them on multiple platforms and devices. </span> </div> <div class="text-block step-1"> <span class="text-block-number s-text-on-s ">1</span> <span class="text-block-header regular"> Tested prototype<span class=""></span> </span> <span class="s-text text-block-description"> It all starts with an idea. But is it the right one? We design and test prototypes to create a product that fits your customer’s needs. </span> </div> </div> </div> </div> </div> </section> <section class="padding-large bg-grey-05"> <div class="wrapper"> <h2 class="l-text center">Let’s look at a case.</h2> </div> </section> <section class="project begin-of-slider" id="digitaldjpool"> <style> #digitaldjpool { background-color: #1a2938; } </style> <div class="project-slider" data-slide="0" data-maxslides="12"> <div class="project-title" style="background-color: #263b50; color: white;"> <div> <h2>Complete makeover for a <a href="https://digitaldjpool.com/" target="blank">record pool</a> from NYC</h2> <p class="description"> <b>Digital DJ Pool</b> offers a music subscription for major radio and club DJs. Boana redesigned the product experience of their web and mobile apps and renewed the branding. </p> </div> </div> <div class="project-pics"><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@0.3x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@1x.jpg?v=248" alt="" class="lazyload"> </picture> <span class="subtitles bright">With our client in NYC and our studio in Berlin, remote workshops, video chats and on-point briefings were the order of the day.</span> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window project-text-chapter" style="background-color:#EBEBEC; color:#263b50;"> <div> <h3>Hang on.<br> There is also a mobile app.</h3> </div> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window project-text-chapter" style="background-color:#EBEBEC; color:#263b50;"> <div> <h3>Still up for more?<br> We also gave the brand a quick face‑lift.</h3> </div> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div><div class="project-window"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@0.3x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@0.6x.jpg?v=248 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@0.6x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@1.2x.jpg?v=248 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@1x.jpg?v=248 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@2x.jpg?v=248 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@1x.jpg?v=248" alt="" class="lazyload"> </picture> </div> </div> </div> <button class="slider-navigation-right"> <span class="label">More</span> <i class="inline-svg-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="#141414"><path d="M216.464 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887L209.393 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L233.434 36.465c-4.686-4.687-12.284-4.687-16.97 0z"/></svg> </i> </button> <button class="slider-navigation-left"> <i class="inline-svg-icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="#141414"><path d="M231.536 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273H436c6.627 0 12-5.373 12-12v-10c0-6.627-5.373-12-12-12H60.113L238.607 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L3.515 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z"/></svg> </i> </button> </section> <section> <div class="wrapper"> <div class="m-text n-text-on-xs text-grey-80 center">We work for big brands, disruptive startups, <br class="not-on-s">established SMEs and fancy agencies.</div> <ul class="logo-wall"> <li><img src="https://boanastudio.com/user/themes/boanastories/img/logo-wall/logo-1.svg?v=0" width="280" height="280"></li> <li><img src="https://boanastudio.com/user/themes/boanastories/img/logo-wall/logo-2.svg?v=0" width="280" height="280"></li> <li><img src="https://boanastudio.com/user/themes/boanastories/img/logo-wall/logo-3.svg?v=0" width="280" height="280"></li> <li><img src="https://boanastudio.com/user/themes/boanastories/img/logo-wall/logo-4.svg?v=0" width="280" height="280"></li> <li><img src="https://boanastudio.com/user/themes/boanastories/img/logo-wall/logo-5.svg?v=0" width="280" height="280"></li> <li class="only-on-s"><img src="https://boanastudio.com/user/themes/boanastories/img/logo-wall/logo-6.svg?v=0" width="280" height="280"></li> </ul> </div> </section>