Interaktiv Designed for use

Die Neugestaltung des Navigationssystems begann mit einem Figma-Prototyp, in dem verschiedene Strukturen, Hierarchien und Interaktionsmuster untersucht wurden. Diese Phase ermöglichte es uns, User Flows zu verfeinern, die Benutzerfreundlichkeit auf unterschiedlichen Geräten zu testen und Designentscheidungen zu validieren, bevor wir in die Entwicklungsphase übergingen.

Das finale Menü wurde in WordPress mit modularen Komponenten umgesetzt, um Skalierbarkeit und langfristige Wartbarkeit sicherzustellen. Es führt eine klare Hierarchie mit übergeordneten Kategorien wie Kollektion, Service, Materialien, Kontakt, Shop und Contract ein. Über Untermenüs gelangen Besucherinnen und Besucher rasch von den allgemeinen Bereichen zu spezifischen Produktfamilien – für ein effizientes und intuitives Navigationserlebnis.

Ein zentrales Merkmal ist die integrierte Sprach- und Regionenauswahl, die die Website für die Schweiz, Deutschland, Österreich, die Benelux-Region sowie internationale Nutzerinnen und Nutzer anpasst. Dank der mehrsprachigen Optionen ab dem ersten Klick können Besucherinnen und Besucher Inhalte ohne Barrieren im bevorzugten Kontext aufrufen. Die Struktur wurde zudem auf Konsistenz und Wiedererkennung optimiert – nach derselben Logik auf allen Geräten.

Eines der zentralen Ziele des Redesigns war es, eine minimale und elegante Benutzeroberfläche zu schaffen, die den Fokus auf Produkte und Inhalte legt. Abstände, Typografie und dezente Übergänge tragen zu einer klaren, aufgeräumten Ästhetik bei, während die responsive Struktur auf kleineren Bildschirmen ein nahtloses Nutzungserlebnis gewährleistet. Dies war besonders wichtig, da Analysen einen kontinuierlichen Anstieg der mobilen Zugriffe zeigten. Auf Smartphones und Tablets präsentiert sich das Menü als intuitiv bedienbares, das einfach und schlicht bleibt, ohne auf Funktionalität zu verzichten.

eDoctrina ist eine K-12-Plattform, auf der Lehrpersonen Prüfungen erstellen und durchführen, den Lernfortschritt verfolgen und Schülerinnen und Schüler durch interaktive Lernprozesse begleiten. Unser Team hat ein automatisiertes Testprogramm konzipiert und implementiert, das die wichtigsten Abläufe der Plattform kontinuierlich End-to-End validiert. Dazu gehören die Workflows für Lehrpersonen – von Anmeldung und Rollenverwaltung über das Erstellen und Veröffentlichen von Prüfungen, den Umgang mit Aufgabenpools, das Zuweisen von Tests bis hin zu Bewertung, Feedback und Reporting – ebenso wie die Prozesse für Schülerinnen und Schüler mit sicherer Anmeldung, angepassten Zugängen, interaktiven Tests, sofortiger Auswertung und Ergebnisübersicht. Auch die allgemeine Plattformstabilität wird laufend überprüft, einschliesslich Navigation, Berechtigungen, Datenkonsistenz zwischen Modulen und der zentralen UI-Funktionalitäten über alle gängigen Browser hinweg. Die Test-Suite basiert auf einem Page-Object-Modell mit mehrschichtigen Testpaketen für Smoke-, Regressions- und Feature-Tests. Die Tests laufen in der CI-Pipeline bei jedem Pull Request sowie nächtlich in der Staging-Umgebung, mit klaren Reports für Produkt- und Engineering-Teams. Das Ergebnis sind schnellere Releases, weniger Regressionen und ein messbar höheres Vertrauen bei Lehrpersonen, die das System täglich nutzen.

Die Universität Lausanne führte eine ambitionierte Online-Studie durch, finanziert vom Schweizerischen Nationalfonds (SNF). Technisch wurde die Umfrage mit LimeSurvey realisiert und durch eine individuell entwickelte Interaktionsebene erweitert, die fünf speziell konzipierte Rollenspiele ermöglichte.

Die Teilnehmenden nahmen unter anderem an einem Public-Goods-Game teil, um Kooperation zu messen, an einem Property-Rights-Game, das Produktion, Schutz und Diebstahl ausbalancierte, sowie an einem Spenden-Spiel, das altruistisches Verhalten untersuchte. Weitere interaktive Entscheidungsaufgaben erweiterten das beobachtbare Verhaltensspektrum. Jede Aktion wurde in Echtzeit erfasst und an LimeSurvey zurückgespielt – für eine zuverlässige Datenerhebung.

Dieser gamifizierte Ansatz offenbarte Verhaltensmuster, die über klassische Fragebogenmethoden hinausgehen. Die Daten wurden von der Universität Lausanne analysiert, die Ergebnisse im Journal of Cross-Cultural Psychology veröffentlicht. Unter anderem zeigte die Studie, dass emanzipatorische Werte altruistische Grosszügigkeit fördern, während säkulare Werte produktive statt defensive Strategien begünstigen.

