Zum Inhalt springenLogo

Schule für Gestaltung Basel

Frisch sehen und erleben mit der SfG Basel

Der Relaunch der Webseite der Schule für Gestaltung Basel macht die vielfältigen Welten ihrer Abteilungen und Bildungsgänge so erlebbar und zugänglich wie noch nie.

Leistungen

  • UX & UI Design
  • Entwicklung
  • 3D Design

Auszeichnungen

  • Best of Swiss Web 2025
© Schule für Gestaltung Basel

Facts & Figures

↗ 194 %
Klicks
↗ 74 %
Impressionen
↗ 68 %
Klickrate

01

Ein moderner Auftritt für eine geschichtsträchtige Schule

Mit dem Relaunch ihrer Webseite vereint die Schule für Gestaltung Basel die von ihr mitgeprägte Schweizer Grafik mit einer frischen Webpräsenz. Ein innovatives visuelles Konzept und eine klare Informationsarchitektur bringen die vielfältigen Angebote und Institutionen der SfG Basel in einem stimmigen Ganzen zusammen und machen sie so erlebbar und zugänglich wie noch nie.

02

Visuelle Welten erlebbar machen

Das neue 3D-Konzept schöpft die Möglichkeiten des digitalen Raums aus und macht die Bildungswege durch verschiedene Materialitäten zugänglich. Die 3D-Elemente können von den einzelnen Institutionen einfach über das CMS angepasst und individualisiert werden. Nahtlose Kamerafahrten durch eine beständige 3D-Umgebung begleiten die Navigation zwischen Seiten und Bildungswegen und laden zum Entdecken ein.

Video der Webseite für Schule für Gestaltung Basel demonstriert die three.js Visualisierung.
Blick hinter die Kulissen: Aufbau des 3D Raumes in three.js

03

Suchmaschinenfreundliche 3D-Umgebung

Dank Parallel Routes, einem neuen Feature von next.js, konnten wir dabei die Vorteile von Single-Page- und Multi-Page-Webanwendungen kombinieren: Obwohl Besucher:innen immer innerhalb der 3D-Umgebung bleiben, werden die einzelnen Seiten separat behandelt und sind somit suchmaschinenfreundlich.

Kugel auf der Webseite der Schule für Gestaltung, die den Bildungsweg HF Interaction Design visualisiert.
Verhalten der three.js Kugeln auf der Schule für Gestaltung Basel Webseite.

04

Für die nächste Generation von Gestalter:innen

Mit ihrem einladenden Design und intuitiver Navigation führt die neue Webseite bestehende und potenzielle Schüler:innen an die verschiedenen Themen und Angebote der SfG Basel heran. So fördert die SfG Basel das Engagement mit der nächsten Generationen von Gestalter:innen und zeigt sich auch online als attraktive Bildungseinrichtung.

© Christian Flierl

Massgeschneidert

Die Mischung macht’s. Wir zählen auf unsere Partner:innen, Tools & Technologien.

Partner:in

Tools

  • Figma
  • Miro
  • Atlassian
  • Slack

Technologien

  • DatoCMS
  • Next.js

Entdecke mehr

Mehr zeigen

Mehr zeigen

Fast Food, Fast Development: FoodNow App

FoodNow AG

Mehr zeigen

Mehr zeigen

Eine Engineering Evolution: Konfigurator für I/O-Module

Bachmann electronic GmbH