Auswahl an Projekten

Über suter & partner
Get involved: Collaborator, Jobs, Partner
Adress & Contact

Wikipedia Preview box

Verwandelt automatisch jeden Wikipedia-Link auf Ihrer Website in einen Link mit einer schönen Vorschau-Box (Artikelzusammenfassung), Open Source. Sie können Beispiele auf dieser Seite sehen, die Vorschau-Box öffnet sich bei Mouseover oder beim Tippen auf Wörter mit hochgestelltem W.
Projektwebsite (su-pa.net)
Quellcode (github.com)

«Züri begrünt» partizipativ

Züri begrünt partizipativ LogoEin neues Gesamtkonzept zur Darstellung & Wissensvermittlung klimarelevanter Massnahmen, Projekte oder Showcases in Städten am Beispiel Zürich - inkl. einem neuen "Züri-Wappen" (!:) als unverkennbarem Brand für eine neue "Grüne Stadt Zürich" der Zukunft.

Ein offline nutzbares Web-App-Tool, eine Progressive Web App (PWA), um Hitzeminderungs-Projekte aufzunehmen und zu präsentieren, um die Städte grüner, kühler und gesünder zu machen! Im Prototyp für Smartphones wurde als erstes Beispiel eine Fassadenbegrünung in Zürich-Seebach aufgenommen.

  • Der Fokus liegt auf der Umsetzung klimarelevanter Massnahmen in Städten.
  • Das Konzept erlaubt tiefe Einblicke in Praxisbeispiele & Fachwissen, ohne je die Einfachheit zu verlassen!
  • Projektmappen sollen Planer bei der Planung & Umsetzung von klimarelevanten Massnahmen unterstützen.  

Es besteht aus zwei Hauptbereichen, kombiniert mit weiteren Interaktions- und Informationselementen:
(1) Dem Informationsbereich (Akkordeon) mit unabhängig nutzbaren Sektoren, welche je nach den Bedürfnissen eines Projektes/Showcases verschieden gestaltet werden können und ...
(2) der Visualisierung, bestehend aus einem, wir nennen es "Multi-Slider", mit welchem mehrere Medien (Bilder, etc.) in versch. Sequenzen  (Vergangenheit-Zukunft, Zukunft-Vergangenheit, rundherum oder das Live-Bild der Kamera) angezeigt werden können. Es handelt sich dabei um eine Weiterentwicklung des altbekannten "vorher-nachher-Sliders", bei welchem jeweils zwei Bilder verglichen werden können.

(3) Diese zwei Hauptelemente werden ergänzt durch Info-Boxen, welche durch die Nutzer:innen nach Wunsch ein- und ausgeblendet werden können und deren Inhalte vertieftes Wissen vermitteln.

Einen raschen Eindruck ...

geben die Videos & Bilder auf der "Schweiz forscht" Projektseite (schweizforscht.ch)

Weitere Links
Projektwebsite (zuericooldown.ch)
Züri begrünt (begruent.ch) web app, PWA - Prototyp für Smartphones
Factsheet Web-App, Übersicht auf einer Seite (PDF)
Projektbasis für weitere Städte (cooldown.city)
Projektbeschrieb (pwa.uzh.ch) UZH, ETH Zürich, seed grant
Erklärvideos (vimeo.com) - den Web-App (PWA) Prototyp installieren, deinstalliern

LöschWasserRückhalt-Tool

Verwandelt ein interkantonales Merkblatt (Gewässerschutz) in eine Web-App (PWA, funktioniert auch offline). Das LWR-Tool (lwrtool.ch) ist ein kantonsübergreifendes Check-Tool zur Abklärung der Löschwasserpflicht und Berechnung des Löschwasserrückhaltevolumens. Das neue Konzept erlaubt es, in die Thematik einzutauchen, immer einfach zu bleiben und nützliche Informationen gezielt zur Verfügung zu stellen. Es dient auch als Planungsinstrument. Mehr Informationen ...
Web App als PWA: LWR Tool (lwrtool.ch)

Sizilianische Gestensprache - Android App & Web App (PWA)

Sizilian Gestures app Logo Die Geheimnisse der Sizilianischen Körperesprache in 81 Gesten, übersetzt in sechs verschiedene Sprachen, aber ohne Sprachumschalter (dafür mit Wischen/Swipen). Ein von Grund auf entwickeltes Konzept & Design, welches zum Thema passt! Zur App gehören mehr als 200 Fotos für die Animationen, Drucksachen wie Postkarten & Poster (Format A2, erhältlich für 20 CHF) welche in Italienischen Restaurants hängen und elf Leute haben beim Übersetzen, Testen usw. mitgewirkt!

Links

Website Sizilianische Gesten (siciliangestures.net)
Sizilianische Gesten-App Promo Video (vimeo.com)
App im Android Store (play.google.com)

Wir haben einige sehr schöne Reviews für die App bekommen, z.B.:
Tom. Zarebski: "Brilliant app to learn all useful Sicilian gestures. Beautiful pictures and animations. great work"
Ein Google-Nutzer: Lustige App. Bin vorbereitet auf Sizilien.😎
Anonymous Hippopotamus: "FUN! It's so much fun to review the gestures seen in my upbringing near NYC. ..."
Johnny: "Lovely, powerful, graceful, strong & deep. Fascinating, as I begin to learn how an expression sounds, how to write it, and what is the hand, arm, signals & body language."