Das Projekt zeigt, wie sich interaktives Game Design und sozialwissenschaftliche Methodik verbinden lassen – zu einem Umfrageinstrument, das sowohl die Teilnehmenden motiviert als auch neue Forschungswege eröffnet.

Die neue Corporate Website von DHPA in Winterthur präsentiert die architektonischen Projekte des Büros in ihrer ganzen Vielfalt – von sorgfältigen Sanierungen bis hin zu grossflächigen Arealentwicklungen. Inhalte aus Leistungen, Projekten und Blogbeiträgen sind intelligent miteinander verknüpft und laden dazu ein, neue Perspektiven zu entdecken und länger auf der Website zu verweilen.

Der Relaunch wurde mit einem eigens entwickelten WordPress-Theme realisiert, das genau auf die Bedürfnisse der DHPA zugeschnitten ist. Schlüsselelemente wie Projekte, Referenzlisten und Blogbeiträge bilden die Grundlage. Mit durchdachtem Design und intuitiver Navigation unterstreicht die Website die architektonische Identität der DHPA und gewährleistet gleichzeitig Skalierbarkeit für die Zukunft.

Seit dem Launch betreuen und entwickeln wir die Website kontinuierlich weiter – für eine stabile und langlebige digitale Präsenz.

Auf der Website der Schweizerischen Vogelwarte erwarten die Besucherinnen und Besucher schnelle Antworten – egal ob sie nach einer Vogelart, einem Shop-Artikel, einer Fachperson oder Hintergrundinformationen zu einem Schutzprojekt suchen. Bei der Vielzahl an Inhaltstypen und den vier Sprachen der Website reichte eine herkömmliche Suche nicht mehr aus.

Wir entwickelten eine leistungsstarke, KI-basierte Suchlösung, die auf Algolia aufbaut und nahtlos in das WordPress-Backend integriert ist. Im Hintergrund verbindet die Such-Engine unterschiedlichste Inhaltstypen – von News, Vogelarten und Veranstaltungen bis hin zu Shop-Artikeln, Projekten, FAQs und Teamprofilen – und macht sie über eine einzige, intelligente Suche zugänglich.

Suchergebnisse erscheinen in Echtzeit, noch während der Eingabe – mit Fehlertoleranz, Synonym-Unterstützung und einer Ranking-Logik, die sich an der Nutzerintention orientiert. Ein federiertes Suchlayout zeigt Ergebnisse aus verschiedenen Inhaltsbereichen parallel an, sodass die relevantesten Treffer sofort erkennbar sind. Jede Ergebnisgruppe ist klar strukturiert und visuell differenziert.

Dynamische Filter (Facets) passen sich automatisch an Abfragekontext und Datentyp an – Vögel können nach Lebensraum gefiltert werden, Veranstaltungen nach Datum, News nach Thema – alles ohne Page Reloads.

Die Suchoberfläche basiert auf Algolia InstantSearch.js: leichtgewichtig, responsiv und mehrsprachig. Alle Labels und Filter werden dynamisch übersetzt und sorgen so für ein nahtloses Nutzererlebnis in Deutsch, Französisch und Italienisch.

Zur Leistungsoptimierung wurde eine Redis-basierte Caching-Ebene implementiert, die tausende Anfragen pro Tag mit minimaler Latenz verarbeitet. So bleibt die Suche auch bei wachsendem Inhalt und Traffic durchgehend schnell und stabil.

Das Ergebnis ist eine blitzschnelle, intelligente und skalierbare Sucherfahrung, die Nutzerinnen und Nutzern genau das liefert, was sie brauchen – ohne Reibungsverluste.

Die Schweizerische Vogelwarte veranstaltet jedes Jahr den internationalen Fotowettbewerb auf photo.vogelwarte.ch, um die Schönheit und Vielfalt der Vogelwelt durch Fotografie zu würdigen. Jährlich werden rund 10’000 Bilder von etwa 1’500 Teilnehmenden eingereicht. Eine Fachjury aus renommierten Naturfotograf*innen wählt die eindrucksvollsten Aufnahmen aus – eine Sammlung, die die Flugkunst und das Verhalten von Vögeln in einzigartigen Bildern festhält.

Wir entwickelten eine schlanke digitale Plattform, deren Herzstück ein blitzschnelles Jury-Tool ist – nahtlos in die WordPress-Medienbibliothek integriert. Speziell für Wettbewerbe mit grossem Datenvolumen konzipiert, ermöglicht es Fachjuror*innen, Tausende von Bildern per Tastendruck zu bewerten. Intuitive Shortcuts, Vollbilddarstellung und Sternbewertungen in Echtzeit machen den Bewertungsprozess fokussiert, effizient und präzise – selbst bei engen Zeitvorgaben.

Der Wettbewerb ist in vier Kategorien gegliedert – Action, Emotion, General und Youth – und zeigt damit die vielen Facetten, wie Vögel mit ihrer Umwelt interagieren. Die Gewinnerbilder werden jedes Jahr in einer kuratierten Galerie präsentiert und sind über den Online-Shop der Vogelwarte erhältlich.