UX Design Sprints | Boana Studio

<header> <div class="wrapper"> <div class="xl-text center color">Der UX Design Sprint</div> <h1 class="sub-h1">Ein UX Design Sprint ist ein zweiwöchiger Prozess, bei dem innovative digitale Produkte durch Prototyping und Benutzertests gestaltet werden.</h1> </div> </header> <section class="bg-grey-05 overlap"> <div class="wrapper"> <div class="card"> <div class="card-content"> <h2 class="l-text center">Tonnenweise Design in <span class="regular">zwei Wochen</span>.</h2> <p class="center"> Auf eine Woche mit gemeinsamen Prototypings und Nutzertests folgt eine Woche der detaillierten Ausarbeitung. </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">Woche 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 <br class="not-on-s"> <span class="shade">& User Testing</span></h3> <p class="right center-on-s"> In der ersten Woche priorisieren wir die Features, an denen gearbeitet werden soll, diskutieren und bewerten Ideen, gestalten interaktive Prototypen und testen die Resultate mit Nutzern. </p> </div> <div> <div class="s-label text-grey-60 center-on-s">Woche 2</div> <h3 class="m-text center-on-s secondary-2-text-color regular" style="padding-top:0; padding-bottom:0;">Ausarbeitung <br class="not-on-s"><span class="shade">& Shipping</span></h3> <p class="center-on-s"> In der zweiten Woche implementieren wir das Kunden-Feedback, arbeiten den Prototypen zu UI-Layouts aus und erstellen die Vorlagen für die Entwicklung. </p> </div> </div> </div> <div class="card-content padding-top-large" style="padding-bottom:0;"> <h2 class="l-text center">Ergebnisse werden <br><span class="regular">alle zwei Wochen</span> geliefert.</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=0 1x, https://boanastudio.com/user/themes/boanastories/img/sprints/benf_code@2x.jpg?v=0 2x"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_code@1x.jpg?v=0" class="lazyload" width="120" height="120"> </picture> </div> <h3 class="m-text center" style="padding-bottom:0;">Layouts & Prototypen</h3> <p class="s-text text-grey-60 center max-width">Wir liefern klickbare High-Fidelity-Prototypen. Sie bilden die Grundlage für Nutzertests, helfen eine Geschäftsidee einfach zu kommunizieren und dienen als Vorlage für die Entwicklung.</p> </div> <div> <div class="image-rounded"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_map@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/sprints/benf_map@2x.jpg?v=0 2x"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_map@1x.jpg?v=0" 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">Projektplanung und Lieferumfang basieren auf einer gemeinsam erstellten User-Story-Map. Sie können diese selbstverständlich als Vorlage für Ihr agiles Projektmanagement nutzen.</p> </div> <div> <div class="image-rounded"> <picture> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_user@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/sprints/benf_user@2x.jpg?v=0 2x"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/sprints/benf_user@1x.jpg?v=0" class="lazyload" width="120" height="120"> </picture> </div> <h3 class="m-text center" style="padding-bottom:0;">Getestet & validiert</h3> <p class="s-text text-grey-60 center max-width">Wussten Sie schon: Fünf Nutzer zu befragen bietet das perfekte Kosten-Nutzen-Verhältnis für User-Testings. Nutzer-Interviews sind ein integraler Bestandteil unseres Design-Prozesses.</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">Vorab</div> <h2 class="l-text center regular color" style="padding-top:0; padding-bottom:0;">Warum ein UX Sprint?</h2> </div> <p class="center"> Die Tage gigantischer Projektplanung und Kalkulationen sind vorbei. Die Wahrheit ist doch: Es ergeben sich neue Erkenntnisse und Probleme während des laufenden Projekts. <br>Eine sprint-basierte Projektplanung erlaubt es uns, den Projektfokus kurzfristig an neu gewonnene Kenntnisse anzupassen, damit sich das Projekt perfekt steuern lässt. </p> <p class="center"> Darum sind UX Sprints <span class="regular">schnell und flexibel</span>. Ein MVP kann in zwei bis drei Wochen gestaltet werden. Design kann <span class=" regular">parallel zur Entwicklung</span> laufen und regelmäßig <span class="regular">vertestete hochwertige</span> Features liefern. </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"> <h2 class="l-text center"> <div class="s-label text-grey-40 center">Die langfristige Perspektive</div> Wie man Produktqualität erreicht </h2> <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"> Die kleinen „Wows“<span class=""></span> </span> <span class="s-text text-block-description"> Die kleinen „Wows“ und „Aahhs“ prägen das Nutzererlebnis – sie bleiben in Erinnerung. Sie sind die Kirsche auf dem Kuchen. </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"> Markentreues Produkt<span class=""></span> </span> <span class="s-text text-block-description"> Ein gut gestaltetes Produkt ist die eine Sache. Ihre Markenwerte im Produkt ist eine weitere Ebene der Gestaltung. </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"> Ausgestaltetes User Interface<span class=""></span> </span> <span class="s-text text-block-description"> Als Designer lieben wir gut ausgearbeitete Gestaltung. Aber der Wert guter Gestaltung geht weit darüber hinaus – sie erhöht das User Engagement und bildet die Grundlage für Vertrauen in Ihr Produkt. </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"> Erweiterte Funktionalitäten<span class=""></span> </span> <span class="s-text text-block-description"> Um Ihre Nutzerbasis wachsen zu lassen ist es wichtig, ein komplettes Set an Funktionen anzubieten, sie nahtlos zu integrieren und auf so viele Plattformen wie möglich zu bringen. </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"> Alles beginnt mit einer Idee. Aber ist es die richtige? Wir gestalten und testen Prototypen, um ein Produkt zu gestalten, das die Bedürfnisse Ihrer Zielgruppe trifft. </span> </div> </div> </div> </div> </div> </section> <section class="padding-large bg-grey-05"> <div class="wrapper"> <div class="l-text center">Schauen wir uns ein Beispiel an.</div> </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>Komplettes Redesign für einen <a href="https://digitaldjpool.com/" target="blank">Record‑Pool</a> aus NYC</h2> <p class="description"> <b>Digital DJ Pool</b> bietet ein Musik-Abo für professionelle Radio & Club DJs an. Boana hat das komplette Produkterlebnis der Web‑Plattform und der App neu gestaltet und das Branding überarbeitet. </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=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_1@1x.jpg?v=0" 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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_2@1x.jpg?v=0" class="lazyload" alt=""> </picture> <span class="subtitles bright">Kunde in NYC und wir in Berlin – Remote Workshops, Videochats und punktgenaue Briefings waren an der Tagesordnung.</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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_3@1x.jpg?v=0" 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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_4@1x.jpg?v=0" 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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_12@1x.jpg?v=0" 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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_5@1x.jpg?v=0" 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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_6@1x.jpg?v=0" alt="" class="lazyload"> </picture> </div><div class="project-window project-text-chapter" style="background-color:#EBEBEC; color:#263b50;"> <div> <h3>Bleibt dran.<br> Es gibt auch eine 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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_7@1x.jpg?v=0" 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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_8@1x.jpg?v=0" alt="" class="lazyload"> </picture> </div><div class="project-window project-text-chapter" style="background-color:#EBEBEC; color:#263b50;"> <div> <h3>Noch Lust auf mehr?<br> Wir haben auch die Marke überarbeitet.</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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_9@1x.jpg?v=0" 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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_10@1x.jpg?v=0" 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=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@0.6x.jpg?v=0 2x" media="(max-width: 400px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@0.6x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@1.2x.jpg?v=0 2x" media="(max-width: 1536px)"> <source data-srcset="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@1x.jpg?v=0 1x, https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@2x.jpg?v=0 2x" media="(min-width: 1537px)"> <img data-src="https://boanastudio.com/user/themes/boanastories/img/c-djp/djp_11@1x.jpg?v=0" alt="" class="lazyload"> </picture> </div> </div> </div> <button class="slider-navigation-right"> <span class="label">Mehr</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">Wir arbeiten für große Marken, disruptive Startups, <br class="not-on-s">etablierte KMUs und fancy Agenturen.</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>