Software Entwicklung https://backend-www.cando-image.com/de de Case: Koster Home - Energy Manager https://backend-www.cando-image.com/de/case-koster-home-energy-manager <span class="field field--name-title field--type-string field--label-hidden">Case: Koster Home - Energy Manager</span> <div id="field-language-display"><div class="js-form-item form-item js-form-type-item form-type-item js-form-item- form-item-"> <label>Language</label> German </div> </div><span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/de/user/8" typeof="schema:Person" property="schema:name" datatype="" content="stephan.ziegler@cando-image.com">stephan.ziegle…</span></span> <span class="field field--name-created field--type-created field--label-hidden">Fr., 09/29/2023 - 14:57</span> <div class="field field--name-field-tags field--type-entity-reference field--label-inline clearfix"> <h3 class="field__label inline">Tags</h3> <ul class="links field__items"> <li><a href="/de/taxonomy/term/11" hreflang="de">Enterprise Application</a></li> <li><a href="/de/taxonomy/term/18" hreflang="de">User Experience Design</a></li> <li><a href="/de/taxonomy/term/31" hreflang="de">Mobile Apps</a></li> <li><a href="/de/taxonomy/term/20" hreflang="de">Awards</a></li> <li><a href="/de/taxonomy/term/25" hreflang="de">Innovation</a></li> <li><a href="/de/taxonomy/term/28" hreflang="de">Software Entwicklung</a></li> <li><a href="/de/taxonomy/term/9" hreflang="de">Referenz</a></li> </ul> </div> <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero paragraph--view-mode--preview"> <div class="field field--name-field-fullsize field--type-boolean field--label-inline clearfix"> <div class="field__label">Fullsize</div> <div class="field__item">Off</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">true</div> </div> <div class="field field--name-field-hero-items field--type-entity-reference-revisions field--label-above"> <div class="field__label">Elemente</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero-item paragraph--view-mode--preview"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">true</div> </div> <div class="field field--name-field-hero-subtitle field--type-string field--label-inline clearfix"> <div class="field__label">Untertitel</div> <div class="field__item">Koster AG</div> </div> <div class="clearfix text-formatted field field--name-field-hero-title field--type-text-long field--label-above"> <div class="field__label">Titel</div> <div class="field__item"><p>Koster Home -</p> <p>Energy Manager mit KI-Unterstützung</p> </div> </div> <div class="field field--name-field-hero-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/W3YSHCVgYgJy489PlW8L3_dkMuf_x8Ch5ebPYKRM9FM/1697462531/public/styles/thumbnail/public/2023-10/koster_home_hero_dark_0.jpg?itok=flTl_k7R" width="100" height="62" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-sidebar paragraph--view-mode--preview"> <div class="clearfix text-formatted field field--name-field-tws-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p class="body-1">Mit Koster Home können HausbesitzerInnen alles rund um Energie managen - von zu Hause und unterwegs.</p></div> </div> <div class="clearfix text-formatted field field--name-field-tws-sidebar-content field--type-text-long field--label-inline"> <div class="field__label">Sidebar Inhalt</div> <div class="field__item"><p class="subtitle-1">Kunde</p> <p class="caption">Koster AG</p> <p class="caption"> </p> <p class="subtitle-1">Kompetenzen</p></div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Koster Home ist nicht nur auf Photovoltaik limitiert, sondern bindet auch die Wärmepumpe und die Hausautomation mit den wichtigsten Verbrauchern smart ein.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Alles im Blick - für zu Hause und unterwegs</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/ZdWIeyO15FBp1hYXlyxDjFbd3MEUTFN6OqYWLp4TarU/1697291144/public/styles/thumbnail/public/2023-10/Overview%201.jpg?itok=ywNF3KnL" width="100" height="100" alt="Koster Home Overview PV, Automation, Wärme" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-links field--type-entity-reference-revisions field--label-above"> <div class="field__label">Twm Links</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--link paragraph--view-mode--default"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-link-type field--type-list-string field--label-inline clearfix"> <div class="field__label">Link Type</div> <div class="field__item">Link</div> </div> <div class="field field--name-field-link-link field--type-link field--label-inline clearfix"> <div class="field__label">Link</div> <div class="field__item"><a href="https://none" rel="noreferrer">.</a></div> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-video media--view-mode-preview"> <div class="field field--name-field-media-video-file field--type-file field--label-visually_hidden"> <div class="field__label visually-hidden">Video-Datei</div> <div class="field__item"> <video controls="controls" muted="muted" width="64" height="48"> <source src="/cdn/ff/MN7JBuYZOXTE1d38gep0rb-8b2-ato7Pg0xm0jE2Od0/1697271421/public/2023-10/final.mp4" type="video/mp4" /> </video> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-background-media paragraph--view-mode--preview"> <div class="field field--name-field-twbm-title field--type-string field--label-inline clearfix"> <div class="field__label">Titel</div> <div class="field__item">Überblick in Echtzeit</div> </div> <div class="clearfix text-formatted field field--name-field-twbm-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p>Live-Daten erlauben einen Einblick in die Solarenergie- und Wärmeproduktion, den Verbrauch und den Batteriestatus quasi in Echtzeit. Dies wird anschaulich visualisiert und animiert. Die wichtigsten Komponenten sind als Illustration inkl. grafischem Status (siehe z.B. Ladestand der Batterie oder des Autos) und Werten dargestellt. Ein «Tap»<br /> zeigt die Details dazu an.</p> </div> </div> <div class="field field--name-field-twbm-media field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Medium</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/giJSvwRy2N8SPvFMAx0cvPmjsFB6QADOWhfpiMykxTk/1697272994/public/styles/thumbnail/public/2023-10/kh_overview_fullscreeen.png?itok=W4P4Em--" width="100" height="56" alt="Überblick in Echtzeit" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Analyse der Energieproduktion</h3> <p>Detaillierte Analysen zeigen Trends in der Solarenergieproduktion, den Autarkiegrad  sowie den erzeugten Betrag in CHF auf. Die Darstellung passt sich den unterschiedlichen Zeiträumen an z.B. «Tag» bietet die höchste Detailstufe mit überlagerten Kurvendiagrammen. «Woche», «Monat», «Jahr», «Abrechnung» zeigen jeweils eine kompakte, summarische Visualisierung.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">9</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/sJyFPgjRA1Jh-QQs7W1V-18ucTZNg72VPghPcOJjXNw/1697280295/public/styles/thumbnail/public/2023-10/kh_analyse.png?itok=HjEnSphD" width="100" height="56" alt="KH Analyse Produktion" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Intelligent Energie sparen</h3> <p>Durch die Integration von Wettervorhersagen, Sonneneinstrahlung und anlagenspezifischer Charakteristiken, kann bis zu 30% Energie eingespart werden – ohne dass der Komfort darunter leidet. Wird beispielsweise in zwei Tagen ein starker Temperaturanstieg und viel Sonneneinstrahlung erwartet, wird die sogenannte «Vorlauf-Temperatur» der Heizung bereits frühzeitig reduziert und spart so Energie.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">5</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/aCrPQEWAcIBsBCgkZpEzjVMV1jbjmQs90dDlF11sdLM/1697280815/public/styles/thumbnail/public/2023-10/kh_energie_sparen.png?itok=kjK4vKZq" width="100" height="56" alt="KH Intelligent Energie sparen" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Benachrichtigungen bei Problemen</h3> <p>Fehler werden bereits früh angezeigt. Sinkt beispielsweise die Warmwassertemperatur unter einen bestimmten Wert, wird der Benutzer über die App direkt in der Übersicht oder bei den Benachrichtigungen darüber informiert. Er kann so rechtzeitig darauf reagieren und über den Smart Service versuchen das Problem zu lösen (siehe Smart Service).</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">7</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/yrwT0vCminZJLJAyYOD5PYv3FJbobFzp0aiO1iTYSiE/1697281322/public/styles/thumbnail/public/2023-10/kh_benachrichtigungen.png?itok=U2_lKHbE" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Steuerung per «Tap»</h3> <p>Die wichtigsten Informationen sind stets auf einen Blick sichtbar. Will man mehr wissen, genügt ein «Tap» auf ein Icon eines Gerätes und man gelangt zur Detailansicht mit allen Werten. Auch komplexere Szenen mit intelligenten Algorithmen können einfach über die App aktiviert und deaktiviert werden. Konfiguriert werden diese mit dem Flowmanager im Backend der Steuerung.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">5</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/ObeoxGOYsX0kUEgP233g6sBaFjcTFEqbTGeMBqGnnbI/1697281679/public/styles/thumbnail/public/2023-10/kh_szenen.png?itok=NjAGAT56" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Smarter Service</h3> <p>Geht mal was schief, so hilft der smarte Service. Dank KI-Unterstützung wird der Benutzer per Checkliste präzise geführt und kann so Probleme selber lösen oder eingrenzen und bei Bedarf direkt den Service anfordern. Der Servicetechniker sieht auf einen Blick alle relevanten Kunden- und Anlageninformationen und kann bereits remote per Video Call versuchen das Problem zu lösen. </p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">7</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/XpIb4HhRBjBDimgj5_Tze1Hzdpux5jLTt5KiCYpAJDY/1697281920/public/styles/thumbnail/public/2023-10/kh_service.png?itok=2rDtUBBp" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/pqTWpHQJfYxcxr2ES3ncEcADAjJnefJEoCUjXVfyacI/1697290031/public/styles/thumbnail/public/2023-10/kh_ki_hilfe.jpg?itok=6wFKGTJ9" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Live-Wetterdaten in der Übersicht</h3> <p>Koster Home zeigt das aktuelle Wetter live und animiert in der Übersicht der App an. Die Wetterdaten werden alle 15 Minuten aktualisiert und zusammen mit der animierten Solarstromproduktion und der Wärmeerzeugung dar-gestellt – ein schönes «Live» Erlebnis.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">5</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/0WMbSTAduZQCS_7I8ecMHpVBt6mtZk9MTdAe42KcSBQ/1697288224/public/styles/thumbnail/public/2023-10/kh_wetter.png?itok=0KJCPy_F" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/ql_IN1UBpD0lFmrZLyRUG2PMuCkUXbbmtG0h-AjpNNI/1697288525/public/styles/thumbnail/public/2023-10/kh_darkmode.jpg?itok=fyaOSGUX" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Sprache des Benutzers statt Fachjargon</h3> <p>Koster Home spricht die Sprache eines Laien und visualisiert alle Energieflüsse und Erträge anschaulich. Statt z.B. von «Brauchwasser und Vorlauf» wird schlicht von «Warm-und Heizwasser» gesprochen und Symbole einer Dusche oder eines Radiators zeigen dies schön auf.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">7</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/hUVNCDGutfVgjPimsMxB94nu9QZS7hysmgoLpvQbtaY/1697288813/public/styles/thumbnail/public/2023-10/kh_sprache_benutzer.jpg?itok=rAuJ7HWb" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/bCj7LNo4jW35pNRhvGcwhUAFpKSiZDgQaGK4Bkx1eo4/1697289610/public/styles/thumbnail/public/2023-10/kh_integrationen_0.jpg?itok=VOCEr_N8" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>«Koster Home» gehört zu den besten Apps der Schweiz und wurde von einer hochkarätigen Jury aus über 169 eingereichten Projekten (Apps) als Master Kandidat nominiert (Top 9).</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Master Nomination für «Best of Swiss Apps» Award 2023</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/jp7gN7dC-2vcDjPh-k5iL71PSffkeBkpIsCl1QJr1B4/1697294836/public/styles/thumbnail/public/2023-10/Best%20of%20Swiss%20Apps%20transparent%20dark%20big_0.png?itok=oH7zZQD2" width="100" height="100" alt="Koster Home App Cando Best of Swiss Apps 2023" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-links field--type-entity-reference-revisions field--label-above"> <div class="field__label">Twm Links</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--link paragraph--view-mode--default"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-link-type field--type-list-string field--label-inline clearfix"> <div class="field__label">Link Type</div> <div class="field__item">Link</div> </div> <div class="field field--name-field-link-link field--type-link field--label-inline clearfix"> <div class="field__label">Link</div> <div class="field__item"><a href="https://www.netzwoche.ch/news/2023-09-26/master-kandidat-koster-home-energy-manager" rel="noreferrer">Mehr dazu</a></div> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/pzkWdeTXu1_oECxJB1RrShLaw5vxFtv0fVXwrTjMw0o/1698420274/public/styles/thumbnail/public/2023-10/award_combo_cando_kh_2.jpg?itok=LAzSJNGs" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--quote paragraph--view-mode--preview"> <div class="field field--name-field-quote-sentence field--type-string-long field--label-inline clearfix"> <div class="field__label">Sentence</div> <div class="field__item">Wer ein Haus mit Photovoltaik-Anlage besitzt, der hat mit dem “Energy Manager” seinen Energieverbrauch im Griff und kann das Maximum aus der generierten Solarenergie herausholen.<br /> <br /> Die App überzeugt nicht nur durch das funktionelle und ästhetische Design sowie die intuitive Navigation, sondern vor allem durch ihre Funktionalität: <br /> <br /> Für die schnelle Selbsthilfe steht ein KI-Chat, trainiert mit den Geräte-Manuals, zur Verfügung. Reicht das nicht, wird der Servicetechniker per Video-Call aufgeboten. So entsteht ein gelungenes Gesamtpaket für heimische Energieeffizienz.</div> </div> <div class="field field--name-field-quote-author field--type-string field--label-inline clearfix"> <div class="field__label">Autor</div> <div class="field__item">Jury Urteil</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>System Übersicht</h3> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">9</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/IQIQttwugs1F_SdAuu-Bom7xR45G4LRM9wfQOx19NaM/1697290661/public/styles/thumbnail/public/2023-10/kh_system_overview.jpg?itok=cqsmkqE6" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Über Koster</h3> <p>Koster Home ist ein Produkt der Koster AG. Die Firma Koster wurde 1967 von Max Koster gegründet. Bereits in den 70er Jahren wurden erste Grossprojekte im Bereich Gebäude- und haustechnik ausgeführt. Die Firma wuchs kontinuierlich. 2023 beschäftigte die Koster AG über 220 festangestellte Mitarbeitende an total 6 Standorten.  Koster bietet Lösungen von A bis Z – das heisst von der Objektbesichtigung und Beratung, zur Planung und Offertstellung bis hin zur Installation der Haustechnik durch die Monteure. Dazu gehört auch die Wartung und der Unterhalt von Anlagen und das Beheben von Störungen. Koster saniert und optimiert auch bestehende Systeme und Anlagen.</p> <p> </p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Mehr zu Apps und IoT</h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--tiles paragraph--view-mode--preview"> <div class="field field--name-field-tiles-teaser field--type-boolean field--label-above"> <div class="field__label">Tiles Teaser</div> <div class="field__item">An</div> </div> <div class="field field--name-field-tiles-large field--type-boolean field--label-above"> <div class="field__label">Tiles Large</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-tiles-limit field--type-integer field--label-above"> <div class="field__label">Tiles limit</div> <div class="field__item">3</div> </div> <div class="field field--name-field-tiles-author field--type-boolean field--label-above"> <div class="field__label">Tiles Author</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-ref-nodes field--type-entity-reference field--label-above"> <div class="field__label">Manual References</div> <div class="field__items"> <div class="field__item"><a href="/de/case-eliot" hreflang="de">Case: ElioT</a></div> <div class="field__item"><a href="/de/case-study-vespa-shop-konfigurator" hreflang="de">Case: Vespa</a></div> <div class="field__item"><a href="/de/case-hellofresh" hreflang="de">Case: HelloFresh</a></div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--banner paragraph--view-mode--preview"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-banner-title field--type-string field--label-inline clearfix"> <div class="field__label">Title</div> <div class="field__item">Haben Sie Fragen zu Apps und IoT Lösungen?</div> </div> <div class="field field--name-field-banner-links field--type-entity-reference-revisions field--label-above"> <div class="field__label">Links</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--link paragraph--view-mode--default"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-link-type field--type-list-string field--label-inline clearfix"> <div class="field__label">Link Type</div> <div class="field__item">Button</div> </div> <div class="field field--name-field-link-link field--type-link field--label-inline clearfix"> <div class="field__label">Link</div> <div class="field__item"><a href="https://www.cando-image.com/de/angebot-software-entwicklung" rel="noreferrer">Mehr erfahren</a></div> </div> </div> </div> </div> </div> <div class="field field--name-field-banner-media field--type-entity-reference field--label-above"> <div class="field__label">Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/VMKjYxkprl6kHJX8x6AS7EKj63sN1bgFLyKQNAWj_uw/1697462978/public/styles/thumbnail/public/2023-10/mugshot-stephan-ziegler.png?itok=td7QQiuD" width="100" height="100" alt="Stephan Ziegler" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> </div> <a href="https://www.cando-image.com/de/case-koster-home-energy-manager" target="CandoFrontend">Open</a><br /><iframe width="100%" style="min-height: 700px;" src="https://www.cando-image.com/de/case-koster-home-energy-manager"></iframe> <div class="field field--name-field-tile-title field--type-string field--label-inline clearfix"> <div class="field__label">Tile Title</div> <div class="field__item">Koster Home - Energy Manager mit KI-Service</div> </div> <div class="clearfix text-formatted field field--name-field-tile-text field--type-text-long field--label-above"> <div class="field__label">Tile Text</div> <div class="field__item"><p>Mit Koster Home können HausbesitzerInnen alles rund um Energie managen - von zu Hause und unterwegs. </p> </div> </div> <div class="field field--name-field-tile-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/IsVdDukfF-TVv6dBxlqdKGwsYh6__pW6mufuuIzVMaY/1697462531/public/styles/thumbnail/public/2023-10/kh_website_teaser.jpg?itok=RMHaF6j7" width="100" height="75" alt="Koster Home Energy Manager Cando" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> <div class="field field--name-field-tile-case-study field--type-string field--label-above"> <div class="field__label">Tile Case Study</div> <div class="field__item">Koster AG</div> </div> <div class="field field--name-field-tile-color field--type-string field--label-above"> <div class="field__label">Tile Color</div> <div class="field__item">#faf9f7</div> </div> Fri, 29 Sep 2023 12:57:57 +0000 stephan.ziegler@cando-image.com 106 at https://backend-www.cando-image.com Case: S-GE https://backend-www.cando-image.com/de/case-s-ge <span class="field field--name-title field--type-string field--label-hidden">Case: S-GE</span> <div id="field-language-display"><div class="js-form-item form-item js-form-type-item form-type-item js-form-item- form-item-"> <label>Language</label> German </div> </div><span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/de/user/12" typeof="schema:Person" property="schema:name" datatype="">nikiza</span></span> <span class="field field--name-created field--type-created field--label-hidden">Mi., 04/06/2022 - 10:15</span> <div class="field field--name-field-tags field--type-entity-reference field--label-inline clearfix"> <h3 class="field__label inline">Tags</h3> <ul class="links field__items"> <li><a href="/de/taxonomy/term/25" hreflang="de">Innovation</a></li> <li><a href="/de/taxonomy/term/18" hreflang="de">User Experience Design</a></li> <li><a href="/de/taxonomy/term/28" hreflang="de">Software Entwicklung</a></li> <li><a href="/de/taxonomy/term/34" hreflang="de">DevOps</a></li> <li><a href="/de/taxonomy/term/35" hreflang="de">Co-Creation</a></li> <li><a href="/de/taxonomy/term/9" hreflang="de">Referenz</a></li> <li><a href="/de/taxonomy/term/20" hreflang="de">Awards</a></li> <li><a href="/de/taxonomy/term/36" hreflang="de">AI</a></li> </ul> </div> <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero paragraph--view-mode--preview"> <div class="field field--name-field-fullsize field--type-boolean field--label-inline clearfix"> <div class="field__label">Fullsize</div> <div class="field__item">Off</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-hero-items field--type-entity-reference-revisions field--label-above"> <div class="field__label">Elemente</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero-item paragraph--view-mode--preview"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">true</div> </div> <div class="field field--name-field-hero-subtitle field--type-string field--label-inline clearfix"> <div class="field__label">Untertitel</div> <div class="field__item">Switzerland Global Enterprise</div> </div> <div class="clearfix text-formatted field field--name-field-hero-title field--type-text-long field--label-above"> <div class="field__label">Titel</div> <div class="field__item"><p>«GoGlobal Cockpit» – das Self-Service Portal für die Internationalisierung</p> </div> </div> <div class="field field--name-field-hero-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/Doo1wF3AEGPJPuUcEIdc51WI9eC5T2J-uExSwevWtT8/1727868219/public/styles/thumbnail/public/2024-10/cockpit_hero_logos_v1.2.jpg?itok=wRnF4lIK" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-sidebar paragraph--view-mode--preview"> <div class="clearfix text-formatted field field--name-field-tws-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><h4>Switzerland Global Enterprise (S-GE) ist die offizielle Schweizer Organisation für Exportförderung und Standortpromotion mit Standorten in allen Schweizer Landesteilen und in 31 Ländern mit rund 2</h4></div> </div> <div class="clearfix text-formatted field field--name-field-tws-sidebar-content field--type-text-long field--label-inline"> <div class="field__label">Sidebar Inhalt</div> <div class="field__item"><p class="subtitle-1">Kunde</p> <p class="caption">Switzerland Global Enterprise</p> <p class="caption"> </p> <p class="subtitle-1">Kompetenzen</p></div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><p>Ins Ausland expandieren? Und wenn ja: In welches Land und was ist dabei zu beachten? All diese Fragen beantwortet das «GoGlobal Cockpit», eine interaktive Online-Plattform für Unternehmen in der Schweiz, die mit Produkten, Software oder Dienstleistungen ins Ausland expandieren möchten. Es eignet sich für Start-ups ohne Internationalisierungserfahrung genauso wie für erfahrene Unternehmen, die operative Fragen haben. Und zwar online, rund um die Uhr, 7x24.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Das «GoGlobal Cockpit» gewinnt den <a href="https://www.cando-image.com/de/blog-ki-mit-einer-menschlichen-note" rel="noreferrer">WTPO Award 2024</a> für die «Beste Nutzung der Informationstechnologie und KI». <a href="https://www.cando-image.com/de/blog-ki-mit-einer-menschlichen-note" rel="noreferrer">Mehr</a> dazu.</h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">12</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--quote paragraph--view-mode--preview"> <div class="field field--name-field-quote-sentence field--type-string-long field--label-inline clearfix"> <div class="field__label">Sentence</div> <div class="field__item">Wenn man sich die Welt heute anschaut, wird der Handel immer komplexer mit begrenzten Ressourcen. Also sagten wir, wir brauchen einen intelligenten Assistenten, der unseren Kundinnen und Teams ermöglicht, globales Geschäft gemeinsam voranzutreiben. Und genau das haben wir getan. Und allein in diesem Jahr, stark bedingt durch diesen Ansatz, hatten wir 20 % mehr Kundinnen. Es gab zwei Trends und Herausforderungen, die uns dazu bewegt haben, dieses KI-Tool mit menschlicher Note zu entwickeln.</div> </div> <div class="field field--name-field-quote-author field--type-string field--label-inline clearfix"> <div class="field__label">Autor</div> <div class="field__item">Simone Wyss Fedele</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h4><span style="white-space:pre-wrap;">Die Ausgangslage</span></h4> <p><span style="white-space:pre-wrap;">Bisher richtete sich das bestehende «GoGlobal Cockpit» ausschliesslich an Firmen, die materielle Produkte exportieren. Doch da mittlerweile mehr als 50% der S-GE Kunden Dienstleistungs-und Softwareunternehmen sind, galt es deren Bedürfnisse abzuholen und sie neu online zu unterstützen. </span></p> <p> </p> <p><span style="white-space:pre-wrap;">Auf der bestehenden Basis – welche S-GE mit «Trade Insights», einem Produkt von Périmetrè umgesetzt hatte – suchte S-GE nun für die Weiterentwicklung nach einer Digital-Agentur. Dabei konnte sich Cando im Rahmen einer öffentlichen Ausschreibung 2020 gegen 18 Agenturen durchsetzen. Ausschlaggebend war unter anderem die gesamtheitliche Unterstützung angefangen von Innovationsmanagment und Co-Creation bis zu UX und Design sowie der agilen, digitalen Produktentwicklung. Die Erfahrung mit Self-Service Portalen und das Domänen Know-how im Bereich Internationalisierung, Zoll und Crossboarder Commerce waren weitere wertvolle Faktoren.</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/gwpUA_vBPUjOIKPa3smS98Jr_f7bECGllAe9W8JS5_M/1649238432/public/styles/thumbnail/public/2022-04/group_560.png?itok=HfvsRR-j" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h4><span style="white-space:pre-wrap;">Die Vorgehensweise</span></h4> <p><span style="white-space:pre-wrap;">Ziel ist eine langfristige Zusammenarbeit, bei der S-GE den Lead im Bereich Produktmanagement verantwortet. Cando unterstützt S-GE bei verschiedenen Themen wie Stakeholdern Einbindung, Kundenbedürfnisse abholen, Aufdecken von innovativen Lösungsansätzen durch Co-Creation Workshops und Design Sprints sowie der agilen Software Entwicklung und DevOps.</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-video media--view-mode-preview"> <div class="field field--name-field-media-video-file field--type-file field--label-visually_hidden"> <div class="field__label visually-hidden">Video-Datei</div> <div class="field__item"> <video controls="controls" muted="muted" width="64" height="48"> <source src="https://static.cando-image.com/cdn/ff/-SMl-S5yqSHzJBR3Ky58bAgZD1RjM2-wJ-OqEtYQh8c/1649405977/public/2022-04/goglobal_cockpit_step12.mp4" type="video/mp4" /> </video> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h4>Themen, Scope und Roadmap</h4> <p><span style="white-space:pre-wrap;">Zum Start wurden gemeinsam mit dem Produkt Management von S-GE die aktuelle Themen (Epics) definiert und priorisiert. Dabei stand die Attraktivität für eine breite Nutzerbasis mit Fokus auf die neue Zielgruppe im Vordergrund. Wichtig war die Abdeckung möglichst vieler Themen (Breite), jedoch immer nach einem MVP Ansatz. Dies, um möglichst schnell den maximalen Impact für S-GE zu erzielen. Die resultierende Themen Landkarte wurde dann quartalsweise in Workshops den aktuellen Bedürfnissen angepasst und stellte so die Basis der Produkt Roadmap dar. </span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">9</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/5bcWOrMHu74tyRmzExQEqNEYzNE0Lw_n9FNZGqyLEk4/1649238683/public/styles/thumbnail/public/2022-04/group_563.png?itok=HgzY_y7x" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><p>Bereits früh wurden die Bedürfnisse der Kunden durch semi-strukturierte Interviews abgeholt. Ziel war es, die Motivation, Wünsche und konkreten Anforderungen an das GoGlobal Cockpit weiter zu schärfen. Gleichzeitig wurde mittels Usability Testing der Onboarding Prozess, das Dashboard und die Länderseiten mit den Kennzahlen abgetestet. So konnten wertvolle Informationen für die nachfolgende Design- und Entwicklungsphase gewonnen werden. Unter anderem hat sich dabei gezeigt, dass die Schweizer KMUs sehr spezifische Informationsbedürfnisse haben und es somit schwierig wird gemeinsame Kennzahlen zu Ländern für alle anzubieten. Ergänzt wurde der qualitative Teil von einer quantitativen Umfrage mit weiteren Kunden. Diese wurden zu den wichtigsten und hilfreichsten neuen Datenpunkten für das «GoGlobal Cockpit» befragt.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3><span style="white-space:pre-wrap;">Mit einem Design Sprint </span><br /> <span style="white-space:pre-wrap;">schneller zum Ziel</span></h3> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/9cn3E0F2EfXiS4ina0MhcyYgmJvQqNilNFCxUjcmtfk/1649235322/public/styles/thumbnail/public/2022-04/bubbles-1.png?itok=q8_j8G_C" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><p><span style="white-space:pre-wrap;">Im Anschluss an die Bedürfnisanalyse folgte ein Design Sprint. Dafür wurde ein interdisziplinäres Team zusammengestellt. Dieses bestand zu einem Teil aus Experten, Beraterinnen und Entscheidungsträgern von S-GE, welche die Bedürfnisse der Zielgruppen (Software- und Dienstleistungsfirmen) sehr gut kannten. Zum anderen Teil unterstützten UX Spezialisten, Designer und Moderatoren von Cando.</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--quote paragraph--view-mode--preview"> <div class="field field--name-field-quote-sentence field--type-string-long field--label-inline clearfix"> <div class="field__label">Sentence</div> <div class="field__item">«Der Design Sprint mit unseren Beratern und Experten war ein Highlight: Sehr wertvoll, klar strukturiert und moderiert durch Cando. In kürzester Zeit entwickelte so das Team gemeinsam innovative Lösungsansätze für die neue Zielgruppe. Das Ergebnis mit den Beratungspaketen, Entsende Tool und Business Opportunities kommt ausgesprochen gut an.»</div> </div> <div class="field field--name-field-quote-author field--type-string field--label-inline clearfix"> <div class="field__label">Autor</div> <div class="field__item">Dr. Julia Vogel Wenzin</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h4><span style="white-space:pre-wrap;">Aufbau des Design Sprints </span></h4> <p><span style="white-space:pre-wrap;">Der Design Sprint dauerte fünf Tage und fand komplett remote statt. Ziel des Design Sprints war es herauszufinden, wie das «GoGlobal Cockpit» Software- und Dienstleistungsfirmen helfen kann, ihr Vorgehen für die Internationalisierung zu planen. Anhand verschiedener UX-Methoden wurden die Zielgruppen erfasst, aktuelle Probleme identifiziert und Lösungen entwickelt. Aus der innovativsten Lösung wurde im Anschluss ein Prototyp erstellt. Dieser wurde zum Ende des Design Sprints mit echten S-GE Kunden aus dem Software-Bereich getestet. Die Ergebnisse des Testings wurden in enger Zusammenarbeit von S-GE und Cando konzeptionell aufbereitet und stellten die Basis für die nächsten Entwicklungsschritte dar. Was konkret umgesetzt wurde, sehen Sie hier:</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2><span style="white-space:pre-wrap;">Die Highlights der realisierten Lösung</span></h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/cQiv-Cm1CwJwYmM6J1yg-YJySDnDBV7tugpjvzp9uQk/1649238885/public/styles/thumbnail/public/2022-04/group_514.png?itok=LVld6BjH" width="100" height="59" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h4><span style="white-space:pre-wrap;">Die Lösung</span></h4> <p><span style="white-space:pre-wrap;">Die Self-Service Lösung für Schweizer KMU ist einmalig – gerade auch im Vergleich zu anderen Ländern und Angeboten, die meist nur auf statischen Websites basieren. Das «GoGlobal Cockpit» vereint alles rund um die Internationalisierung an einem einzigen Ort: Von der Marktanalyse, Ländervergleiche, Kennzahlen, Insights, Events, Beratung, Zoll-und Steuerinformationen, Visumsvorschriften, Meldepflichten, Reisehinweise bis zu konkreten Leads und mehr als 10`000 Ausschreibungen, 180 Projekte und 120 Market Insights die extra von S-GE und den Business Hubs aufbereitet werden. Dies alles segment-spezifisch, personalisiert und geführt durch die interaktiven Online Tools.</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p><span style="white-space:pre-wrap;">Die S-GE Zielgruppen sind sehr unterschiedlich. Zum einen gibt es die typischen Exporteure, welche physische Produkte exportieren. Zum anderen Dienstleister, die einen Service in einem Land anbieten. Dann noch hybride Unternehmen die beides machen. Bereits beim Onboarding wird daher das Zielsegment abgeholt. Dies ist wichtig, damit jedem Unternehmen nur die relevanten Inhalte angezeigt werden. Beispielsweise sieht eine Produkt-Firma das Exportpotenzial pro Land spezifisch auf die selektieren Produkte. Für Softwarefirmen wiederum werden Kennzahlen wie zum Beispiel der Internetzugang der Bevölkerung oder die Höhe der Regulierungen für die Berechnung von Länderpotenzial verwendet.</span></p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Relevanz durch Personalisierung</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/-giXnWG5SwJBI-vuS-H_0m6S11OGArpWbpUbPgymRoo/1649243602/public/styles/thumbnail/public/2022-04/Group%20558.png?itok=yFOXto3w" width="100" height="95" alt="Personalisierung" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/ZDizC9aIHNT9oTjL_zZr0cwdb9jiCtPRf20M4PerVmU/1649243603/public/styles/thumbnail/public/2022-04/group_559.png?itok=7mqHbEmt" width="100" height="59" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2><span style="white-space:pre-wrap;">Interaktives Online Tool</span></h2> <p><span style="white-space:pre-wrap;">«Sobald man einen Schritt über die Grenze macht, ist man mit einem Bein im Gefängnis». Dies war das Feedback eines CEOs zum Thema Mitarbeiter ins Ausland «Entsenden». Vielen ist nicht bewusst, dass bereits Verkaufsgespräche, Meetings und andere «Arbeitseinsätze» ausserhalb der Schweiz bewilligungspflichtig sind. Gerade in Zeiten von Homeoffice und Remote Work ist dies ein sehr aktuelles Thema für Schweizer Unternehmen.</span></p> <p>Das neue, interaktive Online Tool «Entsendung von Mitarbeitern» hilft hier weiter. Es deckt Themen wie Meldepflichten, Visumsvorschriften, Versicherungen, Steuerpflichten, wichtige Dokumente, Reisehinweise und Kontakte ab. Dazu wird zuerst nach dem Zweck, der Dauer, der Nationalität des Mitarbeiters und dem Ort des Aufenthaltes gefragt. Danach erscheint ein übersichtlicher Report mit allen nötigen Informationen für das Unternehmen und den Mitarbeiter.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3><span style="white-space:pre-wrap;">Tausende, filterbare<br /> «Business Opportunities» </span></h3> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/mM2EiAG1Y9U-jyshh61UknvzqqTsvmiTPGiEMznzVMo/1649245725/public/styles/thumbnail/public/2022-04/group_5643.png?itok=TKfddAHu" width="100" height="59" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2><span style="white-space:pre-wrap;">Passende Business Opportunitäten</span></h2> <p><span style="white-space:pre-wrap;">Aus den Befragungen der KMUs wurde schnell klar, dass Sie sich neben der Beratung konkrete, passende Leads wünschen. Das «GoGlobal Cockpit» erlaubt es, einfach passende «Business Opportunitäten» zu finden. Dazu gehören neben konkreten Ausschreibungen, welche über ein Drittsystem global aus unzähligen Quellen aggregiert werden, auch Projekte oder Market Insights die von S-GE und den Business Hubs in den Ländern aktiv zusammengetragen werden. Alles ist such-und filterbar und bei Fragen stehen Ansprechpartner im Land zur Verfügung.</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p><span style="white-space:pre-wrap;">Falls trotz dem umfangreichen Self-Service Angebot des «GoGlobal Cockpits» Fragen auftauchen, können direkt aus dem Kontext der Länder oder Themenseiten passende Beratungspakete online gebucht werden. Dabei werden die besten Ansprechpartner automatisch ausgewählt und es kann gleich ein freier Termin gebucht werden. Alle Profil-und Aktivitäts-Informationen werden dabei übernommen, so dass der Berater bereits perfekt im Bilde ist über die vorgängigen Online Recherchen und Bedürfnisse der anfragenden Person.</span></p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Online Beratungspakete</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/GTlYrevE47waNP68mxYLZ57ObrOYxiO2X2UH4gzv_Bc/1649243602/public/styles/thumbnail/public/2022-04/Group%20565.png?itok=ku_WCWYQ" width="90" height="100" alt="Beratung" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3><span style="white-space:pre-wrap;">Integration von on- und<br /> offline «Events»</span></h3> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">12</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/mfmDFDbWvOuckSIo4UvsdRcGVtSFOR5mKvqQTq67Jcs/1649244912/public/styles/thumbnail/public/2022-04/group_572.png?itok=rc1UuITP" width="100" height="57" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2><span style="white-space:pre-wrap;">Alle Events Online</span></h2> <p><span style="white-space:pre-wrap;">S-GE führt sehr viele Veranstaltungen und Messen auf der ganzen Welt durch. Die bekannteste Veranstaltung ist das jährliche Aussenwirtschaftsforum mit hunderten von Teilnehmern aus Politik und Wirtschaft. Pandemiebedingt fielen diese Veranstaltungen plötzlich aus und es mussten in kurzer Zeit Alternativen geschaffen werden. </span><span><span><span data-offset-key="abcd-1-0"><span data-text="true">Dazu wurde von S-GE eine Eventplattform aufgebaut. Dort hat Cando die Austragung der Events im «GoGlobal Cockpit» realisiert und ebenso die dazugehörigen Aufnahmen und Unterlagen zur Verfügung gestellt. </span></span></span></span><span style="white-space:pre-wrap;">Dies alles nahtlos integriert dank Single-Sign-On zwischen Eventplattform, CMS, CRM und «GoGlobal Cockpit».</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2><span style="white-space:pre-wrap;">Die Highlights der «User Experience»</span></h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p><span style="white-space:pre-wrap;">Viele der Themen rund um die Internationalisierung sind kompliziert und die Terminologie nicht immer verständlich. Daher wurde wo immer möglich mit grafischen Elementen gearbeitet (z.B. Auswahl der Entsendefristen, Länderflaggen, grosse Typographie für wichtige Kennzahlen etc.). Zudem gibt es bei allen Labels die Möglichkeit für Hilfetexte und Erklärungen.</span></p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Visuelle Unterstützung</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/GrLeFFIFESJ0SJBgjWpk1svFwrzpR1i0sWdpQ031v2U/1649244909/public/styles/thumbnail/public/2022-04/Group%20566.png?itok=Z3AUlHBL" width="100" height="97" alt="Visuelle Unterstüzung" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p><span style="white-space:pre-wrap;">Um die Suche und Auswahl von einem oder mehreren Resultaten in sehr grossen Datenmengen so komfortabel und performant wie möglich zu machen, wurden je nach Anwendungsfall spezifische «Dropdowns» mit «type-ahead» Suche entwickelt. Bei den Ländern wird zudem konsequent mit den Flaggen gearbeitet. Die Suchresultate können von einigen hundert bis zu hunderttausenden reichen.</span></p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Spezifische Dropdowns</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/GcoQwIXuE4g6q1nfDpRZNtEHdAVJDEkN538luuDNfk0/1649244907/public/styles/thumbnail/public/2022-04/Group%20570.png?itok=EYLEkXXh" width="100" height="73" alt="Dropdowns" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p><span style="white-space:pre-wrap;">Um den Administratoren und Editoren von S-GE die Pflege und Übersetzung von Inhalten und Applikationstexten in vier Sprachen zu vereinfachen, wurden als Ergänzung zum CMS eigene Frontend-/Inline-Editing Funktionen entwickelt. Gerade bei umfangreichen Inhalten wie bei der «Entsendung von Mitarbeitern», welche von vielen Kriterien wie Typ, Land, Nationalität, Sprache und mehr abhängig sind, hilft dies enorm um den Überblick zu behalten.</span></p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Frontend/ Inline Editing</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/Vs7W-jsOenapQGfMQBtAhR2SmUKGpOaqnfCx2PwDeKw/1649244907/public/styles/thumbnail/public/2022-04/Group%20571.png?itok=uggNMyGu" width="100" height="73" alt="Frontend Editing" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p><span style="white-space:pre-wrap;">Die Optimierung für Smartphones und Tablets geht über reines «responsive Design» hinaus und wurde speziell adaptiert d.h. auch die interaktiven Online Tools und das Dashboard wurde aufwändig mittels «adaptive Design» an die mobilen Geräte und Touchbedienung angepasst.</span></p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Adaptive Design</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/r4wLeSmQdbeo2NALLIOojM7kZy8bxptV-26hI8eOCgE/1649244909/public/styles/thumbnail/public/2022-04/Group%20534.png?itok=zQq8BatF" width="100" height="83" alt="Adaptive Design" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2><span style="white-space:pre-wrap;">Die technologischen Aspekte der Plattform</span></h2> <p><span style="white-space:pre-wrap;">Technologisch besteht das “GoGlobal Cockpit” aus einem React.js basierten Frontend, welches mit einem Node.js Backend kommuniziert. Für das Queueing wird RabbitMQ verwendet und als Datenbank kommt MariaDB zum Einsatz. Dies alles läuft in Docker Container und wird aktiv gemonitored. Für das Code Repository, die CI/CD Prozesse, Pipelines und Instanzen sowie das Projektmanagement wird Azure DevOps eingesetzt. Ein besonderes Merkmal des “GoGlobal Cockpits” sind die zahlreichen Schnittstellen an Drittsysteme. So werden beispielsweise Inhalte vom CMS (Drupal) über das Search API aggregiert, Handelsdaten von der “Trade Insights” Plattform von Périmètre abgeholt oder CRM Daten in beiden Richtungen über Azure APIs mit MS Dynamics ausgetauscht. Weitere Dienste sind zudem über Auth0 integriert und somit anhand eines einzigen Logins (SSO) verfügbar.</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2><span style="white-space:pre-wrap;">2x Gold und Master Nomination für «Best of Swiss Web» Award 2022</span></h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><p><span style="white-space:pre-wrap;">Das „GoGlobal Cockpit“ von Switzerland Global Enterprise (S-GE) gewann am „Best of Swiss Web Award“ 2022 gleich 2x Gold in den begehrten Kategorien «Public Value» und «Marketing» und landete auf dem 2. Platz für den Overall Mastertitel. Nominiert aus 351 eingereichten Projekten! Hier geht's zum <a href="https://www.cando-image.com/de/bosw22" title="Blog-Post" rel="noreferrer">Blog-Post</a>.</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--quote paragraph--view-mode--preview"> <div class="field field--name-field-quote-sentence field--type-string-long field--label-inline clearfix"> <div class="field__label">Sentence</div> <div class="field__item">«Das &quot;GoGlobal Cockpit&quot; von Switzerland Global Enterprise ist eine Informationsplattform für Schweizer Firmen, die ins Ausland expandieren wollen. Sehr umfassende Tools und Services unterstützen diese bei Fragen zur Internationalisierung und vernetzen sie bei Bedarf mit erfahrenen Beratern. Die Lösung richtet sich zwar an eine kleine Zielgruppe, stiftet für diese aber umso grösseren Nutzen. Sie trägt so zur Stärkung des Wirtschaftsstandorts Schweiz bei und kann auch sehr gut im Hochschulunterricht eingesetzt werden..»</div> </div> <div class="field field--name-field-quote-author field--type-string field--label-inline clearfix"> <div class="field__label">Autor</div> <div class="field__item">Urteil der Jury</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>«GoGlobal Cockpit» gewinnt den WTPO Award 2024</h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><p>Das «GoGlobal Cockpit» gewinnt den <a href="https://www.cando-image.com/de/blog-ki-mit-einer-menschlichen-note" rel="noreferrer noreferrer">WTPO Award 2024</a> für die «Beste Nutzung der Informationstechnologie und KI». <a href="https://www.cando-image.com/de/blog-ki-mit-einer-menschlichen-note" rel="noreferrer noreferrer">Mehr</a> dazu.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/sites/default/files/styles/thumbnail/public/2024-10/wtpo_awards_and_itc_combo_v1.1.jpg?itok=OG5uNMj6" width="100" height="67" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2><span style="white-space:pre-wrap;">Über S-GE</span></h2> <p><span style="white-space:pre-wrap;">Switzerland Global Enterprise (S-GE) ist die offizielle Schweizer Organisation für Exportförderung und Standortpromotion. Die Standorte finden sich in allen Schweizerlandesteilen wieder. Weltweit ist S-GE in 31 Ländern mit rund 200 Mitarbeitenden vertreten. Das Ziel von S-GE ist, Schweizer KMU bei ihrem internationalen Geschäft zu unterstützen. Und ebenso innovationsstarke ausländische Unternehmen bei ihrer Ansiedlung in der Schweiz zu helfen. S-GE ist eine nicht-gewinnorientierte Organisation und leistet im Auftrag von Bund (Staatssekretariat für Wirtschaft SECO) und Kantonen ein Service Public für seine Kunden.</span></p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">An</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Das könnte Sie auch interessieren</h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">12</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--tiles paragraph--view-mode--preview"> <div class="field field--name-field-tiles-teaser field--type-boolean field--label-above"> <div class="field__label">Tiles Teaser</div> <div class="field__item">An</div> </div> <div class="field field--name-field-tiles-all-link field--type-link field--label-above"> <div class="field__label">Tiles All Link</div> <div class="field__item"><a href="/de/referenzen">Alle Referenzen</a></div> </div> <div class="field field--name-field-tiles-large field--type-boolean field--label-above"> <div class="field__label">Tiles Large</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-tiles-limit field--type-integer field--label-above"> <div class="field__label">Tiles limit</div> <div class="field__item">3</div> </div> <div class="field field--name-field-filter-tags-and field--type-entity-reference field--label-above"> <div class="field__label">Required Tags (all)</div> <div class="field__items"> <div class="field__item">Referenz</div> </div> </div> <div class="field field--name-field-tiles-author field--type-boolean field--label-above"> <div class="field__label">Tiles Author</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-ref-nodes field--type-entity-reference field--label-above"> <div class="field__label">Manual References</div> <div class="field__items"> <div class="field__item"><a href="/de/case-my-zurich-risk-management" hreflang="de">Case: My Zurich Risk Management</a></div> <div class="field__item"><a href="/de/case-postauto-fahrplan" hreflang="de">Case: Postauto Fahrplan</a></div> <div class="field__item"><a href="/de/case-eliot" hreflang="de">Case: ElioT</a></div> </div> </div> </div> </div> </div> <a href="https://www.cando-image.com/de/case-s-ge" target="CandoFrontend">Open</a><br /><iframe width="100%" style="min-height: 700px;" src="https://www.cando-image.com/de/case-s-ge"></iframe> <div class="field field--name-field-tile-title field--type-string field--label-inline clearfix"> <div class="field__label">Tile Title</div> <div class="field__item">S-GE: Self-Service Portal für die Internationalisierung</div> </div> <div class="clearfix text-formatted field field--name-field-tile-text field--type-text-long field--label-above"> <div class="field__label">Tile Text</div> <div class="field__item"><p>Das "GoGlobal Cockpit" von Switzerland Global Enterprise ist eine Informationsplattform für Schweizer Firmen, die ins Ausland expandieren wollen.</p> </div> </div> <div class="field field--name-field-tile-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/XXLlE6qtJ8wYO9uGhQWa8gEGouG0rGW0zDJucn0Dt44/1649746906/public/styles/thumbnail/public/2022-04/TN-SGE.png?itok=ncNY7uyF" width="100" height="75" alt="S-GE GoGlobal Cockpit Self-Service Portal" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> <div class="field field--name-field-tile-case-study field--type-string field--label-above"> <div class="field__label">Tile Case Study</div> <div class="field__item">«GoGlobal Cockpit» – das Self-Service Portal für die Internationalisierung</div> </div> Wed, 06 Apr 2022 08:15:12 +0000 nikiza 90 at https://backend-www.cando-image.com Case: Postauto Fahrplan https://backend-www.cando-image.com/de/case-postauto-fahrplan <span class="field field--name-title field--type-string field--label-hidden">Case: Postauto Fahrplan</span> <div id="field-language-display"><div class="js-form-item form-item js-form-type-item form-type-item js-form-item- form-item-"> <label>Language</label> German </div> </div><span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/de/user/11" typeof="schema:Person" property="schema:name" datatype="" content="fabrice.spahn@cando-image.com">fabrice.spahn@…</span></span> <span class="field field--name-created field--type-created field--label-hidden">Di., 03/02/2021 - 14:40</span> <div class="field field--name-field-tags field--type-entity-reference field--label-inline clearfix"> <h3 class="field__label inline">Tags</h3> <ul class="links field__items"> <li><a href="/de/taxonomy/term/9" hreflang="de">Referenz</a></li> <li><a href="/de/taxonomy/term/28" hreflang="de">Software Entwicklung</a></li> </ul> </div> <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero paragraph--view-mode--preview"> <div class="field field--name-field-fullsize field--type-boolean field--label-inline clearfix"> <div class="field__label">Fullsize</div> <div class="field__item">Off</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-hero-items field--type-entity-reference-revisions field--label-above"> <div class="field__label">Elemente</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero-item paragraph--view-mode--preview"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">true</div> </div> <div class="field field--name-field-hero-subtitle field--type-string field--label-inline clearfix"> <div class="field__label">Untertitel</div> <div class="field__item">Postauto</div> </div> <div class="clearfix text-formatted field field--name-field-hero-title field--type-text-long field--label-above"> <div class="field__label">Titel</div> <div class="field__item"><p><span class="underline">Neuer Online Fahrplan</span> und Freizeitangebote für PostAuto</p> </div> </div> <div class="field field--name-field-hero-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/r1bEXvPUiILmKWvmJbWUAkeA44q1Kz8oALxHdXOS9kQ/1614692613/public/styles/thumbnail/public/2021-03/1-1.jpg?itok=604BYKOj" width="100" height="67" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-sidebar paragraph--view-mode--preview"> <div class="clearfix text-formatted field field--name-field-tws-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p class="body-1">Die von Cando für PostAuto Schweiz entwickelte, integrierte Customer Experience Plattform ist seit 2015 erfolgreich im Einsatz.</p></div> </div> <div class="clearfix text-formatted field field--name-field-tws-sidebar-content field--type-text-long field--label-inline"> <div class="field__label">Sidebar Inhalt</div> <div class="field__item"><p class="subtitle-1">Kunde</p> <p class="caption">Postauto</p> <p class="caption"> </p> <p class="subtitle-1">Kompetenzen</p> <p class="caption">CRM Solution</p></div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Herausforderung </h2> <p>Eine der ersten Fragen, der sich Cando stellen musste war: Wie können wir den dynamischen Fahrplan als Applikation nahtlos in die bereits bestehende Website einbinden ohne dass der Besucher davon etwas mitkriegt? Die Antwort darauf lautete «Decoupling». Dabei ist das Backend (Drupal) für die Schnittstelle und Aggregation der Fahrplandaten zuständig und das Frontend kommuniziert mit dem Backend über eine eigene Applikation über eine klar definierte Datenschnittstelle.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-background-media paragraph--view-mode--preview"> <div class="field field--name-field-twbm-title field--type-string field--label-inline clearfix"> <div class="field__label">Titel</div> <div class="field__item">Ein Schneller Fahrplan für Postauto</div> </div> <div class="field field--name-field-twbm-media field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Medium</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/LzaXzzbt3GImXULlD1bR-FTYvXBgsJvj1nmZnV2OEbc/1614695022/public/styles/thumbnail/public/2021-03/perspective-postauto_0.jpg?itok=azaYy8xh" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Der Plan war, mit dem Framework «Svelte» eine Applikation zu bauen, welche die Informationen des Schweizerischen ÖV-Fahrplans abrufen und darstellen konnte. «Svelte» ist ein JavaScript Framework ähnlich wie React, jedoch etwas «simpler» und «leichter». Die Applikation wird dabei in einem von Drupal generierten HTML Tag gerendert. Doch bevor dies geschieht, liest diese die im HTML Tag enthaltenen Übersetzungen aus. Anschliessend ruft die Applikation die ÖV-Fahrplandaten über eine REST-API in Drupal auf.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Leistungsfähiges und «leichtgewichtiges» Frontend</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/K5gscot3W1_inN4hazMcw7YDYY-bWJEfFbBTKGKxrI4/1614693704/public/styles/thumbnail/public/2021-03/PA1-4-3.jpg?itok=wnCrOCEJ" width="100" height="100" alt="Drupal-and-svelte" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Ein weiterer Grund, weshalb die Applikation wie oben beschrieben gebaut wurde, ist die Möglichkeit, den Fahrplan an verschiedenen Orten einbinden zu können: Auf der Homepage, dem Fahrplan selbst und in einzelnen Content Bereichen, sogenannten Paragraphen, der Website. Diese sollen zudem mit einer Zieldestination befüllt werden können, sodass sie sich auf den Inhalt der Website beziehen. Liest ein Kunde zum Beispiel von einem Ausflugstipp, soll dieser auf derselben Seite die Möglichkeit haben, die Anfahrt zu planen.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Der Fahrplan, der sich in Inhalt einbetten lässt</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/OTnO5UVC-hPQs38cz0LOmd3R4PwWxoFYL--j5JahA8I/1614693704/public/styles/thumbnail/public/2021-03/PA3-4-3.jpg?itok=6gWPuvwl" width="100" height="100" alt="einbetten-fahrplan" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Etwas, das man beim Fahrplan nicht gerne sieht, aber dennoch wahrhaben muss, sind Verspätungen. Diese können aus den verschiedensten Gründen eintreffen und müssen den PostAuto-Kunden klar kommuniziert werden. Nur so können diese darauf reagieren und die Anfahrt nach Wunsch umplanen. Deshalb wurde bei der Entwicklung des Fahrplans an die Abbildung aller möglichen Szenarien gedacht.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Für Verspätungen gewappnet</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/ykzigy4u5nQMww13SBxKF8C9hM7WTGiDFg8xnD6qRJE/1614694176/public/styles/thumbnail/public/2021-03/PA2-4-3.jpg?itok=AWrgPM7Z" width="100" height="100" alt="error-messages" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Inspirierende Freizeitangebote</h2> <p>Ein wichtiger Bereich für PostAuto sind Freizeitangebote in allen Schweizer Regionen. PostAutos fahren über die höchsten Pässe und in die abgelegensten Dörfer. Viele PostAuto-Linien werden dabei speziell für Touristen und Ausflügler betrieben. Um dieses Angebot besser such- und filterbar zu machen wurde der gesamte Angebotsbereich neu konzipiert. So kann er Nutzer neu nach Interesse und Regionen filtern und erhält passende Freitzeit-Angebote. Dabei stehen detaillierte Informationen wie Bilder, Videos, Beschreibungen, Tipps, Haltestellen- und Fahrplan ansprechend aufbereitet zur Verfügung. Die Platzierung der Angebote wird durch einen ausgeklügelten Algorithmus gesteuert. Angebote werden dabei auch an Partner verkauft und entsprechend priorisiert.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-video media--view-mode-preview"> <div class="field field--name-field-media-video-file field--type-file field--label-visually_hidden"> <div class="field__label visually-hidden">Video-Datei</div> <div class="field__item"> <video controls="controls" muted="muted" width="64" height="48"> <source src="https://static.cando-image.com/cdn/ff/HxgaxYMlQDCFkrEkgTjwwYIiya7XJ3wynEImjH48fIY/1615220277/public/2021-03/pa-video.mp4" type="video/mp4" /> </video> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Weitere Features</h3> <h4>Destination auswählen</h4> <ul> <li>Dank des zusätzlichen Suchindexes werden mögliche Destinationen bereits während der Eingabe in Echtzeit mittels “Type-ahead” vorgeschlagen. Zudem werden so falsche Eingaben verhindert.</li> </ul> <h4>Verkehrsmittel filtern</h4> <ul> <li>Schiff, Bus, Bahn oder Postauto: Mit dem Fahrplan von Postauto können bevorzugte Verkehrsmittel gefiltert werden</li> </ul> <h4>Kalenderansicht</h4> <ul> <li>Das Datum und die Uhrzeit der Reise können übersichtlich im Kalender des Fahrplans ausgewählt werden. Dies mit allen gängigen Optionen für Ab- und Ankunftszeiten, Wechsel der Start- und Zielorte u.v.m.</li> </ul> <h4>Preise direkt vergleichen</h4> <ul> <li>Ticketpreise werden direkt in der Übersicht der Abfahrtszeiten angezeigt. Mit einem Klick gelangt der Benutzer in den Ticketshop und kann gleich online ein Ticket für die entsprechende Verbindung kaufen.</li> </ul> <h4>Optimal für Smartphones</h4> <ul> <li>Fahrplan Applikationen sind recht komplex und je nach Verbindung und Verspätungen mit vielen Zusatzinformationen versehen. All dies wird optimal für Mobile-Nutzer bedienbar gemacht.</li> </ul> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">An</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Das könnte Sie auch interessieren</h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">12</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--tiles paragraph--view-mode--preview"> <div class="field field--name-field-tiles-teaser field--type-boolean field--label-above"> <div class="field__label">Tiles Teaser</div> <div class="field__item">An</div> </div> <div class="field field--name-field-tiles-all-link field--type-link field--label-above"> <div class="field__label">Tiles All Link</div> <div class="field__item"><a href="/de/referenzen">Alle Referenzen</a></div> </div> <div class="field field--name-field-tiles-large field--type-boolean field--label-above"> <div class="field__label">Tiles Large</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-tiles-limit field--type-integer field--label-above"> <div class="field__label">Tiles limit</div> <div class="field__item">3</div> </div> <div class="field field--name-field-filter-tags-and field--type-entity-reference field--label-above"> <div class="field__label">Required Tags (all)</div> <div class="field__items"> <div class="field__item">Referenz</div> </div> </div> <div class="field field--name-field-tiles-author field--type-boolean field--label-above"> <div class="field__label">Tiles Author</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-ref-nodes field--type-entity-reference field--label-above"> <div class="field__label">Manual References</div> <div class="field__items"> <div class="field__item"><a href="/de/case-postauto" hreflang="de">Case: Postauto</a></div> <div class="field__item"><a href="/de/case-my-zurich-risk-management" hreflang="de">Case: My Zurich Risk Management</a></div> <div class="field__item"><a href="/de/case-eliot" hreflang="de">Case: ElioT</a></div> </div> </div> </div> </div> </div> <a href="https://www.cando-image.com/de/case-postauto-fahrplan" target="CandoFrontend">Open</a><br /><iframe width="100%" style="min-height: 700px;" src="https://www.cando-image.com/de/case-postauto-fahrplan"></iframe> <div class="field field--name-field-tile-title field--type-string field--label-inline clearfix"> <div class="field__label">Tile Title</div> <div class="field__item">PostAuto: Fahrplan und Freizeitangebote</div> </div> <div class="clearfix text-formatted field field--name-field-tile-text field--type-text-long field--label-above"> <div class="field__label">Tile Text</div> <div class="field__item"><p>Die von Cando für PostAuto Schweiz entwickelte, integrierte Customer Experience Plattform ist seit 2015 erfolgreich im Einsatz. Diese erfreut mehr und mehr Schweizer Fahrgäste und Touristen. 2020 wurden nun die Kernbereiche Freizeitangebote und der Online Fahrplan neu konzipiert und redesigned.</p> </div> </div> <div class="field field--name-field-tile-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/pZ12Wb8AVuNKKjHSnbGIcY3danKSORvAfBnWe8JtiAs/1615221427/public/styles/thumbnail/public/2021-03/thumb-postfahrplan.png?itok=VK8SY8VT" width="100" height="75" alt="fahrplan-pic" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> <div class="field field--name-field-tile-case-study field--type-string field--label-above"> <div class="field__label">Tile Case Study</div> <div class="field__item">Neuer Online Fahrplan und Freizeitangebote </div> </div> Tue, 02 Mar 2021 13:40:37 +0000 fabrice.spahn@cando-image.com 73 at https://backend-www.cando-image.com Case: My Zurich Risk Management https://backend-www.cando-image.com/de/case-my-zurich-risk-management <span class="field field--name-title field--type-string field--label-hidden">Case: My Zurich Risk Management</span> <div id="field-language-display"><div class="js-form-item form-item js-form-type-item form-type-item js-form-item- form-item-"> <label>Language</label> German </div> </div><span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/de/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">Mi., 03/04/2020 - 17:59</span> <div class="field field--name-field-tags field--type-entity-reference field--label-inline clearfix"> <h3 class="field__label inline">Tags</h3> <ul class="links field__items"> <li><a href="/de/taxonomy/term/9" hreflang="de">Referenz</a></li> <li><a href="/de/taxonomy/term/11" hreflang="de">Enterprise Application</a></li> <li><a href="/de/taxonomy/term/18" hreflang="de">User Experience Design</a></li> <li><a href="/de/taxonomy/term/19" hreflang="de">Visual Design</a></li> <li><a href="/de/taxonomy/term/20" hreflang="de">Awards</a></li> <li><a href="/de/taxonomy/term/25" hreflang="de">Innovation</a></li> <li><a href="/de/taxonomy/term/28" hreflang="de">Software Entwicklung</a></li> </ul> </div> <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero paragraph--view-mode--preview"> <div class="field field--name-field-fullsize field--type-boolean field--label-inline clearfix"> <div class="field__label">Fullsize</div> <div class="field__item">Off</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-hero-items field--type-entity-reference-revisions field--label-above"> <div class="field__label">Elemente</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero-item paragraph--view-mode--preview"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">true</div> </div> <div class="field field--name-field-hero-subtitle field--type-string field--label-inline clearfix"> <div class="field__label">Untertitel</div> <div class="field__item">Zurich Insurance Group</div> </div> <div class="clearfix text-formatted field field--name-field-hero-title field--type-text-long field--label-above"> <div class="field__label">Titel</div> <div class="field__item"><p>Self-Service Risk Management mit «My Zurich» – Insights und Risk Room</p> </div> </div> <div class="field field--name-field-hero-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/kpRhMw6DiMbgjxn4yDl-ziX9N6Xpm5WZMSUIemYVqsE/1606724167/public/styles/thumbnail/public/2020-11/cyclone-2102397.jpg?itok=MRZhpCX3" width="100" height="67" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-sidebar paragraph--view-mode--preview"> <div class="clearfix text-formatted field field--name-field-tws-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p class="body-1">Zurich bietet ihren Geschäftskunden mit «My Zurich» preisgekrönte Tools für ein umfassendes Risiko- und Schadenmanagement an.</p></div> </div> <div class="clearfix text-formatted field field--name-field-tws-sidebar-content field--type-text-long field--label-inline"> <div class="field__label">Sidebar Inhalt</div> <div class="field__item"><p class="subtitle-1">Kunde</p> <p class="caption">Zurich Insurance Group</p> <p class="caption"> </p> <p class="subtitle-1">Kompetenzen</p></div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-background-media paragraph--view-mode--preview"> <div class="field field--name-field-twbm-title field--type-string field--label-inline clearfix"> <div class="field__label">Titel</div> <div class="field__item">Alles auf einen Blick</div> </div> <div class="clearfix text-formatted field field--name-field-twbm-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p>Für Kunden der Zürich Versicherung werden exklusiv über 170 wirtschaftliche, politische, infrastrukturelle, technologische oder klimatische Risiken abgebildet.</p> </div> </div> <div class="field field--name-field-twbm-media field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Medium</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/1ym7JVp4r-WSBPhkzwbMUzJcc0dWmrlv2_LcFvGZXSA/1606724165/public/styles/thumbnail/public/2020-11/4k-72ppi-perspective-website_0.jpg?itok=9QuRL76D" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Umsetzung</h3> <p>Die Umsetzung erfolgte anhand der agilen Projektmethode in enger Zusammenarbeit mit dem Zurich Team bestehend aus Business Analysten, Projektleitung, Q&amp;A sowie den Entwicklungspartnern Axeed und Databridge für die Business Intelligence Lösung Qlik.</p> <p>Dabei lag der Fokus auf der Frontend- und Web–Applikationsentwicklung in Angular und Node.js. Die Backend-Entwicklung, das Datenmodell und die Integration der Datenquellen wurde basierend auf Qlik durch die Partner Axeed und Databridge realisiert. Einer der Erfolgsfaktoren war die enge Zusammenarbeit der Front- und Backend-Entwickler. Zum Einsatz kamen sowohl Standard Extensions von Qlik, wie auch kundenspezifische Zurich Extensions. Zusammengeführt wurden diese in einem Web Mashup im Zurich design. Dabei wurde auf einen ausgewogenen Mix geachtet, um den Bedürfnissen in Produkt, Wiederverwendbarkeit, UX und Kosten gerecht zu werden.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p class="body-1">Zurich bietet ihren Geschäftskunden mit «My Zurich» preisgekrönte Tools für ein umfassendes Risiko- und Schadenmanagement an. Diese ermöglichen neu, wertvolle Insights über die weltweiten Produktions- oder Lagerstandorte in Echtzeit und rund um die Uhr zu erhalten.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">UX für Business Applikation</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/8w5LqteM3Io1TsYLzoxFk83LwoAVFG-Sw0xt-yfPLzI/1606724169/public/styles/thumbnail/public/2020-11/ZR01-Rectangle.png?itok=Dl6NFma4" width="100" height="100" alt="zurich-stats" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Ein besonderes Merkmal der neuen Lösung ist, dass Filter überall im Cockpit mit einem Klick gesetzt werden können. Wird beispielsweise auf eine Produktart in einem Balkendiagramm geklickt, aktiviert dies gleichzeitig einen Filter für das gesamte Cockpit für die entsprechende Produktart gilt. Alle anderen Visualisierungen werden damit umgehend entsprechend gefiltert dargestellt. Aktive Filter sieht der Benutzer anhand von Filtern im Kopfbereich, wo er sie jederzeit wieder entfernen kann.</p> <p> </p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Smartes Filtersystem für den Durchblick</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/TqFzMLLL5gkW9FY1eiAuhoQ77umfx5QY6gEHbZjOzY4/1606724169/public/styles/thumbnail/public/2020-11/ZR02-Rectangle.png?itok=9yDtpsP-" width="100" height="100" alt="overview-map" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-video media--view-mode-preview"> <div class="field field--name-field-media-video-file field--type-file field--label-visually_hidden"> <div class="field__label visually-hidden">Video-Datei</div> <div class="field__item"> <video controls="controls" muted="muted" width="64" height="48"> <source src="https://static.cando-image.com/cdn/ff/Jn-09wCIbM9gMLrfr6VcB_XNClflXsln1pPSaL3n_I0/1603779136/public/2020-10/zurich_risk_room_bosw_2020_trailer_-_finale_version.mp4" type="video/mp4" /> </video> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Funktionen</h2> <p><strong>«WOW»–Experience</strong><br /> Eine zentrale Anforderung seitens Zurich war eine herausragende User Experience mit «WOW» Effekt zu schaffen. Die Business Intelligence Funktionalität sollte auch Benutzern ohne Training in einer einfach zu bedienenden Benutzeroberfläche zur Verfügung stehen.<br />  </p> <p><strong>Interaktives Cockpit mit Drilldown</strong><br /> Dazu wurde ein interaktives Cockpit realisiert, welches alle wichtigen Informationen kompakt auf einen Blick visualisiert. Es besteht aus Karten-, Diagramm-, Tabellen- und KPI-Komponenten die eng miteinander verknüpft sind. Klickt ein Benutzer beispielsweise auf ein Land in der Karte, werden gleichzeitig alle anderen Bereiche nach diesem Land gefiltert und aktualisiert. Dies gilt für beliebige Komponenten im Cockpit, was ein nahtloses arbeiten ermöglicht. Ein weiterer Aspekt sind die Drill-down Funktionen, dank der ein Benutzer mit wenigen Klicks von der globalen Ansicht bis auf die tiefste Detailebene eines Standorts oder einer Police gelangt.<br />  </p> <p><strong>«Self-Service» mit Business-Intelligence</strong><br /> Der MyZurich «Risk Room» ist Teil einer Suite von neu entwickelten Webapplikationen, welches den globalen Zurich Kunden erlaubt, Risiken, Policen und Schadensfälle im «Self-Service» rund um die Uhr zu managen. Alle Applikationen basieren auf der Business Intelligence Plattform von Qlik. Den Kunden stehen dadurch umfangreiche Analytics Funktionen für ihre eigenen Daten zur Verfügung. Dies ermöglicht neuartige Insights die mit herkömmlichen Lösungen bis heute nicht möglich waren.<br />  </p> <p><strong>Vollintegrierte Lösung</strong><br /> Durch die Integration von unzähligen internen Datenquellen der Kernsysteme von Zurich erhalten die Kunden stets aktuelle Informationen zu Risiken, Policen und Schadensfällen. Diese Daten werden durch externe Daten beispielsweise im Bereich Naturgefahren ergänzt was neuartige Insights und Visualisierungen ermöglicht. Die Navigation zwischen den Bereichen Naturgefahren, Risiken, Policen und Schadensfällen ist mit einem Klick möglich, da alle Bereiche vollständig in einer Lösung und Oberfläche integriert sind.<br />  </p> <p><strong>Neuartige Visualisierungen von Risiken</strong><br /> Der mehrfach ausgezeichnete Zurich Risk Room ermöglicht internationalen Kunden komplexe, globale Risiken besser zu verstehen. Er unterstützt Unternehmen bei der Risikoanalyse, simuliert Trends über die Zeit und erlaubt die Modellierung potentieller zukünftiger Risiken.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Die Risk Charts wurden kundenspezifisch für den Zurich Risk Room entwickelt. Risiken können pro Land auf sogenannten Risk Walls hinzugefügt werden. Dabei wird automatisch der aktuelle Risikowert sowie die Verteilung der Länder in Quartilen dargestellt. Zusätzlich kann der Kunde einfach per Maus oder Touch-Geste den Risikowert auf seinen individuellen Wert anpassen. Veränderungen eines Risikowertes haben Einfluss auf alle anderen, verbundenen Risiken was unmittelbar und live angezeigt wird.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Interaktive, responsive Risk-Charts</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/EvmmjdgY5mcTddx-3C74Gm3cClA3HUoDOHEVrnwEkRo/1606724170/public/styles/thumbnail/public/2020-11/ZR03-Rectangle.png?itok=WQa5NLs5" width="100" height="100" alt="map-select-countries" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Kunden können die vorgegeben Werte für die Risiken einfach ihren Bedürfnissen anpassen, Overlays mit zusätzlichen Länder-Attributen hinzufügen und das Ganze als Szenario speichern. Um Veränderungen über Monate oder Jahre zu sehen, gibt es die Möglichkeit, anhand der «Zeitreihen» Funktion die Werte animiert über einen Zeitraum abzuspielen.</p> <p> </p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Szenarien und animierte Zeitreihen</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/UDEzY6h8D-iDRrcT3_qZ8zyxf20f-LPn5PUGzh32-OU/1606724169/public/styles/thumbnail/public/2020-11/ZR04-Rectangle.png?itok=DTOe9zIp" width="100" height="100" alt="timeline-map" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Eigene Szenarien und animierte Zeitreihen.Kunden können ihre eigenen Benchmarks definieren und diese miteinander oder mit einzelnen Länder vergleichen. Benchmarks können auch konsolidiert und gewichtet in den Risk Walls oder im Country Ranking neben Ländern dargestellt werden.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Eigene Benchmarks und Daten Overlays</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/WKeXVl2OWJ4eBxKhyI_ZbAsG93NsC-HFHwWxo2-h8_k/1606724169/public/styles/thumbnail/public/2020-11/ZR05-Rectangle_0.png?itok=txSQB_S9" width="100" height="100" alt="map-overlay" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Technologische Herausforderungen</h3> <p>Im Rahmen des Projektes war zusätzlich die Ablösung der eigenständigen Risk Room Applikation geplant, welche neu als Teil von «My Zurich» eng mit den Analytics Tools integriert ist und darauf basiert. Eine der Herausforderungen dabei war, die teils komplexen Algorithmen der alten Risk Room Java Applikation innerhalb von «My Zurich» neu zu implementieren. Dabei musste gleichzeitig die Performance und das Zusammenspiel mit der Business Intelligence Lösung optimiert werden, um zehntausende Datenpunkte in Sekundenbruchteilen zu synchronisieren und die gewünschte Interaktivität des neuen, webbasierten Risk Rooms zu erreichen.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-background-media paragraph--view-mode--preview"> <div class="field field--name-field-twbm-title field--type-string field--label-inline clearfix"> <div class="field__label">Titel</div> <div class="field__item">Aus komplex wird übersichtlich</div> </div> <div class="clearfix text-formatted field field--name-field-twbm-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p>Um zehntausende Datenpunkte in Sekundenbruchteilen zu synchronisieren und die gewünschte Interaktivität des neuen, webbasierten Risk Rooms zu erreichen, musste gleichzeitig die Performance und das Zusammenspiel mit der Business Intelligence Lösung optimiert werden.</p> </div> </div> <div class="field field--name-field-twbm-media field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Medium</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/Mr8sLyaqVxYJjRXVrmOWte_wR4_rozavTPz_iQTtapI/1606724168/public/styles/thumbnail/public/2020-11/zr06-16-9.png?itok=xCI6e0Un" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Über Zurich</h3> <p>Zurich Insurance Group (Zurich) ist eine führende Mehrsparten Versicherung, die Dienstleistungen für Kunden in globalen und lokalen Märkten erbringt. Mit rund 55'000 Mitarbeitenden bietet Zurich eine umfassende Palette von Produkten und Dienstleistungen im Schaden- und Unfall- sowie im Lebensversicherungsbereich. Zu ihren Kunden gehören Einzelpersonen, kleine, mittlere und grosse Unternehmen sowie multinationale Konzerne in mehr als 215 Ländern und Gebieten. Die Gruppe hat ihren Hauptsitz in Zürich, Schweiz, wo sie 1872 gegründet wurde. Die Holdinggesellschaft, die Zurich Insurance Group AG (ZURN), ist an der SIX Swiss Exchange kotiert und verfügt über ein Level I American Depositary Receipt Programm (ZURVY), das ausserbörslich an der OTCQX gehandelt wird. Weitere Informationen über Zurich sind verfügbar unter zurich.com.</p> <p> </p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Experience Plattformen Case Studies</h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--tiles paragraph--view-mode--preview"> <div class="field field--name-field-tiles-teaser field--type-boolean field--label-above"> <div class="field__label">Tiles Teaser</div> <div class="field__item">An</div> </div> <div class="field field--name-field-tiles-large field--type-boolean field--label-above"> <div class="field__label">Tiles Large</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-tiles-limit field--type-integer field--label-above"> <div class="field__label">Tiles limit</div> <div class="field__item">3</div> </div> <div class="field field--name-field-tiles-author field--type-boolean field--label-above"> <div class="field__label">Tiles Author</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-ref-nodes field--type-entity-reference field--label-above"> <div class="field__label">Manual References</div> <div class="field__items"> <div class="field__item"><a href="/de/case-e-periodica" hreflang="de">Case: E-Periodica</a></div> <div class="field__item"><a href="/de/case-postauto" hreflang="de">Case: Postauto</a></div> <div class="field__item"><a href="/de/case-postauto-fahrplan" hreflang="de">Case: Postauto Fahrplan</a></div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--banner paragraph--view-mode--preview"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-banner-title field--type-string field--label-inline clearfix"> <div class="field__label">Title</div> <div class="field__item">Haben Sie Fragen zu Experience Plattformen?</div> </div> <div class="field field--name-field-banner-links field--type-entity-reference-revisions field--label-above"> <div class="field__label">Links</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--link paragraph--view-mode--default"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-link-type field--type-list-string field--label-inline clearfix"> <div class="field__label">Link Type</div> <div class="field__item">Button</div> </div> <div class="field field--name-field-link-link field--type-link field--label-inline clearfix"> <div class="field__label">Link</div> <div class="field__item"><a href="https://www.cando-image.com/de/angebot-experience-plattformen" rel="noreferrer">Mehr erfahren</a></div> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">9</div> </div> </div> </div> </div> <a href="https://www.cando-image.com/de/case-my-zurich-risk-management" target="CandoFrontend">Open</a><br /><iframe width="100%" style="min-height: 700px;" src="https://www.cando-image.com/de/case-my-zurich-risk-management"></iframe> <div class="field field--name-field-tile-title field--type-string field--label-inline clearfix"> <div class="field__label">Tile Title</div> <div class="field__item">MyZurich: «Risk Room»</div> </div> <div class="clearfix text-formatted field field--name-field-tile-text field--type-text-long field--label-above"> <div class="field__label">Tile Text</div> <div class="field__item"><p>Der MyZurich «Risk Room» lässt Kunden ihre Risiken für verschiedene Länder und Regionen selber managen und visualisiert diese in einer neuartigen Form.</p> </div> </div> <div class="field field--name-field-tile-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/ODUXgLsgXo-6GxzLwIptSfgc152ZXJtcWbY39Zorlwc/1606726582/public/styles/thumbnail/public/2020-11/thumb-riskroom.png?itok=V-Efmm6m" width="100" height="75" alt="thumbnail-zurich" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> <div class="field field--name-field-tile-case-study field--type-string field--label-above"> <div class="field__label">Tile Case Study</div> <div class="field__item">Zurich Insurance Group</div> </div> <div class="field field--name-field-tile-logo field--type-entity-reference field--label-above"> <div class="field__label">Tile Logo</div> <div class="field__item"><article class="media media--type-image media--view-mode-default"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <a href="https://static2.cando-image.com/cdn/ff/isnwVRFYtG18mhV3Kg6u_P9otCycj3VoB7uOr9X9QeQ/1606753048/public/2020-11/Zurich%20Logo.svg" rel="noreferrer"><img src="https://static2.cando-image.com/cdn/ff/isnwVRFYtG18mhV3Kg6u_P9otCycj3VoB7uOr9X9QeQ/1606753048/public/2020-11/Zurich%20Logo.svg" alt="zurich-logo" typeof="foaf:Image" /> </a> </div> </div> </article> </div> </div> <div class="field field--name-field-tile-color field--type-string field--label-above"> <div class="field__label">Tile Color</div> <div class="field__item">#02296A</div> </div> Wed, 04 Mar 2020 16:59:06 +0000 admin 13 at https://backend-www.cando-image.com Case: ElioT https://backend-www.cando-image.com/de/case-eliot <span class="field field--name-title field--type-string field--label-hidden">Case: ElioT</span> <div id="field-language-display"><div class="js-form-item form-item js-form-type-item form-type-item js-form-item- form-item-"> <label>Language</label> German </div> </div><span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/de/user/9" typeof="schema:Person" property="schema:name" datatype="" content="chris.bochsler@cando-image.com">chris.bochsler…</span></span> <span class="field field--name-created field--type-created field--label-hidden">Sa., 07/11/2020 - 16:25</span> <div class="field field--name-field-tags field--type-entity-reference field--label-inline clearfix"> <h3 class="field__label inline">Tags</h3> <ul class="links field__items"> <li><a href="/de/taxonomy/term/9" hreflang="de">Referenz</a></li> <li><a href="/de/taxonomy/term/31" hreflang="de">Mobile Apps</a></li> <li><a href="/de/taxonomy/term/18" hreflang="de">User Experience Design</a></li> <li><a href="/de/taxonomy/term/20" hreflang="de">Awards</a></li> <li><a href="/de/taxonomy/term/23" hreflang="de">Augmented Reality</a></li> <li><a href="/de/taxonomy/term/28" hreflang="de">Software Entwicklung</a></li> <li><a href="/de/taxonomy/term/27" hreflang="de">Beratung</a></li> </ul> </div> <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero paragraph--view-mode--preview"> <div class="field field--name-field-fullsize field--type-boolean field--label-inline clearfix"> <div class="field__label">Fullsize</div> <div class="field__item">Off</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-hero-items field--type-entity-reference-revisions field--label-above"> <div class="field__label">Elemente</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero-item paragraph--view-mode--preview"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-hero-subtitle field--type-string field--label-inline clearfix"> <div class="field__label">Untertitel</div> <div class="field__item">Leicom</div> </div> <div class="clearfix text-formatted field field--name-field-hero-title field--type-text-long field--label-above"> <div class="field__label">Titel</div> <div class="field__item"><p><span class="underline">«Smart Home»</span>–Funktionen fürs Büro</p> </div> </div> <div class="field field--name-field-hero-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-video media--view-mode-preview"> <div class="field field--name-field-media-video-file field--type-file field--label-visually_hidden"> <div class="field__label visually-hidden">Video-Datei</div> <div class="field__item"> <video controls="controls" muted="muted" width="64" height="48"> <source src="https://static.cando-image.com/cdn/ff/ScC2o6Y8d6Lc2et7jeNkGCKbwik-5nd-0WiSAQSdXN0/1583940379/public/2020-03/eliot_teaser_video.mp4" type="video/mp4" /> </video> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-sidebar paragraph--view-mode--preview"> <div class="clearfix text-formatted field field--name-field-tws-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p class="body-1">Ob Sitzungszimmer, Arbeitszimmer oder Aufenthaltsraum: Die Bedingungen in einem Raum sowie dessen Verfügbarkeit trägt einen wichtigen Beitrag zum Wohlbefinden und der Produktivität d</p></div> </div> <div class="clearfix text-formatted field field--name-field-tws-sidebar-content field--type-text-long field--label-inline"> <div class="field__label">Sidebar Inhalt</div> <div class="field__item"><p class="subtitle-1">Kunde</p> <p class="caption">Leicom</p> <p class="caption"> </p> <p class="subtitle-1">Kompetenzen</p></div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Funktionen</h3> <p><strong>Marker</strong><br /> Die AR–App Lösung benötigt nur einen sogenannten «Marker», um den Raum oder einzelne Geräte zu identifizieren. Marker sind AR optimierte kleine Tags (schwarz/weiss Grafiken), die eine eindeutige ID zu einem Gerät oder Raum beinhalten. Sie werden über die Smartphone-Kamera sehr schnell im Raum erkannt – ganz ohne Benutzerinteraktion. Die Herstellung der Marker ist direkt innerhalb der IoT–Plattform für jedes Gerät und jeden Sensor möglich.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/qZ3vSzcliTESMoHisH8EUOwMHc6yxibT7A--oQH4hjc/1606725034/public/styles/thumbnail/public/2020-11/ar_app_-_tracker.jpg?itok=j1GXsQxk" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><p>Marker können einerseits als selbstklebende Labels erstellt oder andererseits in einer edlen Version auf Milchglasplatten gedruckt werden. Aufwändige Verkabelungen, Beacons oder Displays entfallen somit, was die Lösung kostengünstig, flexibel und einfach macht. AR Marker sind zudem sehr viel schneller erkennbar als Objekte im Raum.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Über die AR optimierten Marker werden einzelne Geräte direkt mit der Smartphone Kamera erkannt und live die wichtigsten Informationen wie Temperatur, Status, Warnungen etc. beim Objekt im Raum angezeigt. Die Informationen kommen von der IoT–Plattform und dem Gebäudeautomationssystem. Mit einem Tap kann der Benutzer das Gerät mit seinem Smartphone steuern.</p> <p> </p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Einzelne Geräte steuern</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/yYhhCvO3GjkF3mu7pVx8oqB6ZRJgDXQIGKQMKgHMMk0/1606725037/public/styles/thumbnail/public/2020-11/ET01-Rectangle.png?itok=8UcZOL3u" width="100" height="100" alt="controll-light" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Marker können auch für ganze Räume und mehrere unterschiedliche Geräte verwendet werden. Damit lassen sich Leuchten, Storen und der Raumkomfort (Temperatur, Luftfeuchtigkeit) einstellen und gleichzeitig auch Räume reservieren. So werden proprietäre und teure Multifunktionsdisplays durch eine komfortable Smartphone und Tablet Bedienung ersetzt oder ergänzt.</p> <p> </p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Ganze Räume steuern</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/FDtLe5s0YnN48NrF38Aj9r44lCttWW_2QeNwK4r1U1o/1606725037/public/styles/thumbnail/public/2020-11/ET02-Rectangle.png?itok=W61oN1fR" width="100" height="100" alt="controll-multiple-objtects" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Sind in einem Raum mehrere AR–Marker für verschiedene Geräte und Funktionen vorhanden, werden diese direkt von der Smartphone Kamera «entdeckt» und dem Benutzer die wichtigsten Informationen live im Raum bei den Objekten angezeigt. Dies funktioniert in der Praxis innert Sekundenbruchteilen, ohne dass der Benutzer speziell interagieren muss.</p> <p> </p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">AR-Erlebnis und Performance</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/mih5gDmzG8lphQfgm_6xn4Rl6EJ8S-YbVWalF5XiJnI/1606725038/public/styles/thumbnail/public/2020-11/ET05-Rectangle.png?itok=CPkKut-I" width="100" height="100" alt="tablet-scan-code" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/JVkPfcOelh_C0MBhkmMwQ0oZGXD5pDeBS1gZ6pUUMZg/1606725036/public/styles/thumbnail/public/2020-11/dsc05464.jpg?itok=QLABDMub" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-background-media paragraph--view-mode--preview"> <div class="field field--name-field-twbm-title field--type-string field--label-inline clearfix"> <div class="field__label">Titel</div> <div class="field__item">Widget Bibliothek</div> </div> <div class="clearfix text-formatted field field--name-field-twbm-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p>Modular erweiterbar mit Widgets für Licht, Behaglichkeit, Storen, Raumservation, Smart Parking, Predictive Raumnutzung u.v.m.</p> </div> </div> <div class="field field--name-field-twbm-media field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Medium</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/EtN04OJWHCvWEoBIPnnXrQLo7YiYUYeMEo6LlpkgAC0/1595502570/public/styles/thumbnail/public/2020-07/eliot-ar_widgets_0.jpg?itok=hLt5q1IC" width="100" height="72" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Drei Stufen Experience</h3> <p> </p> <p>Wichtige Informationen zum Status, Werte und Warnungen werden dem Benutzer direkt anhand der Kameraansicht im Raum bei den Objekten in 3D angezeigt. Sobald es jedoch um das Bedienen der Räume und Geräte geht, kommt ein mobil optimiertes Benutzerinterface (2D) mit Widgets zum Einsatz. Will der Benutzer Assets managen, gelangt er mit einem «Tap» auf die Asset Detailansicht der IoT–Plattform. Der Mitarbeiter benötigt keine neuen Geräte oder Displays mit Bedienung.</p> <p> </p> <p>Alle Räume und Geräte im Unternehmen lassen sich auf die gleiche Art und Weise bedienen, mit dem Komfort einer App und dem Smartphone oder Tablet des Benutzers. Die einzelnen Stufen sind Kontext und Geräte abhängig.</p> <p> </p> <p><strong>1. Stufe – Status in Echtzeit</strong><br /> Die wichtisten Informationen über einen Raum oder ein Gerät wie der Status, Werte oder Warnungen werden dem Benutzer in Echtzeit im Raum in 3D beim Objekt angezeigt. Bei mehreren Markern kann der Benutzer den gewünschten Marker durch «zielen und warten» mit dem Smartphone auswählen (siehe auch AR Pattern «Point and Dwell»).</p> <p> </p> <p> </p> <p><strong>2. Stufe – Werte sehen und steuern</strong><br /> Möchte der Benutzer mehr zu einem Raum oder Gerät sehen und beispielsweise Werte verändern, kann er über einen «Tap» auf ein Icon das entsprechende Widget öffnen. Dabei wurde darauf geachtet, dass das Widget mit nur einem Daumen bedient werden kann, während das Smartphone oder Tablet im AR-Modus gehalten wird.</p> <p> </p> <p> </p> <p><strong>3. Stufe – Assets managen</strong><br /> Die komplette Ansicht eines sogenannten «Assets» in der IoT–Plattform kann direkt über das Widget in der Plattform geöffnet werden. Hier kann der Benutzer alle Asset-Informationen sehen. Weiter stehen ihm umfangreiche Verwaltungsfunktionen zur Verfügung. Auch diese Ansichten sind mobile optimiert und vollständig mit dem Smartphone oder Tablet bedienbar.</p> <p> </p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Die «ElioT» AR–App schliesst die Lücke vom mobilen Smartphone Assistent zur Desktop Anwendung für Facility Manager: Mit der «ElioT» Smart Building Plattform wird über eine moderne Benutzeroberfläche bedient. Dabei werden tausende von IoT–Geräten und Daten in Echtzeit verwaltet, Gebäude und Räume gemanaged und Warnungen in visuell ansprechender Form angezeigt. Die neue AR–App ist vollständig in die IoT–Plattform integriert und greift so direkt in «Echtzeit» auf alle Daten und Assets zu. Weiter verbindet sie die physischen Räume und Geräte mit den Echtzeitdaten der «IoT»–Plattform – per Smartphone oder Tablet. Zusätzlich können weitere Daten über eine hochperformante REST-Schnittstelle vom Gebäudeautomationssystem (Honeywell Niagara, Haystack) bezogen und übermittelt werden.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">«IoT»-Plattform für smarte Gebäude</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/f5NjfA09qw1wRAyYtIVH-pIGefHMUGfEDQdIgU5xllI/1606725038/public/styles/thumbnail/public/2020-11/ET03-Rectangle.png?itok=Dandqi6O" width="100" height="100" alt="responsive-design" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Einfachere Bedienung – tiefere Kosten</h3> <p>Heute werden in Räumen oft proprietäre Multifunktionsdisplays eingesetzt, welche sehr umständlich zu bedienen sein können. Weiter wird dem Benutzer die Zuordnung der Bedienelemente zu den im Raum vorhandenen Leuchten und Storen zwar kommuniziert, ist aber mit «Licht hinten links» nicht eindeutig. Ein noch viel wichtigerer Faktor ist der Preis: Je nach Displaytyp kosten Multifunktionsdisplays bis zu CHF 700.–. Bei grösseren Unternehmen mit einigen hundert Räumen geht das schnell ins Geld.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Technisch setzen wir auf einen Node.js Server und ein React Frontend. Bei der AR Seite standen die zuverlässige und sehr schnelle Erkennung von Objekten über speziell optimierte Marker im Fokus. Dazu setzen wir auf die Web AR Library AR.js. Für die 3D–Darstellung der Echtzeitinformationen im Raum verwendeten wir A–FRAME (WebGL). Die Herausforderungen lagen zum einen in der Performance, da alles in Sekundenbruchteilen erkannt und angezeigt werden soll. Zum anderen mussten spezielle Optimierungen für iOS und Android in den Bereichen «Kamera Aktivierung», «Wechsel zu Vollbildmodus» und «Integration AR-Frames in React Applikation» vorgenommen werden.</p> <p> </p> <p> </p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Moderne Webtechnologien</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="/cdn/ff/vi2S9picqlpYs-5sO0l3CBxBD-Kr1QAjSWF7ckl9XRY/1606725038/public/styles/thumbnail/public/2020-11/ET04-Rectangle.png?itok=-kwFSUFb" width="100" height="100" alt="development-environment" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Über Leicom</h3> <p>Mithilfe der IoT- und Smart Data-Technologie entwickelt LEICOM IoT-Lösungen für das Monitoring von Geräten, die Optimierung des Energieverbrauchs und optimieren wichtige Daten der automatisierten Prozesse. Schweizweit beschäftigt das Unternehmen bis zu 100 Mitarbeiter am Hauptsitz in Winterthur und in den Niederlassungen in Bern, Basel, Zug und Chur.</p> <p> </p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Das könnte Sie auch interessieren:</h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--tiles paragraph--view-mode--preview"> <div class="field field--name-field-tiles-teaser field--type-boolean field--label-above"> <div class="field__label">Tiles Teaser</div> <div class="field__item">An</div> </div> <div class="field field--name-field-tiles-large field--type-boolean field--label-above"> <div class="field__label">Tiles Large</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-tiles-limit field--type-integer field--label-above"> <div class="field__label">Tiles limit</div> <div class="field__item">3</div> </div> <div class="field field--name-field-filter-tags-and field--type-entity-reference field--label-above"> <div class="field__label">Required Tags (all)</div> <div class="field__items"> <div class="field__item">Software Entwicklung</div> </div> </div> <div class="field field--name-field-tiles-author field--type-boolean field--label-above"> <div class="field__label">Tiles Author</div> <div class="field__item">Aus</div> </div> </div> </div> </div> <a href="https://www.cando-image.com/de/case-eliot" target="CandoFrontend">Open</a><br /><iframe width="100%" style="min-height: 700px;" src="https://www.cando-image.com/de/case-eliot"></iframe> <div class="field field--name-field-tile-title field--type-string field--label-inline clearfix"> <div class="field__label">Tile Title</div> <div class="field__item">Leicom: «ElioT» AR–App für Gebäudeautomation</div> </div> <div class="clearfix text-formatted field field--name-field-tile-text field--type-text-long field--label-above"> <div class="field__label">Tile Text</div> <div class="field__item"><p><span style="font-size:12pt; font-variant:normal; white-space:pre-wrap"><span style="font-family:Arial"><span style="color:#000000"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">Mit der «ElioT» AR-App erhalten Mitarbeiter im Unternehmen intuitiv zu bedienende «Smart Home»–Funktionen fürs Büro.</span></span></span></span></span></span></p> </div> </div> <div class="field field--name-field-tile-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/nWhDYNANSIcYFqY4VrgKm8CZXLmbjokiRhsbqENVQQU/1606726523/public/styles/thumbnail/public/2020-11/thumb-eliot-2.png?itok=cGl7_oQn" width="100" height="75" alt="thumbnail-eliot-app" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> Sat, 11 Jul 2020 14:25:15 +0000 chris.bochsler@cando-image.com 17 at https://backend-www.cando-image.com Case: E-Periodica https://backend-www.cando-image.com/de/case-e-periodica <span class="field field--name-title field--type-string field--label-hidden">Case: E-Periodica</span> <div id="field-language-display"><div class="js-form-item form-item js-form-type-item form-type-item js-form-item- form-item-"> <label>Language</label> German </div> </div><span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/de/user/12" typeof="schema:Person" property="schema:name" datatype="">nikiza</span></span> <span class="field field--name-created field--type-created field--label-hidden">Mo., 04/20/2020 - 16:34</span> <div class="field field--name-field-tags field--type-entity-reference field--label-inline clearfix"> <h3 class="field__label inline">Tags</h3> <ul class="links field__items"> <li><a href="/de/taxonomy/term/9" hreflang="de">Referenz</a></li> <li><a href="/de/taxonomy/term/18" hreflang="de">User Experience Design</a></li> <li><a href="/de/taxonomy/term/19" hreflang="de">Visual Design</a></li> <li><a href="/de/taxonomy/term/20" hreflang="de">Awards</a></li> <li><a href="/de/taxonomy/term/11" hreflang="de">Enterprise Application</a></li> <li><a href="/de/taxonomy/term/25" hreflang="de">Innovation</a></li> <li><a href="/de/taxonomy/term/28" hreflang="de">Software Entwicklung</a></li> </ul> </div> <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero paragraph--view-mode--preview"> <div class="field field--name-field-fullsize field--type-boolean field--label-inline clearfix"> <div class="field__label">Fullsize</div> <div class="field__item">Off</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-hero-items field--type-entity-reference-revisions field--label-above"> <div class="field__label">Elemente</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero-item paragraph--view-mode--preview"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">true</div> </div> <div class="field field--name-field-hero-subtitle field--type-string field--label-inline clearfix"> <div class="field__label">Untertitel</div> <div class="field__item">E-Periodica</div> </div> <div class="clearfix text-formatted field field--name-field-hero-title field--type-text-long field--label-above"> <div class="field__label">Titel</div> <div class="field__item"><p>Redesign <span class="underline">«E-Periodica»</span> für die ETH–Bibliothek</p> </div> </div> <div class="field field--name-field-hero-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-video media--view-mode-preview"> <div class="field field--name-field-media-video-file field--type-file field--label-visually_hidden"> <div class="field__label visually-hidden">Video-Datei</div> <div class="field__item"> <video controls="controls" muted="muted" width="64" height="48"> <source src="https://static.cando-image.com/cdn/ff/Xpj3YuKAiHspJmZBuOLO2_vlIIaJfyHDgfLYy9W24DI/1587640747/public/2020-04/short-movie.mp4" type="video/mp4" /> </video> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-sidebar paragraph--view-mode--preview"> <div class="clearfix text-formatted field field--name-field-tws-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p class="body-1">Für das Redesign von «E-Periodica», einer Plattform mit über 400 Schweizer Zeitschriften gewinnt Cando den Best of Swiss Web-Award.</p></div> </div> <div class="clearfix text-formatted field field--name-field-tws-sidebar-content field--type-text-long field--label-inline"> <div class="field__label">Sidebar Inhalt</div> <div class="field__item"><p class="subtitle-1">Kunde</p> <p class="caption">ETH Zürich<br />  </p> <p class="subtitle-1">Kompetenzen</p> <p class="caption">UX Design, Visual Design, CMS, Enterprise Application<br />  </p></div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-background-media paragraph--view-mode--preview"> <div class="clearfix text-formatted field field--name-field-twbm-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p>«E-Periodica - digitalisierte Schweizer Zeitschriften» wurde für den Best of Swiss Web Award als «Master Kandidat» nominiert und ist somit unter den Top 11 aus über 355 eingereichten Projekten.</p> <p> </p> </div> </div> <div class="field field--name-field-twbm-media field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Medium</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/dBIpmCi7-cjf94Iwu9hLR0Ac7pRof6_xEmeG0r6LlAo/1606725979/public/styles/thumbnail/public/2020-11/4k-72ppi-perspective-website_1.jpg?itok=HWSG8J2K" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Umsetzung</h3> <p> </p> <p>Gleich zu Beginn des Projektes wurden in enger Zusammenarbeit mit dem Projektteam der ETH-Bibliothek die Bedürfnisse der Zielgruppen erfasst. In mehreren Workshops entstanden erste Prototypen auf Papier, welche dann direkt vor Ort in einer Prototyp–App für die verschiedenen Endgeräte, wie Smartphones und Tablets, aufbereitet wurden. Somit konnte schon sehr früh ein Eindruck der verschiedenen Lösungsansätze im realen Umfeld gewonnen werden.</p> <p> </p> <p> Die technische Umsetzung erfolgte in einem agilen Prozess über verschiedene Iterationen. Dabei galt es, alle Stakeholder der ETH-Bibliothek, von den Backend-Entwicklern bis zum Management, abzuholen und Rückmeldungen der Zielgruppen einfliessen zu lassen. Zur Zeit erfolgt der letzte Feinschliff mit Fokus auf User Experience, Interaktionen und Accessibility. Unter anderem ist geplant, die neue Lösung direkt von sehbehinderten Benutzern testen zu lassen, um zu verifizieren, ob sich die Navigation und das Vorlesen der Texte in der Praxis bewährt.</p> <p> </p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--quote paragraph--view-mode--preview"> <div class="field field--name-field-quote-sentence field--type-string-long field--label-inline clearfix"> <div class="field__label">Sentence</div> <div class="field__item">Mit dem neuen Auftritt der elektronischen Zeitschriftenplattform «E-Periodica» bieten wir Wissenschaftlern, Studierenden und der interessierten Öffentlichkeit einen zeitgemässen Zugang zu einer riesigen Auswahl digitalisierter Zeitschriften, die bis in das 18. Jahrhundert zurückreichen.<br /> </div> </div> <div class="field field--name-field-quote-author field--type-string field--label-inline clearfix"> <div class="field__label">Autor</div> <div class="field__item">Rafael Ball</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-video media--view-mode-preview"> <div class="field field--name-field-media-video-file field--type-file field--label-visually_hidden"> <div class="field__label visually-hidden">Video-Datei</div> <div class="field__item"> <video controls="controls" muted="muted" width="64" height="48"> <source src="https://static.cando-image.com/cdn/ff/CVCdAd8PduJLw1CHh8FxzrpI0vqa6BxXVuCwIgZ8CS8/1587642689/public/2020-04/cando_eth_v16_1080p_h264.mp4" type="video/mp4" /> </video> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Funktionen</h3> <p><strong>Visueller Einstieg</strong><br /> Der Einstieg auf die Zeitschriften geschieht über die jeweiligen Covers. Automatisch werden die jeweils neuesten Ausgaben dargestellt. Durch die bildhafte Darstellung fällt der Zugang leicht und man kann sich spielerisch mit dem wissenschaftlichem Material auseinandersetzen.</p> <p> </p> <p><strong>Kombiniertes Suchen und Filtern</strong><br /> Das Suchfeld funktioniert zugleich als Filter der Zeitschriftentitel. So passen sich diese in Echtzeit Buchstabe für Buchstabe an und stellen neue Vorschläge – quasi Zeitschriften-Miniaturen «as you type». Zur weiteren Einschränkung der Suchresultate wurde ein Facetten (Filter) eingebaut, mit dem man nach Autoren, Zeiträumen, Herausgebern, Dokumenttypen und Sammlungen filtern kann. Eine zusätzliche Suchfunktion zeigt gefundene Suchwörter als Textvorschau über alle Seiten einer Zeitschrift an.</p> <p> </p> <p><strong>Optimale Ladevorgänge</strong><br /> Wer suchet, der wartet, könnte man auf manchen online Plattformen meinen. Denn die Ladevorgänge sind vielerorts wegen grosser Bilddaten langsam. Hier ist dies nicht der Fall, denn es werden nur die Bilder geladen, die tatsächlich für den Benutzer von Bedarf sind. Zudem wurde die Ladezeit und Darstellung der Startseite für die unterschiedlichen Geräte optimiert.</p> <p> </p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">landscape</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Die synchronisierte Split–View ermöglicht dem Leser das Blättern ohne dabei die Übersicht zu verlieren. Zudem nutzt die Split-View den Platz von gängigen Widescreen Monitoren ideal aus und spart einen Interaktionsschritt. Eine weitere Hilfe zur Orientierung ist, dass die Inhalte der Zeitschriften sowohl als Text Inhaltsverzeichnis wie auch als bildhafte Übersicht mit Bildminiaturen angezeigt werden können.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Alles auf dem Radar dank Split-View</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">An</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/FGUvIPd0h43rLFprMc1EAiOGIEImKzNimD4Bj7g9KOY/1606725979/public/styles/thumbnail/public/2020-11/ea-4-3%202.jpg?itok=RQFQFWSX" width="100" height="75" alt="multiple-devices" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">landscape</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>Eine leistungsfähige Suchfunktion ermöglicht das schnelle Auffinden von Texten an beliebigen Orten innerhalb der Zeitschriften (auch für Zeitschriften mit Frakturschrift). Suchresultate werden in einer neuartigen Split–View–Ansicht direkt als Bild mit hervorgehobenen Suchworten dargestellt. Damit wird eine effiziente und zielgerichtete Recherche ermöglicht.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">Volltextsuche mit Keyword-Highlighting</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/krqZA9n9-XcFan41qpyrJaLjv4I_e9sYIExHY5bHDGs/1606725979/public/styles/thumbnail/public/2020-11/ea-4-3%201.jpg?itok=9J76Ft0u" width="100" height="75" alt="scanning-for-words" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><p><strong>Sharing von Artikeln</strong><br /> Das Teilen von Artikeln ist unverzichtbar. Gerade im Zusammenhang von wissenschaftlicher Lektüre. Deshalb können Artikel und Bilder nach Twitter, Facebook, Google+ und Pinterest geteilt werden. Ein direkter Download als hochauflösendes PDF (inkl. kopierbarer Volltext) ist ebenso möglich.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h3>Technologie</h3> <p>«E-Periodica» basiert auf dem bestehenden Backend welches für retro.seals.ch vom Hersteller «Satzrechenzentrum Berlin SRZ» realisiert wurde (http://www.srz.de/). Das komplette Redesign des Frontend inkl. Anpassungen der Java Applikation wurde durch Cando entwickelt. Zudem kommt die Open Source Technologie OpenSeaDragon zum Einsatz.</p> <p> </p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Das könnte Sie auch interessieren:</h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--tiles paragraph--view-mode--preview"> <div class="field field--name-field-tiles-teaser field--type-boolean field--label-above"> <div class="field__label">Tiles Teaser</div> <div class="field__item">An</div> </div> <div class="field field--name-field-tiles-large field--type-boolean field--label-above"> <div class="field__label">Tiles Large</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-tiles-limit field--type-integer field--label-above"> <div class="field__label">Tiles limit</div> <div class="field__item">3</div> </div> <div class="field field--name-field-filter-tags-and field--type-entity-reference field--label-above"> <div class="field__label">Required Tags (all)</div> <div class="field__items"> <div class="field__item">Software Entwicklung</div> </div> </div> <div class="field field--name-field-tiles-author field--type-boolean field--label-above"> <div class="field__label">Tiles Author</div> <div class="field__item">Aus</div> </div> </div> </div> </div> <a href="https://www.cando-image.com/de/case-e-periodica" target="CandoFrontend">Open</a><br /><iframe width="100%" style="min-height: 700px;" src="https://www.cando-image.com/de/case-e-periodica"></iframe> <div class="field field--name-field-tile-title field--type-string field--label-inline clearfix"> <div class="field__label">Tile Title</div> <div class="field__item">ETH-Bibliothek: Awards für Redesign «E-Periodica»</div> </div> <div class="clearfix text-formatted field field--name-field-tile-text field--type-text-long field--label-above"> <div class="field__label">Tile Text</div> <div class="field__item"><p>Für das Redesign von «E-Periodica», einer Plattform mit über 400 Schweizer Zeitschriften gewinnt Cando den Best of Swiss Web-Award.</p> </div> </div> <div class="field field--name-field-tile-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/nWY4x53f5VHVccGOspd_7RN_V0PrS3C3oo_nO8SIYbc/1606726111/public/styles/thumbnail/public/2020-11/thumb-E-periodica.png?itok=6bHnfLNG" width="100" height="75" alt="e-periodica-thumb" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> Mon, 20 Apr 2020 14:34:53 +0000 nikiza 24 at https://backend-www.cando-image.com Case: Postauto https://backend-www.cando-image.com/de/case-postauto <span class="field field--name-title field--type-string field--label-hidden">Case: Postauto</span> <div id="field-language-display"><div class="js-form-item form-item js-form-type-item form-type-item js-form-item- form-item-"> <label>Language</label> German </div> </div><span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/de/user/11" typeof="schema:Person" property="schema:name" datatype="" content="fabrice.spahn@cando-image.com">fabrice.spahn@…</span></span> <span class="field field--name-created field--type-created field--label-hidden">Mo., 03/16/2020 - 22:35</span> <div class="field field--name-field-tags field--type-entity-reference field--label-inline clearfix"> <h3 class="field__label inline">Tags</h3> <ul class="links field__items"> <li><a href="/de/taxonomy/term/9" hreflang="de">Referenz</a></li> <li><a href="/de/taxonomy/term/27" hreflang="de">Beratung</a></li> <li><a href="/de/taxonomy/term/28" hreflang="de">Software Entwicklung</a></li> <li><a href="/de/taxonomy/term/30" hreflang="de">Webportal</a></li> <li><a href="/de/taxonomy/term/12" hreflang="de">E-Commerce</a></li> <li><a href="/de/taxonomy/term/7" hreflang="de">CRM</a></li> <li><a href="/de/taxonomy/term/11" hreflang="de">Enterprise Application</a></li> </ul> </div> <div class="field field--name-field-paragraphs field--type-entity-reference-revisions field--label-hidden field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero paragraph--view-mode--preview"> <div class="field field--name-field-fullsize field--type-boolean field--label-inline clearfix"> <div class="field__label">Fullsize</div> <div class="field__item">Off</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-hero-items field--type-entity-reference-revisions field--label-above"> <div class="field__label">Elemente</div> <div class="field__items"> <div class="field__item"> <div class="paragraph paragraph--type--hero-item paragraph--view-mode--preview"> <div class="field field--name-field-inverted field--type-boolean field--label-inline clearfix"> <div class="field__label">Inverted</div> <div class="field__item">false</div> </div> <div class="field field--name-field-hero-subtitle field--type-string field--label-inline clearfix"> <div class="field__label">Untertitel</div> <div class="field__item">PostAuto</div> </div> <div class="clearfix text-formatted field field--name-field-hero-title field--type-text-long field--label-above"> <div class="field__label">Titel</div> <div class="field__item"><p>Neue <span class="underline">Webplattform</span> für PostAuto</p> </div> </div> <div class="field field--name-field-hero-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/xHdwrCrwwiMNyVeRlZaeMrL51DUiyuHLDtY5ZkmQCsQ/1606730466/public/styles/thumbnail/public/2020-11/pa-hero.jpg?itok=FTVG4Ot6" width="100" height="67" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-sidebar paragraph--view-mode--preview"> <div class="clearfix text-formatted field field--name-field-tws-text field--type-text-long field--label-inline"> <div class="field__label">Text</div> <div class="field__item"><p class="body-1">Im Rahmen einer öffentlichen WTO-Ausschreibung hat die PostAuto Schweiz AG eine neue integrierte Plattform für die drei bestehenden Systeme Content Management (CMS), Kundendatenmanag</p></div> </div> <div class="clearfix text-formatted field field--name-field-tws-sidebar-content field--type-text-long field--label-inline"> <div class="field__label">Sidebar Inhalt</div> <div class="field__item"><p class="subtitle-1">Kunde</p> <p class="caption">Postauto</p> <p class="caption"> </p> <p class="subtitle-1">Kompetenzen</p></div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-background-media paragraph--view-mode--preview"> <div class="field field--name-field-twbm-title field--type-string field--label-inline clearfix"> <div class="field__label">Titel</div> <div class="field__item">Ganzeinheitliche Plattform</div> </div> <div class="field field--name-field-twbm-media field--type-entity-reference field--label-inline clearfix"> <div class="field__label">Medium</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/j58oW51Jne2fnT7mtYkQljsj4SlfWnHCWeU_lGcEm0s/1606730465/public/styles/thumbnail/public/2020-11/4k-72ppi-perspective-website-2screens_0.jpg?itok=-HWazAVW" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h4>Umsetzung</h4> <p>Die neue Plattform wurde im Sommer 2015 in Betrieb genommen und basiert auf Open-Source Technologie. Dabei werden die unterschiedlichen Bereiche Webportal, Content Management, Applikationen, Shop, Kundendatenmanagement und Kundenreaktionsmanagement mit einer integralen Plattform umgesetzt. Dies ermöglicht PostAuto Entwicklungskosten zu sparen und flexibel auf künftige Anforderungen zu reagieren.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--media paragraph--view-mode--preview"> <div class="field field--name-field-media-media field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/AUlsWJi7NSukD327b_6Cwbfc-sf_pduheUMrftwNGZM/1606730467/public/styles/thumbnail/public/2020-11/pa01-16-9.png?itok=ztpDtaqw" width="100" height="56" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h4>Funktionen</h4> <p>Die Einführung der neuen Technologie «Mobile Tagging» und der «Audio-Reiseführer» auf der Zentralalpen-Pässefahrt bildeten erst den Anfang. Es folgten alternative Fahrzeugantriebe wie das Brennstoffzellenpostauto, die Lancierung des Bike Sharing Anbieters PubliBike, kostenloses WiFi im Postauto oder die PostAuto-App. PostAuto will auch in Zukunft mit innovativen Angeboten überzeugen.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--quote paragraph--view-mode--preview"> <div class="field field--name-field-quote-sentence field--type-string-long field--label-inline clearfix"> <div class="field__label">Sentence</div> <div class="field__item">«Wir freuen uns sehr, PostAuto auf dem weiteren Weg in die digitale Zukunft zu begleiten und das Reiseerlebnis der Fahrgäste durch relevante Informationen und Angebote zusätzlich aufzuwerten.»</div> </div> <div class="field field--name-field-quote-author field--type-string field--label-inline clearfix"> <div class="field__label">Autor</div> <div class="field__item">Christoph B. Bochsler</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text-with-media paragraph--view-mode--preview"> <div class="field field--name-field-twm-type field--type-list-string field--label-above"> <div class="field__label">Twm Type</div> <div class="field__item">default</div> </div> <div class="field field--name-field-twm-media-format field--type-list-string field--label-above"> <div class="field__label">Twm Media Format</div> <div class="field__item">square</div> </div> <div class="clearfix text-formatted field field--name-field-twm-text field--type-text-long field--label-above"> <div class="field__label">Twm Text</div> <div class="field__item"><p>PostAuto hat bereits früh in WiFi im Postauto und Smartphone Apps investiert. Um den Bedürfnissen der Fahrgäste noch besser gerecht zu werden, wird die Plattform von Beginn weg mit einem «Mobile First» und «User Centric Design» Ansatz konzipiert d.h. mittels Responsive Design für alle Geräte wie Desktop, Tablet und Smartphone optimiert.</p> </div> </div> <div class="field field--name-field-twm-title field--type-string field--label-above"> <div class="field__label">Twm Title</div> <div class="field__item">User Experience für Fahrgäste</div> </div> <div class="field field--name-field-twm-media-right field--type-boolean field--label-above"> <div class="field__label">Twm Media Right</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-twm-media field--type-entity-reference field--label-above"> <div class="field__label">Twm Media</div> <div class="field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static2.cando-image.com/cdn/ff/QtauaPtPyog9-qS0eqNKayMkoAyd_NfWDMDNZ6laoc4/1606730467/public/styles/thumbnail/public/2020-11/PA01-Rectangle.png?itok=B4x0-rn6" width="100" height="100" alt="responsive-design" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">center</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h4><span style="font-size:12pt;">Über PostAuto Schweiz</span></h4> <p>Die PostAuto Schweiz AG ist die führende Busunternehmung im öffentlichen Verkehr der Schweiz. Sie ist zu 100% im Besitz der Schweizerischen Post. Mit über 3'560 Mitarbeiterinnen und Mitarbeitern und mehr als 2'200 Fahrzeugen befördert PostAuto pro Jahr rund 139 Millionen Fahrgäste.</p> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--text paragraph--view-mode--preview"> <div class="field field--name-field-text-align field--type-list-string field--label-above"> <div class="field__label">Align</div> <div class="field__item">left</div> </div> <div class="field field--name-field-text-paragraph-title field--type-boolean field--label-above"> <div class="field__label">Paragraph Title</div> <div class="field__item">Aus</div> </div> <div class="clearfix text-formatted field field--name-field-text-text field--type-text-long field--label-above"> <div class="field__label">Text</div> <div class="field__item"><h2>Das könnte Sie auch interessieren:</h2> </div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-text-columns field--type-integer field--label-above"> <div class="field__label">Text Columns</div> <div class="field__item">6</div> </div> </div> </div> <div class="field__item"> <div class="paragraph paragraph--type--tiles paragraph--view-mode--preview"> <div class="field field--name-field-tiles-teaser field--type-boolean field--label-above"> <div class="field__label">Tiles Teaser</div> <div class="field__item">An</div> </div> <div class="field field--name-field-tiles-large field--type-boolean field--label-above"> <div class="field__label">Tiles Large</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-inverted field--type-boolean field--label-above"> <div class="field__label">Inverted</div> <div class="field__item">Aus</div> </div> <div class="field field--name-field-tiles-limit field--type-integer field--label-above"> <div class="field__label">Tiles limit</div> <div class="field__item">3</div> </div> <div class="field field--name-field-filter-tags-and field--type-entity-reference field--label-above"> <div class="field__label">Required Tags (all)</div> <div class="field__items"> <div class="field__item">E-Commerce</div> </div> </div> <div class="field field--name-field-tiles-author field--type-boolean field--label-above"> <div class="field__label">Tiles Author</div> <div class="field__item">Aus</div> </div> </div> </div> </div> <a href="https://www.cando-image.com/de/case-postauto" target="CandoFrontend">Open</a><br /><iframe width="100%" style="min-height: 700px;" src="https://www.cando-image.com/de/case-postauto"></iframe> <div class="field field--name-field-tile-title field--type-string field--label-inline clearfix"> <div class="field__label">Tile Title</div> <div class="field__item">PostAuto Schweiz: Integrierte Webplattform mit CMS und CRM</div> </div> <div class="clearfix text-formatted field field--name-field-tile-text field--type-text-long field--label-above"> <div class="field__label">Tile Text</div> <div class="field__item"><p>Für die PostAuto Schweiz AG hat Cando eine neue integrierte Plattform für die drei bestehenden Systeme Content Management (CMS), Kundendatenmanagement (CRM) und Kundenreaktionsmanagement erstellt.</p> </div> </div> <div class="field field--name-field-tile-image field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-preview"> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Bild</div> <div class="field__item"> <img src="https://static.cando-image.com/cdn/ff/R7EygmnvesmAXtaN6KX3C7BccEvYB1vzimnIO-ywy64/1606730312/public/styles/thumbnail/public/2020-11/thumb-postauto.png?itok=RzO-_pj0" width="100" height="75" alt="thumbnail-postauto" typeof="foaf:Image" class="image-style-thumbnail" /> </div> </div> </article> </div> Mon, 16 Mar 2020 21:35:30 +0000 fabrice.spahn@cando-image.com 20 at https://backend-www.cando-image.com