1<!doctype html> 2<html lang="de-CH"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="nueva-repo" content="nueva-code/viva-ag-website"> 7 <title>Expertise â VIVA.</title> 8 <meta name="description" content="Strategie, Positionierung, Marke, Content, Kreation und Digital: Viva vereint unterschiedliche Kompetenzen und stellt für jede Aufgabe das passende Team."> 9 <link rel="canonical" href="https://viva-ag-website.vercel.app/expertise"> 10 11 <meta property="og:type" content="website"> 12 <meta property="og:locale" content="de_CH"> 13 <meta property="og:site_name" content="VIVA. â Viva AG für Kommunikation"> 14 <meta property="og:title" content="Expertise â VIVA."> 15 <meta property="og:description" content="Strategie, Positionierung, Marke, Content, Kreation und Digital: Viva vereint unterschiedliche Kompetenzen und stellt für jede Aufgabe das passende Team."> 16 <meta property="og:url" content="https://viva-ag-website.vercel.app/expertise"> 17 <meta property="og:image" content="https://viva-ag-website.vercel.app/assets/img/og-image.jpg"> 18 <meta name="twitter:card" content="summary_large_image"> 19 20 <link rel="icon" href="/favicon.svg" type="image/svg+xml"> 21 <meta name="theme-color" content="#0E1A24"> 22 23 <link rel="preload" href="/assets/fonts/archivo-latin.woff2" as="font" type="font/woff2" crossorigin> 24 <link rel="preload" href="/assets/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin> 25 <link rel="stylesheet" href="/assets/css/style.css"> 26
26<script src="/assets/js/main.js" defer></script>
26 27</head> 28<body> 29 <!-- HEADER: auf allen Seiten identisch halten (wird von scripts/check.mjs geprüft) --> 30 <header class="site-header"> 31 <div class="container site-header__inner"> 32 <a class="logo" href="/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86.45 41.67" role="img" aria-label="VIVA. â zur Startseite"><path fill="#1d1d1b" d="M87.48,30.93c-.08-.47-.14-1-.18-1.48s-.07-1.06-.08-1.65,0-1.21,0-1.87l0-7a12.49,12.49,0,0,0-.74-4.62,6.88,6.88,0,0,0-2.13-2.94A8.44,8.44,0,0,0,81,9.78a19.33,19.33,0,0,0-4.41-.46,16.71,16.71,0,0,0-4.48.54,9.74,9.74,0,0,0-3.25,1.57,7,7,0,0,0-2,2.51A8.56,8.56,0,0,0,66,17.3H74.1A4.52,4.52,0,0,1,74.3,16a2.65,2.65,0,0,1,.47-.85,1.48,1.48,0,0,1,.7-.47,3.15,3.15,0,0,1,1-.14,2.77,2.77,0,0,1,1,.17,1.63,1.63,0,0,1,.71.54,2.61,2.61,0,0,1,.44.95,6.14,6.14,0,0,1,.13,1.39v.68a38.16,38.16,0,0,0-5.62.54,15.45,15.45,0,0,0-4.29,1.38,7,7,0,0,0-2.71,2.35,6.29,6.29,0,0,0-.93,3.51v.17a6.37,6.37,0,0,0,.59,2.83,6.12,6.12,0,0,0,1.63,2.11,7.3,7.3,0,0,0,2.48,1.34A10.51,10.51,0,0,0,73,33a10.28,10.28,0,0,0,2.23-.22,8.21,8.21,0,0,0,1.83-.63,6.62,6.62,0,0,0,1.45-1,6.25,6.25,0,0,0,1.1-1.34c0,.25,0,.5,0,.73s0,.45,0,.65,0,.4,0,.59a5.17,5.17,0,0,1,0,.54h8.05A12.55,12.55,0,0,1,87.48,30.93Zm-8.6-5.56a5.73,5.73,0,0,1-.24.93,2.78,2.78,0,0,1-.4.7,2.65,2.65,0,0,1-.55.51,2,2,0,0,1-.69.3,3.59,3.59,0,0,1-.81.1,2.75,2.75,0,0,1-1-.16,1.92,1.92,0,0,1-.71-.47,1.84,1.84,0,0,1-.43-.73,3.22,3.22,0,0,1-.14-1v-.11a2.55,2.55,0,0,1,.3-1.28,2.37,2.37,0,0,1,.94-.88,5.15,5.15,0,0,1,1.61-.54A17.06,17.06,0,0,1,79,22.55v1.69A6.6,6.6,0,0,1,78.88,25.37Z" transform="translate(-1.33 -1.2)"/><polygon fill="#1d1d1b" points="14.9 22.3 8.65 0 0 0 9.23 30.95 19.8 30.95 29.03 0 20.86 0 14.9 22.3"/><rect fill="#1d1d1b" x="30.76" width="8.27" height="6.54"/><rect fill="#1d1d1b" x="30.76" y="9.04" width="8.27" height="21.91"/><polygon fill="#1d1d1b" points="56.23 9.04 52.48 22.97 48.83 9.04 40.37 9.04 47.39 30.95 57.09 30.95 64.21 9.04 56.23 9.04"/><polygon fill="#00A3B1" points="21.63 41.67 0 41.67 0 35.15 19.8 35.15 21.63 41.67"/></svg></a> 33 <button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav"><span class="nav-toggle__bar"></span><span class="nav-toggle__bar"></span><span class="nav-toggle__bar"></span><span class="visually-hidden">Menü</span></button> 34 <nav id="site-nav" class="site-nav" aria-label="Hauptnavigation"> 35 <ul> 36 <li><a href="/was-wir-bewegen">Was wir bewegen</a></li> 37 <li><a href="/expertise">Expertise</a></li> 38 <li><a href="/referenzen">Referenzen</a></li> 39 <li><a href="/ueber-viva">Ãber Viva</a></li> 40 <li><a href="/kontakt">Kontakt</a></li> 41 </ul> 42 </nav> 43 </div> 44 </header> 45 <!-- /HEADER --> 46 47 <main> 48 <section class="inner-hero"> 49 <div class="container"> 50 <p class="label">Expertise</p> 51 <h1>Denken. Schreiben. Gestalten. Umsetzen<span class="pt">.</span></h1> 52 <p>Viva vereint unterschiedliche Kompetenzen unter einem Dach. Je nach Aufgabe stellen wir das Team zusammen, das es braucht.</p> 53 </div> 54 </section> 55 56 <section class="topic"> 57 <div class="container"> 58 <h2 class="statement statement--flush reveal">Strategie und Positionierung<span class="pt">.</span></h2> 59 <div class="flow-copy"><p>Wir schaffen die strategischen Grundlagen für Marken und Kommunikation.</p><p>Bevor Kommunikation wirksam werden kann, braucht es Klarheit über Ziele, Positionierung, Anspruchsgruppen und relevante Themen. Wir analysieren Ausgangslagen, strukturieren Zusammenhänge und entwickeln daraus tragfähige strategische Grundlagen.</p><p>Dabei verbinden wir unternehmerische Perspektive mit Kommunikation und begleiten Führung und Projektteams auch in Veränderungsprozessen.</p></div> 60 <p class="leistungen-label">Unsere Leistungen</p> 61 <p class="flow-list">Marken- und Kommunikationsstrategie<wbr><span class="sep"></span>Positionierung<wbr><span class="sep"></span>Analysen und Standortbestimmungen<wbr><span class="sep"></span>Stakeholder- und Zielgruppenmodelle<wbr><span class="sep"></span>Botschaftsarchitekturen<wbr><span class="sep"></span>Themenstrategien<wbr><span class="sep"></span>Kommunikationskonzepte<wbr><span class="sep"></span>Transformationskommunikation<wbr><span class="sep"></span>Beratung von Führung und Projektteams</p> 62 </div> 63 </section> 64
65 <section class="topic topic--alt"> 66 <div class="container"> 67 <h2 class="statement statement--flush reveal">Marke und Design<span class="pt">.</span></h2> 68 <div class="flow-copy"><p>Wir übersetzen Strategie in Identität und Gestaltung.</p><p>Eine starke Marke schafft Orientierung, Wiedererkennbarkeit und Vertrauen. Wir entwickeln und führen Marken aus ihrer strategischen Positionierung heraus und übersetzen sie in klare visuelle und kommunikative Systeme.</p><p>Von der Markenarchitektur über Corporate Design bis zur konkreten Anwendung sorgen wir dafür, dass Identität konsistent erlebbar wird â über unterschiedliche Medien, Formate und Kontaktpunkte hinweg.</p></div> 69 <p class="leistungen-label">Unsere Leistungen</p> 70 <p class="flow-list">Markenentwicklung<wbr><span class="sep"></span>Markenarchitektur<wbr><span class="sep"></span>Corporate Design<wbr><span class="sep"></span>Designsysteme<wbr><span class="sep"></span>Brand Guidelines<wbr><span class="sep"></span>Geschäfts- und Unternehmenskommunikation<wbr><span class="sep"></span>Publikationen<wbr><span class="sep"></span>Informations- und Kommunikationsdesign</p> 71 </div> 72 </section> 73 74 <section class="topic"> 75 <div class="container"> 76 <h2 class="statement statement--flush reveal">Content und Redaktion<span class="pt">.</span></h2> 77 <div class="flow-copy"><p>Gute Kommunikation beginnt mit gutem Inhalt.</p><p>Journalistische Qualität ist eine unserer Kernkompetenzen.</p><p>Unsere Redaktorinnen und Redaktoren denken nicht zuerst in Kanälen, sondern in Themen, Relevanz und Geschichten. Sie recherchieren, führen Interviews, prüfen Zusammenhänge und machen komplexe Inhalte verständlich.</p><p>Das ist besonders wertvoll bei erklärungsbedürftigen Themen und in Märkten, in denen Glaubwürdigkeit entscheidend ist.</p></div> 78 <p class="leistungen-label">Unsere Leistungen</p> 79 <p class="flow-list">Content-Strategie<wbr><span class="sep"></span>Redaktionskonzepte<wbr><span class="sep"></span>Themenplanung<wbr><span class="sep"></span>Corporate Publishing<wbr><span class="sep"></span>Journalistische Recherche<wbr><span class="sep"></span>Interviews und Reportagen<wbr><span class="sep"></span>Fach- und Hintergrundartikel<wbr><span class="sep"></span>News und Medienarbeit<wbr><span class="sep"></span>Newsletter<wbr><span class="sep"></span>Social Media Content<wbr><span class="sep"></span>Geschäftsberichte und Publikationen<wbr><span class="sep"></span>Redaktionelle Betreuung</p> 80 </div> 81 </section> 82 83 <section class="topic topic--dark"> 84 <div class="container"> 85 <h2 class="statement statement--flush reveal"><span class="accent">Digital</span><span class="pt--white">.</span></h2> 86 <div class="flow-copy"><p>Wir verbinden Kommunikation, Technologie und Nutzerbedürfnisse zu digitalen Lösungen, die funktionieren und Wirkung entfalten.</p><p>Wir entwickeln Websites, Plattformen und digitale Kommunikation aus der Perspektive von Nutzern, Inhalten und Kommunikationszielen â und denken deren laufende Weiterentwicklung von Anfang an mit.</p><p>Dazu gehört auch der gezielte Einsatz von künstlicher Intelligenz: dort, wo sie Inhalte, Prozesse oder Nutzererlebnisse sinnvoll verbessert â nie als Selbstzweck.</p></div> 87 <p class="leistungen-label">Unsere Leistungen</p> 88 <p class="flow-list">Websites<wbr><span class="sep"></span>Digitale Plattformen<wbr><span class="sep"></span>UX und Informationsarchitektur<wbr><span class="sep"></span>Content Management<wbr><span class="sep"></span>Digitale Kampagnen<wbr><span class="sep"></span>Social Media<wbr><span class="sep"></span>Newsletter und Marketing Automation<wbr><span class="sep"></span>Performance und Distribution<wbr><span class="sep"></span>KI-gestützte Content- und Prozessoptimierung<wbr><span class="sep"></span>Weiterentwicklung bestehender digitaler Angebote</p> 89 </div> 90 </section> 91 92 <section class="cta"> 93 <div class="container"> 94 <p class="label">Was steht bei Ihnen an?</p> 95 <h2 class="cta__title cta-anim" aria-label="Letâs make it work."><span class="cta-bar" aria-hidden="true"><svg viewBox="0 0 30 30" fill="none"><path d="M4,13.4 L16.8,13.4 L17.92,17.4 L4,17.4 Z" fill="currentColor"/></svg></span><span class="cta-anim__line">Letâs make</span><br><span class="cta-anim__line">it work.</span></h2> 96 <p class="cta__text">Sie stehen vor einer Veränderung, einer kommunikativen Herausforderung oder einer komplexen Aufgabe? Sprechen wir darüber.</p> 97 <a class="button" href="/kontakt"><span>Mit uns sprechen</span><span class="circ"><svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"><path d="M2,6 H8 V8 H2 Z M8,3 L8,11 L13,7 Z"/></svg></span></a> 98 </div> 99 </section> 100 101 </main> 102 103 <!-- FOOTER: auf allen Seiten identisch halten (wird von scripts/check.mjs geprüft) --> 104 <footer class="site-footer"> 105 <div class="container"> 106 <div class="site-footer__grid"> 107 <div> 108 <div class="site-footer__logo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86.45 41.67" role="img" aria-label="VIVA."><path fill="#FFFFFF" d="M87.48,30.93c-.08-.47-.14-1-.18-1.48s-.07-1.06-.08-1.65,0-1.21,0-1.87l0-7a12.49,12.49,0,0,0-.74-4.62,6.88,6.88,0,0,0-2.13-2.94A8.44,8.44,0,0,0,81,9.78a19.33,19.33,0,0,0-4.41-.46,16.71,16.71,0,0,0-4.48.54,9.74,9.74,0,0,0-3.25,1.57,7,7,0,0,0-2,2.51A8.56,8.56,0,0,0,66,17.3H74.1A4.52,4.52,0,0,1,74.3,16a2.65,2.65,0,0,1,.47-.85,1.48,1.48,0,0,1,.7-.47,3.15,3.15,0,0,1,1-.14,2.77,2.77,0,0,1,1,.17,1.63,1.63,0,0,1,.71.54,2.61,2.61,0,0,1,.44.95,6.14,6.14,0,0,1,.13,1.39v.68a38.16,38.16,0,0,0-5.62.54,15.45,15.45,0,0,0-4.29,1.38,7,7,0,0,0-2.71,2.35,6.29,6.29,0,0,0-.93,3.51v.17a6.37,6.37,0,0,0,.59,2.83,6.12,6.12,0,0,0,1.63,2.11,7.3,7.3,0,0,0,2.48,1.34A10.51,10.51,0,0,0,73,33a10.28,10.28,0,0,0,2.23-.22,8.21,8.21,0,0,0,1.83-.63,6.62,6.62,0,0,0,1.45-1,6.25,6.25,
1080,0,0,1.1-1.34c0,.25,0,.5,0,.73s0,.45,0,.65,0,.4,0,.59a5.17,5.17,0,0,1,0,.54h8.05A12.55,12.55,0,0,1,87.48,30.93Zm-8.6-5.56a5.73,5.73,0,0,1-.24.93,2.78,2.78,0,0,1-.4.7,2.65,2.65,0,0,1-.55.51,2,2,0,0,1-.69.3,3.59,3.59,0,0,1-.81.1,2.75,2.75,0,0,1-1-.16,1.92,1.92,0,0,1-.71-.47,1.84,1.84,0,0,1-.43-.73,3.22,3.22,0,0,1-.14-1v-.11a2.55,2.55,0,0,1,.3-1.28,2.37,2.37,0,0,1,.94-.88,5.15,5.15,0,0,1,1.61-.54A17.06,17.06,0,0,1,79,22.55v1.69A6.6,6.6,0,0,1,78.88,25.37Z" transform="translate(-1.33 -1.2)"/><polygon fill="#FFFFFF" points="14.9 22.3 8.65 0 0 0 9.23 30.95 19.8 30.95 29.03 0 20.86 0 14.9 22.3"/><rect fill="#FFFFFF" x="30.76" width="8.27" height="6.54"/><rect fill="#FFFFFF" x="30.76" y="9.04" width="8.27" height="21.91"/><polygon fill="#FFFFFF" points="56.23 9.04 52.48 22.97 48.83 9.04 40.37 9.04 47.39 30.95 57.09 30.95 64.21 9.04 56.23 9.04"/><polygon fill="#FFFFFF" points="21.63 41.67 0 41.67 0 35.15 19.8 35.15 21.63 41.67"/></svg></div> 109 <p class="site-footer__tag">Strategie <span class="sq"></span> Marke <span class="sq"></span> Content <span class="sq"></span> Digital</p> 110 <p class="site-footer__contact"><a href="tel:+41434991999">+41 (0)43 499 19 99</a><br><a href="mailto:[email protected]">[email protected]</a></p> 111 </div> 112 <div> 113 <h2>Navigation</h2> 114 <ul> 115 <li><a href="/was-wir-bewegen">Was wir bewegen</a></li> 116 <li><a href="/expertise">Expertise</a></li> 117 <li><a href="/referenzen">Referenzen</a></li> 118 <li><a href="/ueber-viva">Ãber Viva</a></li> 119 <li><a href="/kontakt">Kontakt</a></li> 120 </ul> 121 </div> 122 <div> 123 <h2>Standorte</h2> 124 <ul> 125 <li>Zürich<br><span class="site-footer__addr">Flurstrasse 50<br>8048 Zürich</span></li> 126 <li class="site-footer__place">Bern<br><span class="site-footer__addr">Vidmarhallen<br>Könizstrasse 161<br>3097 Bern-Liebefeld</span></li> 127 </ul> 128 </div> 129 <div> 130 <h2>Social</h2> 131 <ul> 132 <li><a href="https://www.linkedin.com/company/viva-ag-f%C3%BCr-kommunikation/" target="_blank" rel="noopener">LinkedIn</a></li> 133 </ul> 134 </div> 135 </div> 136 <div class="site-footer__bottom"> 137 <p>© 2026 Viva AG für Kommunikation</p> 138 <p><a href="/impressum">Impressum</a> <span class="sq"></span> <a href="/datenschutz">Datenschutz</a></p> 139 </div> 140 </div> 141 </footer> 142 <!-- /FOOTER --> 143</body> 144</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.