aktuelle.kurse/m152/auftraege/x_gitressourcen/Styleguide_Anleitungen/ux-design
harald.mueller@tbz.ch 834793a71f ressourcen
2021-07-05 23:00:44 +02:00

1248 lines
64 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="de" class="no-js">
<head>
<meta charset="utf-8">
<!--
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2021 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at https://typo3.org/
-->
<link rel="shortcut icon" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/favicon-128.png" type="image/png">
<title>Mehr Conversions, Returning Visitors, Time on Site... mit einem überzeugenden UX Design: Snowflake Experience</title>
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="generator" content="TYPO3 CMS" />
<meta name="description" content="Mit kreative Konzepte machen wir Business Strategien erlebbar und bringen Mensch und Marke zusammen. Vom Webdesign zum Nutzererlebnis. Für verbesserte Website Metriken, wie Conversions, Returning Visitors, Time on Site…" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="twitter:card" content="summary" />
<link rel="stylesheet" type="text/css" href="/typo3temp/assets/css/7015c8c4ac.css?1599123361" media="all">
<link rel="stylesheet" type="text/css" href="https://use.typekit.net/muk1ulb.css" media="all">
<link rel="stylesheet" type="text/css" href="/typo3conf/ext/snowflake_experience/Resources/Public/css/app.css?1623832799" media="all">
<script src="/typo3temp/assets/js/5508b6c4f0.js?1599123361"></script>
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/typo3conf/ext/snowflake_experience/Resources/Public/favicons/favicon-128.png" sizes="128x128" />
<meta name="application-name" content="snowflake"/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="favicons/mstile-144x144.png" />
<meta name="msapplication-square70x70logo" content="favicons/mstile-70x70.png" />
<meta name="msapplication-square150x150logo" content="favicons/mstile-150x150.png" />
<meta name="msapplication-wide310x150logo" content="favicons/mstile-310x150.png" />
<meta name="msapplication-square310x310logo" content="favicons/mstile-310x310.png" />
<!-- Google Tag Manager -->
<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-KL8H54W');</script>
<!-- End Google Tag Manager -->
<link rel="canonical" href="https://www.snowflake-experience.ch/loesungen/ux-design"/>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KL8H54W"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="tx_cookies" class="cookie-wrapper bg-6 callout" data-closable>
<div id="tx_cookies_inner" data-hide="0" class="cookie-content">
<button id="tx_cookies_close" class="close-button" title="Schließen" data-close>&times;</button>
<h3>Diese Webseite nutzt Cookies</h3>
<p id="tx_cookies_hint">Mit Ihrem Besuch auf unserer Website stimmen Sie unserer <a href="/datenschutz">Datenschutzerklärung</a> und der Verwendung von Cookies zu. Dies erlaubt uns unseren Service für Sie verbessern.</p>
<form data-expire="365" method="post" id="tx_cookies_accept" action="/?tx_cookies_main%5Baction%5D=submit&amp;cHash=96891c14f2582e216b86f68bdc1775e1">
<div>
<input type="hidden" name="tx_cookies_main[__referrer][@extension]" value="Cookies" />
<input type="hidden" name="tx_cookies_main[__referrer][@controller]" value="Main" />
<input type="hidden" name="tx_cookies_main[__referrer][@action]" value="cookie" />
<input type="hidden" name="tx_cookies_main[__referrer][arguments]" value="YTowOnt9974582fee2d210e7ff2bee9652843da8b055546e" />
<input type="hidden" name="tx_cookies_main[__referrer][@request]" value="{&quot;@extension&quot;:&quot;Cookies&quot;,&quot;@controller&quot;:&quot;Main&quot;,&quot;@action&quot;:&quot;cookie&quot;}f460bb0f5ec1ea38ceaa6a79413e9e6721d5f3f7" />
<input type="hidden" name="tx_cookies_main[__trustedProperties]" value="{&quot;accept&quot;:1,&quot;submit&quot;:1}7513d86a81c835e057b77d0c6644feee4631e0ff" />
</div>
<input type="hidden" name="tx_cookies_main[accept]" value="1" />
<input class="button" type="submit" value="Akzeptieren" name="tx_cookies_main[submit]" />
</form>
</div>
</div>
<div id="header">
<a href="/">
<div id="logo_">
<svg version="1.1" id="flake" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 180 169.5" style="enable-background:new 0 0 180 169.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
.st1{fill:#ffffff;}
</style>
<rect class="st0" width="180" height="169.5"/>
<g transform="translate(-442 -382)">
<g transform="translate(379.525 262.578)">
<path class="st1" d="M189.1,121.5L189.1,121.5c-2.6-1.5-6-0.6-7.5,2l0,0l-27.5,47.9c-0.6,1-1.8,1.3-2.8,0.8
c-0.3-0.2-0.6-0.4-0.8-0.8l-13.2-23.1c-1.5-2.6-4.9-3.6-7.5-2.1l0,0c-2.6,1.5-3.6,4.9-2.1,7.5l0,0l19.7,34.6
c1.5,2.6,4.9,3.6,7.5,2.1c0.9-0.5,1.6-1.2,2-2l34.1-59.3C192.6,126.4,191.8,123,189.1,121.5L189.1,121.5z"/>
<path class="st1" d="M100.3,131.3L100.3,131.3c-2.6,1.5-3.5,4.9-2,7.5l27.7,47.8c0.6,1,0.2,2.2-0.7,2.8
c-0.3,0.2-0.7,0.3-1.1,0.3l-26.5-0.1c-3,0-5.5,2.4-5.5,5.5l0,0l0,0c0,3,2.4,5.5,5.5,5.5l0,0l39.8,0.2c3,0,5.5-2.4,5.5-5.5
c0-1-0.3-1.9-0.7-2.8l-34.5-59.2C106.3,130.7,102.9,129.8,100.3,131.3z"/>
<path class="st1" d="M178.5,186.7l13.4-22.9c1.5-2.6,0.7-6-2-7.5l0,0c-2.6-1.5-6-0.7-7.5,2l0,0l-20.1,34.3
c-1.5,2.6-0.7,6,2,7.5c0.8,0.5,1.8,0.8,2.8,0.8l68.5-0.1c3,0,5.5-2.5,5.5-5.5l0,0l0,0c0-3-2.5-5.5-5.5-5.5l-55.2,0.1
c-1.1,0-2.1-0.9-2.1-2.1C178.3,187.3,178.4,187,178.5,186.7z"/>
<path class="st1" d="M115.6,286.8L115.6,286.8c2.6,1.5,6,0.6,7.5-2l27.5-47.9c0.6-1,1.8-1.3,2.8-0.8
c0.3,0.2,0.6,0.4,0.8,0.8l13.1,23.1c1.5,2.6,4.9,3.6,7.5,2.1l0,0c2.6-1.5,3.6-4.9,2.1-7.5l0,0L157.3,220c-1.5-2.6-4.9-3.6-7.5-2.1
c-0.9,0.5-1.6,1.2-2,2l-34.2,59.4C112,281.9,112.9,285.3,115.6,286.8z"/>
<path class="st1" d="M204.4,277L204.4,277c2.6-1.5,3.5-4.9,2-7.5l-27.7-47.8c-0.6-1-0.2-2.2,0.7-2.8
c0.3-0.2,0.7-0.3,1.1-0.3l26.5,0.1c3,0,5.5-2.4,5.5-5.5l0,0c0-3-2.4-5.5-5.5-5.5l0,0l-39.8-0.2c-3,0-5.5,2.4-5.5,5.5
c0,1,0.3,1.9,0.7,2.8l34.3,59.2C198.4,277.6,201.8,278.5,204.4,277z"/>
<path class="st1" d="M122.2,250.1l20.1-34.3c1.5-2.6,0.7-6-2-7.5c-0.8-0.5-1.8-0.8-2.8-0.8l-68.4,0.1
c-3,0-5.5,2.5-5.5,5.5l0,0l0,0c0,3,2.5,5.5,5.5,5.5l55.2-0.1c1.1,0,2.1,0.9,2.1,2.1c0,0.4-0.1,0.7-0.3,1l-13.4,22.9
c-1.5,2.6-0.7,6,2,7.5l0,0C117.3,253.6,120.7,252.7,122.2,250.1L122.2,250.1z"/>
</g>
</g>
</svg>
<svg version="1.1" id="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 540.8 232" style="enable-background:new 0 0 540.8 232;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
.st1{fill:#ffffff;}
.st2{fill:#ffffff;}
</style>
<rect class="st0" width="540.8" height="232"/>
<g transform="translate(-442 -382)">
<path class="st2" d="M492.4,496c-4.5-6.9-12-10.3-22-10.3c-14.9,0-21.5,7.7-21.5,17.6c0,10.4,6.2,16.3,18.5,19.5
c10.2,2.6,12.8,5.1,12.8,9.5c0,3.8-2.5,7-9.7,7c-6.5,0-10.3-2.1-13.6-6.3l-9.7,6.7c5.5,7.3,13.2,10.3,24.2,10.3
c14.7,0,21.6-8,21.6-18.3c0-11.1-5.9-16-19-19.3c-8.4-2.1-12.4-4.3-12.4-9.2c0-4.3,3.1-6.9,8.8-6.9c6.4,0,9.6,2.1,12.4,6.4
L492.4,496z M541.7,486.5v39.4l-24.5-39.4h-10.5v62.7h12.1v-38.8l24.5,38.8h10.6v-62.7H541.7z M616,522.3v-8.9
c0-19.4-9.9-27.7-24.1-27.7c-14.1,0-24,8.4-24,27.7v8.9c0,19.2,9.9,27.7,24,27.7C606.1,550.1,616,541.5,616,522.3L616,522.3z
M580.7,513.4c0-12,3.9-17,11.3-17c7.4,0,11.4,5,11.4,17v8.9c0,12-4,17-11.4,17s-11.3-5-11.3-17V513.4z M663.9,506.1l13.3,43.2
h12.2l14.5-62.7H690l-8.3,41.5l-12.3-41.5H658l-11.9,41.3l-8.4-41.3h-13.6l14.4,62.7h12.1L663.9,506.1z M715.9,486.5v62.7h12.7
v-25.6h23.6v-10.7h-23.6v-15.6H755v-10.8H715.9z M781,486.5h-12.7v62.7h39.1v-10.7H781V486.5z M826.8,549.2l3.8-11.9h21l3.8,11.9
h13.5l-21.8-62.7H835l-21.8,62.7H826.8z M841.1,504.5l7.1,22.1H834L841.1,504.5z M930.8,549.2l-22.9-37.4l19.2-25.4H912l-19.8,27.1
v-27.1h-12.7v62.7h12.7v-16.6l7.5-9.8l16,26.5H930.8z M942.6,486.5v62.7h39.1v-10.7h-26.4v-16.4h23.6v-10.7h-23.6v-14.1h26.4v-10.8
H942.6z"/>
<path class="st1" d="M483.9,575.3v36.9h23v-6.3h-15.5v-9.6h13.9V590h-13.9v-8.3h15.5v-6.4H483.9z M521.1,612.2
l7-12.6l7.1,12.6h8.1l-10.4-19l9.3-17.9H534l-5.9,11.8l-5.9-11.8h-8.1l9.3,17.9l-10.4,19H521.1z M564.5,599.2
c8.6,0,13.8-4.3,13.8-12.1c0-7.9-5.3-11.8-13.8-11.8h-13.2v36.9h7.5v-13L564.5,599.2L564.5,599.2z M558.8,592.9v-11.2h4.7
c5.2,0,7.4,1.9,7.4,5.5c0,4-2.2,5.8-7.4,5.8L558.8,592.9L558.8,592.9z M586.6,575.3v36.9h23v-6.3h-15.5v-9.6H608V590h-13.9v-8.3
h15.5v-6.4H586.6z M646.9,612.2l-7.7-15.7c4-1.7,6.3-4.9,6.3-9.9c0-7.5-5.3-11.3-13.8-11.3h-13.2v36.9h7.5v-14.5h6l6.6,14.5H646.9z
M626,591.4v-9.7h5c4.4,0,7,1.1,7,4.9s-2.6,4.8-7,4.8H626z M663.3,575.3h-7.5v36.9h7.5V575.3z M674.9,575.3v36.9h23v-6.3h-15.5
v-9.6h13.9V590h-13.9v-8.3h15.5v-6.4H674.9z M727.5,575.3v23.2L713,575.3h-6.2v36.9h7.1v-22.8l14.4,22.8h6.3v-36.9H727.5z
M772.2,586.7c-1.2-8.1-6.2-11.9-13.5-11.9c-8.3,0-14.1,4.9-14.1,16.3v5.2c0,11.3,5.8,16.3,14.1,16.3c7.6,0,12.3-3.6,13.5-11.9H765
c-0.8,3.7-2.6,5.6-6.4,5.6c-4.3,0-6.6-3.2-6.6-10v-5.2c0-7.1,2.3-10,6.6-10c3.6,0,5.7,2.1,6.4,5.6L772.2,586.7z M781.2,575.3v36.9
h23v-6.3h-15.5v-9.6h13.9V590h-13.9v-8.3h15.5v-6.4H781.2z"/>
</g>
</svg>
</div>
</a>
<svg version="1.1" id="menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 640 640" style="enable-background:new 0 0 640 640;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
.st2{fill:#ffffff;}
</style>
<rect y="0" class="st0" width="640" height="640"/>
<rect id="hm1" x="64" y="160" class="st2" width="512" height="32"/>
<rect id="hm2" x="64" y="304" class="st2" width="512" height="32"/>
<rect id="hm3" x="64" y="448" class="st2" width="512" height="32"/>
</svg>
<svg version="1.1" id="search" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 640 640" style="enable-background:new 0 0 640 640;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
.st2{fill:#ffffff;}
</style>
<rect y="0" class="st0" width="640" height="640"/>
<path class="st2" d="M614.7,591.1L467.5,443.9C495.8,410.4,513,367.2,513,320c0-105.9-86.1-192-192-192s-192,86.1-192,192s86.1,192,192,192
c47.2,0,90.4-17.2,123.9-45.5l147.2,147.2L614.7,591.1z M321,480c-88.2,0-160-71.8-160-160s71.8-160,160-160s160,71.8,160,160
S409.2,480,321,480z"/>
</svg>
</div>
<div id="offcanvas" class="">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="small-12 medium-12 cell">
<div class="leftview">
<div class="search">
<div class="search-holder">
<div class="grid-x grid-padding-x">
<div class="medium-8 cell">
<form method="get" class="h-search" id="tx-solr-search-form-pi-results" action="/loesungen/ux-design" data-suggest="/loesungen/ux-design?type=7384" data-suggest-header="Top Results" accept-charset="utf-8">
<input type="hidden" name="type" value="732724" />
<input type="text" id="header-search" class="tx-solr-q js-solr-q tx-solr-suggest tx-solr-suggest-focus form-control" name="tx_solr[q]" value="" placeholder="Suche nach digitalen Lösungen …" />
<button class="tx-solr-submit" type="button"></button>
</form>
</div>
</div>
</div>
<div class="search-results">
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="medium-8 cell isnoflow">
<div class="menu-wrapper">
<ul class="main-menu"><li class="current-page"><a href="/loesungen">Lösungen</a></li><li><a href="/referenzen">Referenzen</a></li><li><a href="/ueber-uns">Über uns</a></li><li><a href="/team">Team</a></li><li><a href="/wissensblog">Wissensblog</a></li></ul>
<ul class="secondary-menu"><li><a href="/jobs-karriere">Jobs & Karriere</a></li><li><a href="/kontakt">Kontakt</a></li></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rightview">
<div class="itemsholder">
<div class="rightview" id="c198">
<div class="itemsholder">
<div class="el-item bg-3">
<a href="/loesungen/website-relaunch" class="full-link">&nbsp;</a>
<div class="el-item-content">
<div class="icon">
<img title="Website Relaunch" alt="Website Relaunch" src="/fileadmin/experience/icons/Icon_website_relaunch.svg" width="90" height="90" />
</div>
<div class="title">
<p><a href="/loesungen/website-relaunch">Website Relaunch</a></p>
</div>
</div>
</div>
<div class="el-item bg-3">
<a href="/loesungen/ux-design" class="full-link">&nbsp;</a>
<div class="el-item-content">
<div class="icon">
<img title="UX Design" alt="UX Design" src="/fileadmin/experience/icons/Icon_user_experience.svg" width="90" height="90" />
</div>
<div class="title">
<p><a href="/loesungen/ux-design">UX Design</a></p>
</div>
</div>
</div>
<div class="el-item bg-3">
<a href="/loesungen/individualentwicklungen" class="full-link">&nbsp;</a>
<div class="el-item-content">
<div class="icon">
<img title="Individualentwicklungen" alt="Individualentwicklungen" src="/fileadmin/experience/icons/Icon_individualentwicklung.svg" width="90" height="90" />
</div>
<div class="title">
<p><a href="/loesungen/individualentwicklungen">Individualentwicklungen</a></p>
</div>
</div>
</div>
<div class="el-item bg-3">
<a href="/loesungen/mobile-app" class="full-link">&nbsp;</a>
<div class="el-item-content">
<div class="icon">
<img title="Mobile Apps" alt="Mobile Apps" src="/fileadmin/experience/icons/Icon_mobile_app.svg" width="90" height="90" />
</div>
<div class="title">
<p><a href="/loesungen/mobile-app">Mobile Apps</a></p>
</div>
</div>
</div>
<div class="el-item bg-3">
<a href="/loesungen/branchenloesungen-kantone" class="full-link">&nbsp;</a>
<div class="el-item-content">
<div class="icon">
<img title="Branchenlösungen: Kantone" alt="Branchenlösungen: Kantone" src="/fileadmin/experience/icons/Icon_kantonale_webloesung.svg" width="90" height="90" />
</div>
<div class="title">
<p><a href="/loesungen/branchenloesungen-kantone">Branchenlösungen: Kantone</a></p>
</div>
</div>
</div>
<div class="el-item bg-3">
<a href="/loesungen/branchenloesungen-verlagswesen" class="full-link">&nbsp;</a>
<div class="el-item-content">
<div class="icon">
<img title="Branchenlösungen: Verlagswesen" alt="Branchenlösungen: Verlagswesen" src="/fileadmin/experience/icons/Icon_verlagsloesung.svg" width="90" height="90" />
</div>
<div class="title">
<p><a href="/loesungen/branchenloesungen-verlagswesen">Branchenlösungen: Verlagswesen</a></p>
</div>
</div>
</div>
<div class="el-item bg-3">
<a href="/loesungen/branchenloesung-industrie" class="full-link">&nbsp;</a>
<div class="el-item-content">
<div class="icon">
<img title="Branchenlösungen: Industrie " alt="Branchenlösungen: Industrie " src="/fileadmin/user_upload/Icon_industrie_4_0.svg" width="90" height="90" />
</div>
<div class="title">
<p><a href="/loesungen/branchenloesung-industrie">Branchenlösungen: Industrie </a></p>
</div>
</div>
</div>
<div class="el-item bg-3">
<a href="/loesungen/branchenloesungen-bildungswesen" class="full-link">&nbsp;</a>
<div class="el-item-content">
<div class="icon">
<img title="Branchenlösungen: Bildungswesen" alt="Branchenlösungen: Bildungswesen" src="/fileadmin/experience/icons/Icon_bildungsloesungen.svg" width="90" height="90" />
</div>
<div class="title">
<p><a href="/loesungen/branchenloesungen-bildungswesen">Branchenlösungen: Bildungswesen</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--TYPO3SEARCH_begin-->
<div id="sitewrapper">
<div class="ce-item hero-image fullvp imaged " id="c111">
<div class="hero-image-text large-10 text-center">
<span class="white-c">Lösungen</span>
<h1 class="white-c">UX Design</h1>
</div>
<div class="fullvp start-img show-for-large-up" style="background:url(/fileadmin/_processed_/6/7/csm_snowflake-experience-white-board-blog-mensch_2e9f6dc8e1.jpg) center center no-repeat fixed transparent; background-size:cover;"></div>
<div class="fullvp start-img show-for-medium-only" style="background:url(/fileadmin/_processed_/6/7/csm_snowflake-experience-white-board-blog-mensch_3ccca063ec.jpg) center center no-repeat fixed transparent; background-size:cover;"></div>
<div class="fullvp start-img show-for-small-only" style="background:url(/fileadmin/_processed_/6/7/csm_snowflake-experience-white-board-blog-mensch_04eeefdd8c.jpg) center center no-repeat fixed transparent; background-size:cover;"></div>
<div class="fullvp darken"></div>
</div>
<div class="ce-item fluid-jumbotron dark bg-1" id="c112">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="medium-10 medium-offset-1 cell">
<div class="jumbotron-wrapper">
<div class="left">
<div class="pre-text">
<span>Wenn kreative Konzepte zu Kundenerlebnissen werden</span>
</div>
<div class="main-text small-font-left-justified">
<h2><p>Auf den ersten Eindruck kommt es an, denn für ihn gibt es keine zweite Chance. Damit dieser stimmt, ist eine gute User Experience ausschlaggebend. Deshalb stellen wir den Nutzer von Beginn an in den Mittelpunkt aller Überlegungen. So können Erwartungen nicht nur erfüllt, sondern übertroffen werden.</p></h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ce-item breadcrumbs light bg-6" id="c113">
<div class="clearfix">
<ul><li>
<a href="/" title="Experience">Startseite</a>
</li>
<li>
<a href="/loesungen" title="Lösungen">Lösungen</a>
</li>
<li class="current-page">
UX Design
</li></ul>
</div>
</div>
<div class="ce-item keyfact light bg-6" id="c114">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="medium-7 large-7 cell"></div>
<div class="medium-5 large-5 cell">
<div class="keyfact-holder bg-3">
<h3>Auf einen Blick</h3>
<div class="box-text">
<ul> <li class="paragraph">Vom Webdesign zum Nutzererlebnis</li> <li class="paragraph">Für verbesserte Website Metriken, wie Conversions, Returning Visitors, Time on Site…</li> <li class="paragraph">Stets erfolgsentscheidend <strong>als Teil eines Projekts oder bei Optimierungsbedarf nach Projektabschluss</strong></li> </ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ce-item basic-text-segment light bg-6 " id="c116">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="large-9 medium-9 cell">
<div class="text-segment">
<h3>Kreative Konzepte machen Business Strategien erlebbar und bringen Mensch und Marke zusammen. </h3>
<p>Innerhalb weniger Sekunden entscheiden wir, ob uns etwas gefällt oder nicht. Das gilt auch oder vor allem für Ihren Auftritt im Internet oder in Mobile Apps. Denn die Nutzung digitaler Medien gehört zu unser aller Alltag und der Grossteil der Interaktion geschieht intuitiv. So wie das Logo als «Home Button» links und die Navigation zentriert oder rechts gesucht wird. Ist dem nicht so, oder das Kundenerlebnis auf Grund anderer Faktoren erst einmal negativ, lässt sich das nur schwer rückgängig machen. Die Gründe dafür liegen häufig in der Umsetzung, die zwar die <strong>eigenen Ansprüche abdeckt, aber nicht unbedingt den Erwartungen Ihre Nutzer- und Zielgruppen entsprechen.</strong> Für eine User Experience, die begeistert, werden wir ein Teil davon und analysieren, zum Beispiel anhand von Nutzertests, Erwartungen und Verhalten.</p>
</div>
</div>
</div>
</div>
</div>
<div class="ce-item basic-image-segment light bg-6" id="c117">
<div class="grid-container">
<!-- select 1 pos left-->
<div class="grid-x grid-padding-x">
<div class="large-offset-1 large-10 medium-offset-1 medium-10 cell">
<div class="media-image">
<div class="image-segment background-flag">
<picture><source srcset="/fileadmin/_processed_/1/4/csm__DSC8068_d3fd7686cd.jpg 922w" media="(min-width: 922px)" sizes="(min-width: 922px) 922px, 100vw" /><source srcset="/fileadmin/_processed_/1/4/csm__DSC8068_ac26295255.jpg 674w" media="(min-width: 641px)" sizes="(min-width: 922px) 922px, 100vw" /><source srcset="/fileadmin/_processed_/1/4/csm__DSC8068_df327968f9.jpg 248w" media="(min-width: 320px)" sizes="(min-width: 922px) 922px, 100vw" /><img src="/fileadmin/_processed_/1/4/csm__DSC8068_d3fd7686cd.jpg" width="922" alt="" /></picture>
<br/>
</div>
</div>
</div>
</div>
<!-- end select 1 -->
</div>
</div>
<div class="ce-item basic-text-segment light bg-6 " id="c119">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="medium-9 medium-offset-3 large-9 large-offset-3 cell">
<div class="text-segment">
<h3>User-Centered-Design wenn Nutzer über den Erfolg eines Touchpoints bestimmen.</h3>
<p>Die Zeit in der eine Website intuitiv oder nach einem Lasten- oder Pflichtenheft gestaltet werden, sind lange vorbei. Digitale Touchpoints müssen nicht nur visuell ansprechend, sondern intelligent sein und verstehen, was der Nutzer erwartet. Weil Technologien hier an ihre Grenzen stösst, schaffen wir die Basis in dem wir den Nutzer von Anfang an in den Mittelpunkt stellen (<strong>User-Centered-Design</strong>).</p>
<p>Bei allen Projekten arbeiten wir nach diesem Prinzip, ohne dabei den gestalterischen Aspekt zu vernachlässigen. Sei es Website Relaunch, Mobile App oder Individualentwicklungen. Darüber hinaus bringen&nbsp;unsere <a href="/team/team-kreation">UX Experten/-innen</a> ihr Know-how auch bei folgenden Leistungen ein:</p>
<h4>Unsere Leistungen</h4><ul> <li>Von der Anaylse bis zu konkreten Handlungsempfehlung. Ein <a href="/loesungen/ux-design/ux-review">UX Review</a> ist der Blick unseres UX Teams auf Ihren Webauftritt</li> <li>Digitale Touchpoints effizient gestalten, ökonomisch wie gestalterisch die <strong>Entwicklung eines Designsystem (Atomic Design)</strong> macht es möglich</li> <li>Konzeptionelle Unterstützung nach Bedarf</li> </ul><p class="button"><a href="/kontakt">Interessiert? Jetzt Kontakt aufnehmen.</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="ce-item competence-icon-slider light bg-3" id="c1675">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="small-12 medium-10 medium-offset-1 cell">
<h2 class="centered">Für überzeugend digitale Lösungen: unsere Kompetenzen</h2>
</div>
</div>
</div>
<div class="grid-container fluid">
<div class="grid-x grid-padding-x">
<div class="medium-1 small-1 hide-for-small-only">
<span class="competence-sl-left">
<svg xmlns="http://www.w3.org/2000/svg" width="37.636" height="15.732" viewBox="0 0 37.636 15.732">
<path d="M124.1,148.228H89.334l6.057-6.057-1.061-1.061-7.866,7.866,7.866,7.866,1.061-1.061-6.055-6.055H124.1Z" transform="translate(-86.464 -141.11)" transform="rotate(180)"/>
</svg>
</span>
</div>
<div class="small-12 medium-10 cell hide-for-small-only">
<div class="competence-slider">
<div class="competence centered">
<div class="competence-icon">
<a href="/kompetenzen/beratung">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Beratung.svg" width="90" height="90" alt="" title="" />
</div>
<div class="competence-title">
<a href="/kompetenzen/beratung"><span>Beratung</span></a>
</div>
</div>
<div class="competence centered">
<div class="competence-icon">
<a href="/kompetenzen/konzeption">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Konzeption.svg" width="90" height="90" alt="" title="" />
</div>
<div class="competence-title">
<a href="/kompetenzen/konzeption"><span>Konzeption</span></a>
</div>
</div>
<div class="competence centered">
<div class="competence-icon">
<a href="/kompetenzen/digital-marketing">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Vermarktung.svg" width="90" height="90" alt="" title="" />
</div>
<div class="competence-title">
<a href="/kompetenzen/digital-marketing"><span>Digital Marketing</span></a>
</div>
</div>
<div class="competence centered">
<div class="competence-icon">
<a href="/kompetenzen/umsetzung">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Umsetzung.svg" width="90" height="90" alt="" title="" />
</div>
<div class="competence-title">
<a href="/kompetenzen/umsetzung"><span>Umsetzung</span></a>
</div>
</div>
<div class="competence centered">
<div class="competence-icon">
<a href="/kompetenzen/hosting">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Hosting.svg" width="90" height="90" alt="" title="" />
</div>
<div class="competence-title">
<a href="/kompetenzen/hosting"><span>Hosting</span></a>
</div>
</div>
<div class="competence centered">
<div class="competence-icon">
<a href="/kompetenzen/support">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Support.svg" width="90" height="90" alt="" title="" />
</div>
<div class="competence-title">
<a href="/kompetenzen/support"><span>Support</span></a>
</div>
</div>
</div>
</div>
<div class="small-12 medium-10 cell show-for-small-only">
<div class="comp-mob">
<div class="grid-x grid-padding-x">
<div class="small-3">
<div class="comp-icon">
<a href="/kompetenzen/beratung">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Beratung.svg" width="90" height="90" alt="" title="" />
</div>
</div>
<div class="small-9">
<div class="comp-title">
<a href="/kompetenzen/beratung"><span>Beratung</span></a>
</div>
</div>
</div>
</div>
<div class="comp-mob">
<div class="grid-x grid-padding-x">
<div class="small-3">
<div class="comp-icon">
<a href="/kompetenzen/konzeption">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Konzeption.svg" width="90" height="90" alt="" title="" />
</div>
</div>
<div class="small-9">
<div class="comp-title">
<a href="/kompetenzen/konzeption"><span>Konzeption</span></a>
</div>
</div>
</div>
</div>
<div class="comp-mob">
<div class="grid-x grid-padding-x">
<div class="small-3">
<div class="comp-icon">
<a href="/kompetenzen/digital-marketing">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Vermarktung.svg" width="90" height="90" alt="" title="" />
</div>
</div>
<div class="small-9">
<div class="comp-title">
<a href="/kompetenzen/digital-marketing"><span>Digital Marketing</span></a>
</div>
</div>
</div>
</div>
<div class="comp-mob">
<div class="grid-x grid-padding-x">
<div class="small-3">
<div class="comp-icon">
<a href="/kompetenzen/umsetzung">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Umsetzung.svg" width="90" height="90" alt="" title="" />
</div>
</div>
<div class="small-9">
<div class="comp-title">
<a href="/kompetenzen/umsetzung"><span>Umsetzung</span></a>
</div>
</div>
</div>
</div>
<div class="comp-mob">
<div class="grid-x grid-padding-x">
<div class="small-3">
<div class="comp-icon">
<a href="/kompetenzen/hosting">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Hosting.svg" width="90" height="90" alt="" title="" />
</div>
</div>
<div class="small-9">
<div class="comp-title">
<a href="/kompetenzen/hosting"><span>Hosting</span></a>
</div>
</div>
</div>
</div>
<div class="comp-mob">
<div class="grid-x grid-padding-x">
<div class="small-3">
<div class="comp-icon">
<a href="/kompetenzen/support">&nbsp;</a>
<img src="/fileadmin/user_upload/Ico_Support.svg" width="90" height="90" alt="" title="" />
</div>
</div>
<div class="small-9">
<div class="comp-title">
<a href="/kompetenzen/support"><span>Support</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="medium-1 small-1 hide-for-small-only">
<span class="competence-sl-right">
<svg xmlns="http://www.w3.org/2000/svg" width="37.636" height="15.732" viewBox="0 0 37.636 15.732">
<path d="M124.1,148.228H89.334l6.057-6.057-1.061-1.061-7.866,7.866,7.866,7.866,1.061-1.061-6.055-6.055H124.1Z" transform="translate(-86.464 -141.11)" transform="rotate(180)"/>
</svg>
</span>
</div>
</div>
</div>
<div class="grid-x grid-padding-x hide-for-small-only">
<div class="medium-12 large-12 cell centered">
<div class="competence-sl-dots"></div>
</div>
</div>
</div>
<div class="ce-item twi-on-background dark bg-2" id="c120">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="small-10 small-offset-2 medium-7 medium-offset-4 large-7 large-offset-4 cell">
<div class="main-image">
<picture><source srcset="/fileadmin/_processed_/7/0/csm_snowflake-experience-user-experience-design-usability_c6d1235298.jpg 631w" media="(min-width: 922px)" sizes="(min-width: 631px) 631px, 100vw" /><source srcset="/fileadmin/_processed_/7/0/csm_snowflake-experience-user-experience-design-usability_4787fbdab0.jpg 450w" media="(min-width: 641px)" sizes="(min-width: 631px) 631px, 100vw" /><source srcset="/fileadmin/_processed_/7/0/csm_snowflake-experience-user-experience-design-usability_41c7ac3642.jpg 282w" media="(min-width: 320px)" sizes="(min-width: 631px) 631px, 100vw" /><img title="&lt;p&gt;Marken erlebbar zu gestalten, bedeutet Inhalte der gesamten Zielgruppe zugänglich zu machen. Durch die langjährige Zusammenarbeit mit öffentlichen Institutionen wissen wir was das bedeutet. Denn Accessibility ist Teil einer überzeugenden User Experience.&lt;/p&gt;" alt="&lt;p&gt;Marken erlebbar zu gestalten, bedeutet Inhalte der gesamten Zielgruppe zugänglich zu machen. Durch die langjährige Zusammenarbeit mit öffentlichen Institutionen wissen wir was das bedeutet. Denn Accessibility ist Teil einer überzeugenden User Experience.&lt;/p&gt;" src="/fileadmin/_processed_/7/0/csm_snowflake-experience-user-experience-design-usability_c6d1235298.jpg" width="631" /></picture>
</div>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="medium-10 medium-offset-1 cell">
<div class="twi-wrapper">
<div class="main-text">
<h3><p>Marken erlebbar zu gestalten, bedeutet Inhalte der gesamten Zielgruppe zugänglich zu machen. Durch die langjährige Zusammenarbeit mit öffentlichen Institutionen wissen wir was das bedeutet. Denn Accessibility ist Teil einer überzeugenden User Experience.</p></h3>
</div>
</div>
</div>
</div>
</div>
<div class="vertigo">
<div></div>
</div>
</div>
<div class="ce-item basic-text-segment light bg-6 " id="c121">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="large-9 medium-9 cell">
<div class="text-segment">
<h3>Zeigt sich in jeder Phase eines Projekts: fachliche Kompetenz, Kreativität und ein eingespieltes Team.</h3>
<p>Eine gute User Experience lässt Erwartungen zu positiven Erfahrungen werden. Damit das gelingt, steht bei uns nicht nur der Nutzer, sondern auch Sie von Anfang an im Mittelpunkt. Beginnend bei der <strong>Product Vision und der Konzepterarbeitung entwerfen wir gemeinsam die passende UX Strategie</strong>, welche in die Kreation Ihrer digitalen Lösungen einfliesst. Dabei setzen wir nicht nur auf die enge Zusammenarbeit mit Ihnen, sondern auch auf den interdisziplinären Austausch im Team. So kombinieren wir die Stärken des Einzelnen für ein Endergebnis, das begeistert. Visuell wie konzeptionell.</p>
<p class="button"><a href="/loesungen/ux-design/design-workflow">Unser Design Workflow</a></p>
<p>&nbsp;</p>
</div>
</div>
</div>
</div>
</div>
<div class="ce-item fullscreen-parallax fullvp imaged" id="c2401">
<div class="fullvp parallax show-for-large-up" style="background:url(/fileadmin/_processed_/1/a/csm_snowflake-experience-UX-UI_86c9bf1a9e.jpg) center center no-repeat fixed transparent; background-size:cover;"></div>
<div class="fullvp parallax show-for-medium-only" style="background:url(/fileadmin/_processed_/1/a/csm_snowflake-experience-UX-UI_2b1fcab3b1.jpg) center center no-repeat fixed transparent; background-size:cover;"></div>
<div class="fullvp parallax show-for-small-only" style="background:url(/fileadmin/_processed_/1/a/csm_snowflake-experience-UX-UI_28ec90d916.jpg) center center no-repeat fixed transparent; background-size:cover;"></div>
</div>
<div class="ce-item related-content-2 bg-9 light" id="c1121">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="small-12 medium-6 medium-offset-3 large-6 large-offset-3">
<h2 class="center">Interessant und verwandt</h2>
</div>
</div>
<div class="grid-x grid-padding-x related-listing">
<div class="large-offset-1 medium-6 large-5 cell rel-item">
<div class="related-wrapper">
<div class="related-wrapper"><div class="related-cat"><span>Referenzen</span></div><div class="linkholder"><a href="/referenzen/ux-fuer-migrolino-e-learning-plattform" class="full-link">UX für Migrolino E-Learning Plattform</a><div class="related-img"><div class="animated-image"><img title="UX für Migrolino E-Learning Plattform" alt="UX für Migrolino E-Learning Plattform" src="/fileadmin/_processed_/9/b/csm_migrolino_mainvisual_1600x1068_a0956ce303.jpg" width="435" height="290" /></div></div><div class="related-date"><span>migrolino AG</span></div><div class="related-title"><h4><a href="/referenzen/ux-fuer-migrolino-e-learning-plattform">UX für eine E-Learning Plattform</a></h4></div></div></div>
</div>
</div>
<div class="medium-6 large-5 cell rel-item">
<div class="related-wrapper">
<div class="linkholder"><a class="full-link" href="/wissensblog/post/das-ux-review"></a><div class="related-wrapper"><div class="related-cat"><span>
Wissensblog
</span></div><div class="related-img"><div class="animated-image"><img title="Das UX Review: wenn Ihnen die Interaktion mit Ihrer Zielgruppe wichtig ist" alt="Das UX Review: wenn Ihnen die Interaktion mit Ihrer Zielgruppe wichtig ist" src="/fileadmin/_processed_/d/2/csm_Snowflake_Touchpoints_629dc45f7b.png" width="435" height="290" /></div></div><div class="related-date"><span>18.12.2020</span></div><div class="related-title"><h4><a href="/wissensblog/post/das-ux-review">Das UX Review: wenn Ihnen die Interaktion mit Ihrer Zielgruppe wichtig ist</a></h4></div></div></div>
</div>
</div>
<div class="large-offset-1 medium-6 large-5 cell rel-item">
<div class="related-wrapper">
<div class="related-wrapper"><div class="related-cat"><span>Referenzen</span></div><div class="linkholder"><a href="/referenzen/nutzerzentrierter-web-self-service" class="full-link">Nutzerzentrierter Web Self Service</a><div class="related-img"><div class="animated-image"><img title="Nutzerzentrierter Web Self Service" alt="Nutzerzentrierter Web Self Service" src="/fileadmin/_processed_/f/3/csm_abs_website_mainvisual_1600x1068_bfe273cd07.jpg" width="435" height="290" /></div></div><div class="related-date"><span>Alternative Bank Schweiz AG</span></div><div class="related-title"><h4><a href="/referenzen/nutzerzentrierter-web-self-service">Nutzerzentrierter Web Self Service</a></h4></div></div></div>
</div>
</div>
</div>
</div>
</div>
<div class="ce-item team-contact-teaser bg-6 light" id="c127">
<div class="grid-container">
<div class="grid-x grid-padding-x data-equalizer">
<div class="medium-7 cell" data-equalizer-watch>
<div class="contact-item-left">
<a href="/kontakt" class="full-link">&nbsp;</a>
<div class="img-holder" style="background:url(/fileadmin/_processed_/9/4/csm_Snowflake-team-kreation_02d4bcaa64.jpg) center center no-repeat scroll transparent; background-size:100%;"></div>
<div class="text-holder">
<div class="clearfix">
<p>Wir stellen vor…</p>
<h3>Team Kreation - User Experience neu gedacht</h3>
</div>
</div>
<div class="bg-darken"></div>
</div>
</div>
<div class="medium-5 cell" data-equalizer-watch>
<div class="contact-item-right bg-5">
<h3>Gemeinsam für das beste Ergebnis.</h3>
<p>Erfolgreiche Projekte beginnen mit der Kontaktaufnahme. Wir freuen uns von Ihnen zu hören und gemeinsam digitale Touchpoints zu gestalten, die überzeugen.&nbsp;</p>
<a href="/kontakt" class="button">Kontakt</a>
</div>
</div>
<div class="mobonly cell" data-equalizer-watch>
<div class="contact-item-left">
<a href="/kontakt" class="full-link">&nbsp;</a>
<div class="img-holder" style="background:url(/fileadmin/_processed_/9/4/csm_Snowflake-team-kreation_02d4bcaa64.jpg) center center no-repeat scroll transparent; background-size:100%;"></div>
<div class="text-holder">
<div class="clearfix">
<p>Wir stellen vor…</p>
<h3>Team Kreation - User Experience neu gedacht</h3>
</div>
</div>
<div class="bg-darken"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--TYPO3SEARCH_end-->
<div id="backToTop">Top
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="10.462" height="5.936" viewBox="0 0 10.462 5.936">
<g transform="translate(0)">
<path d="M91.7,151.573l-5.231-5.231L91.7,141.11l.705.705-4.526,4.526,4.526,4.526Z" transform="translate(151.573 -86.464) rotate(90)"/>
</g>
</svg>
</span>
</div>
<div id="footer">
<div class="grid-container">
<div class="grid-x grid-padding-x">
<div class="small-12 medium-6 cell">
<div class="footer-group">
<p>Snowflake Group</p><ul><li><a href="https://www.snowflake-breeze.ch/" class="logo"><img src="/fileadmin/breeze/icons/logo_snowflake_breeze.svg" width="162" height="50" alt="Logo Snowflake Breeze" border="0"></a></li><li><a href="https://www.fgtclb.com/" class="logo"><img src="/fileadmin/breeze/logos/FGTCLB_white.svg" width="46" height="50" alt="" border="0"></a></li><li><a href="https://www.snowflake.ch/" class="logo"><img src="/fileadmin/snowflake/logos/Snowflake-Logo-weiss.svg" width="157" height="50" alt="" border="0"></a></li><li><a href="https://flake.ch/" class="logo"><img src="/fileadmin/snowflake/logos/flake_logo_white.svg" width="70" height="50" alt="" title="Flake GmbH Logo Weiss" border="0"></a></li></ul>
</div>
</div>
<div class="small-12 medium-3 cell">
<div class="footer-social">
<ul>
<li>
<a href="https://www.linkedin.com/company/snowflake-productions-gmbh/" target="_blank" rel="noreferrer">
<span style="background: url(/fileadmin/breeze/icons/icon_linkedin.svg) left center no-repeat scroll transparent;">
</span>
Linkedin
</a>
</li>
<li>
<a href="https://twitter.com/snowflakech/" target="_blank" rel="noreferrer">
<span style="background: url(/fileadmin/breeze/icons/icon_twitter.svg) left center no-repeat scroll transparent;">
</span>
Twitter
</a>
</li>
<li>
<a href="https://www.xing.com/companies/snowflakeproductionsgmbh/" target="_blank" rel="noreferrer">
<span style="background: url(/fileadmin/breeze/icons/icon_xing.svg) left center no-repeat scroll transparent;">
</span>
Xing
</a>
</li>
<li>
<a href="/newsletteranmeldung" target="_blank">
<span style="background: url(/fileadmin/breeze/icons/icon_newsletter.svg) left center no-repeat scroll transparent;">
</span>
Newsletter
</a>
</li>
</ul>
</div>
</div>
<div class="small-12 medium-3 cell">
<div class="footer-contact">
<p>Snowflake Productions GmbH</p>
<p>Birmensdorferstrasse 94</p>
<p>8003 Zürich</p>
<p>+41 58 680 32 32</p>
<p><a href="javascript:linkTo_UnCryptMailto(%27ocknvq%2CbwgtkejBupqyhncmg0ej%27);">zuerich<span>@</span>snowflake<span>.</span>ch</a></p>
</div>
</div>
</div>
</div>
<div class="footermenu clearfix">
<div class="footer-locations float-left">
<ul><li><a href="/kontakt">Zürich</a></li><li><a href="/kontakt">Bern</a></li><li><a href="/kontakt">Basel</a></li><li><a href="/kontakt">Luzern</a></li><li><a href="/kontakt">St. Gallen</a></li></ul>
</div>
<div class="footer-info float-right">
<ul><li><a href="/datenschutz">Datenschutz</a></li><li><a href="/impressum">Impressum</a></li></ul>
</div>
</div>
</div>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/jquery.js?1594721073"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/what-input.min.js?1536350738"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/jquery.easing.min.js?1594721958"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/tweenmax.min.js?1595593479"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/slick.min.js?1594907665"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/foundation.min.js?499162500"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/jquery.waypoints.min.js?1472912569"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/inview.min.js?1472912569"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/lightbox.js?1620131170"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/jquery.autocomplete.min.js?1616756759"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/jquery.visible.min.js?1529010445"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/jquery.validate.min.js?1604486163"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/jquery.validate.messages.de.js?1610017641"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/scripts/cookies.js?1623654336"></script>
<script src="/typo3conf/ext/snowflake_experience/Resources/Public/js/app.js?1623654349"></script>
</body>
</html>