Skip to contentLogo

Schule für Gestaltung Basel

See and experience anew with the SfG Basel

The relaunch of the Schule für Gestaltung Basel’s website makes the diverse worlds of its departments and courses more tangible and accessible than ever before.

Services

  • UX & UI Design
  • Development
  • 3D Design

Awards

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

Facts & Figures

↗ 194%
clicks
↗ 74%
impressions
↗ 68%
click rate

01

A modern look for a school steeped in history

With the relaunch of its website, the Schule für Gestaltung Basel unites the Swiss graphic design it helped shape with a fresh web presence. An innovative visual concept and a clear information architecture bring together the diverse offerings and institutions of the SfG Basel into a cohesive whole, making them more tangible and accessible than ever before.

02

Bringing visual worlds to life

The new 3D concept fully utilizes the possibilities of digital space, making educational paths accessible through various materialities. Individual institutions can easily adapt and customize the 3D elements via the CMS. Seamless camera movements through a consistent 3D environment accompany navigation between pages and educational paths, inviting exploration.

test
Blick hinter die Kulissen: Aufbau des 3D Raumes in three.js

03

Search engine friendly 3D environment

Thanks to Parallel Routes, a new feature of next.js, we were able to combine the advantages of single-page and multi-page web applications: although visitors always remain within the 3D environment, the individual pages are treated separately and are thus search engine friendly.

A sphere on the School of Design's website, visualizing the HF Interaction Design educational path.
Behavior of the three.js spheres on the School of Design Basel website.

04

For the next generation of designers

With its inviting design and intuitive navigation, the new website guides existing and potential students, trainees, and course participants to the various topics and offerings of the SfG Basel. In this way, the Schule für Gestaltung Basel also connects online with the next generation of designers, showcasing itself as an attractive educational institution.

© Christian Flierl

Tailor-made

It's all in the mix. We count on our partners, tools & technologies.

Partner

Tools

  • Figma
  • Miro
  • Atlassian
  • Slack

Technologies

  • DatoCMS
  • Next.js

Discover more

Show more

Show more

Delivering fast for FoodNow

FoodNow AG

Show more

Show more

Sure-footed art encounters with the Kunsthaus visitor guide

Kunsthaus Zurich