Sight Guide ist ein Team der ETH Zürich, der Universität Zürich und der ZHAW. Es hat ein Assistenzsystem für blinde Menschen entwickelt und damit am Cybathlon 2024 teilgenommen. Das Team brauchte eine Seite, die das Projekt erklärt, die zehn Rennaufgaben zeigt und seinen Neuigkeiten ein Zuhause gibt.
Die Startseite beginnt mit einer einzigen Zeile in grosser Schrift über einem Foto vom Rennen: Barrierefreiheit trifft Technik.
Das Rennen am Cybathlon hat zehn Aufgaben, von der Haustür bis zum Gehweg. Jede ist eine kleine 3D-Szene mit kurzem Beschrieb, und man wechselt zwischen Front- und Draufsicht.
Der dritte Platz, der Innovation and Usability Award der Jury und die Höchstpunktzahl von 70 Punkten stehen als drei Karten nebeneinander. Sie blenden beim Scrollen ein.
Das Team berichtet über seine Fortschritte, von der ersten Aufgabe bis zu den Erkenntnissen des Jahres. Die Übersicht listet die Beiträge mit Datum und Vorschau und liest sich auch auf dem Handy gut.
Jeder Beitrag beginnt mit einem farbigen Kopf, danach folgt der Text in einer ruhigen Spalte mit kurzen Abschnitten.
Eine ruhige Seite auf Englisch mit Mission, Rennresultaten, den Aufgaben als kleinen 3D-Szenen und einem Blog. Elemente blenden ein, wenn sie ins Bild kommen. Gebaut ist sie mit Next.js und Motion, einem anderen Stack als bei unseren übrigen Projekten.
Next.js baut die Seiten auf dem Server, Vercel hostet sie. 2025 hat das Team seine Arbeit in Science Robotics veröffentlicht. Die Seite ist auf Englisch.