Seit 2021 gibt es die Sizilianische Gesten App auch als PWA! (Progressive Web App)

Die Sizilianische Gesten Web App für Smartphones und auch für das iPhones
How to: Installieren, deinstallieren einer PWA auf ihrem Smartphone (vimeo.com)

Erklärvideos zum Installieren und Deinstallieren der PWA auf einem Smartphone

Die PWA nutzt die Web APIs (mozilla.org) des Webbrowsers zum Teilen der Gesten und andere Funktionen, ist sehr privatspährenfreundlich, sie ist installierbar, aber es ist kein App Store notwendig!

Techniken: HTML5, Vanilla JavaScript und Cordova für die Android App;

«De schnällscht Zürifisch»

Ist ein jährlicher Schwimmwettbewerb für Schülerinnen und Schüler, organisiert vom Departement für Schule und Sport der Stadt Zürich. Responsive Website für die Organisation der Veranstaltung mit ein paar lustigen Unterwasser-Kreaturen (wechselnd beim Neustart der Seite).
Website: zuerifisch.ch

Verein Risiko & Sicherheit (VR&S)

Responsive Website mit Mitgliederbereich für den Verein, in dem Eliane Suter Vorstandsmitglied ist. Alle paar Monate wird eine Veranstaltung zu einem ausgewählten Risiko & Sicherheits-Thema organisiert, bei der Expertinnen und Experten aus Forschung und Praxis ihr Wissen und ihre Erfahrungen austauschen und diskutieren.
Website: risikosicherheit.ch

«The Horse» Konzept & dontwastemy.energy

Ein neues Konzept für kollaborative und kulturübegreifende Umweltbildung mit dem Namen «The Horse» Konzept. Das Pferd als Symbol für's nachhaltig unterwegs sein.
Seit 2016 haben Jugendliche aus der Schweiz, Indien, Türkei, Deutschland, Belgien, ... mehr als 150 Projekte/Beiträge nach unserer "befter"-Methode (bing.com) zum Thema "Technik & Umwelt" realisiert.

Links
Die kollaborativen Projekte der Lernenden: dontwastemy.energy
Unser non-profit Verein "THE ! association" (the-horse.education) hat sich die weltweite Förderung des "The Horse" Konzeptes zum Ziel gesetzt hat
Movetia (National Agentur für Austausch und Mobilität): Kulturübergreifende Umweltbildung mit «The Horse» Konzept (movetia.ch);
Übersicht Infrastruktur (PDF, dontwastemy.energy), 2016, im Großen & Ganzen heute noch gültig
Mehr Informationen: teachingweb.org (DE & EN)

Webarchiv der ETH Zurich

Ein neues Konzept zur Archivierung und Präsentation von Websites!
Neben der reinen Darstellung der ehemaligen Website werden alle Dokumente und Bilder separat in der vom früheren Website-Ersteller verwendeten Struktur angezeigt.
Website: webarchiv.ethz.ch
Das Konzept ist auch für ganz andere Zwecke geeignet, hier ein Beispiel: travelogues (ambuehler.ch)

Parlamentswahlen '2019 in Südafrika

Innert kürzester Zeit entwickelten wir ein Konzept und die Website mit einer Aktivitäts- und Warnkarte für rund 300 Wahlhelfer (Peacemaker), um sie während den südafrikanischen Wahlen live vor aktuellen Risiken zu warnen. Wir betrieben das Hauptquartier in Uster (Schweiz) und unterstützten die Wahlen von 119 Wahllokalen in Mitchells Plain und Khayelitsha (SA), wo rund 3 Millionen Menschen leben.
Mehr zum Projekt
Website peacemakers.care

Quick Box

Eine neue Art für super-schnelle Recherchen; su-pa Web API Service für schnelle Recherchen auf Ihrer Website durch Ihre Kunden. Entstanden bei der Durchführung einiger "Buch-als-Website"-Projekte, enthält anpassbare Suchanbieter und einige Statistiken über die Nutzung. Sie können es hier gleich selber pobieren! Wählen Sie einen Text und sogleich erscheint eine Quick Box, matching-box.com

Orchid Island, Taiwan

su-pa war 2 Monate lang in Taiwan - hier sind einige Eindrücke (office.com, Sway Präsentation)
Website: lanyu.land, gehostet auf einem Azure-Webserver in Fernost

Feldenkrais Borghetti

Ein ungewöhnliches Konzept für ein ungewöhnliches Unternehmen, das die Feldenkrais-Methode anbietet, inkl. verschiedener Videos, Visitenkarte und Flyer (Print).
Website: feldenkrais-borghetti.ch

Prime Force Group

Webauftritt für ein IT-Beratungsunternehmen, realisiert mit dem Open Source CMS Magnolia. Das entwickelte responsive Akkordeon wurde auch für unsere greeting card'16 verwendet.
Website: prime-force.com

HuViLAB

Human Vision Laboratory - Wir haben die Gründung einer neuen Firma in der Schweiz für die junge taiwanesische Professorin Dr. R. Y.-Y. Huang von Taipei Tech (ntut.edu.tw) unterstützt und erstellten eine einfache Firmen-Website (huvilab.com), die wir hosten.

... usw. ... 

 

Über suter & partner
Get involved: Collaborator, Jobs, Partner [en]
Adresse & Kontakt

Letzter Update 05.04.2022, df