Skip to contentLogo

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.

Schule für Gestaltung Basel

Services

  • UX & UI Design
  • Development
  • 3D Design

Awards

  • Best of Swiss Web 2025
Exterior shot: School of Design Basel.Exterior shot: School of Design Basel.
© 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.

Sfgb WebsiteSfgb Website

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.
Four smartphones displaying various screens of the School of Design Basel website.Four smartphones displaying various screens of 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.

Photography in a classroom at the School of Design Basel.Photography in a classroom at the School of Design Basel.
© 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

A tablet and two smartphones on a light background display the LEVEL UP YOUR RIDE appA tablet and two smartphones on a light background display the LEVEL UP YOUR RIDE app

Confident cycling with LEVEL UP YOUR RIDE

Pro Velo Switzerland

Show more

Show more

Cable car in front of a mountain panorama.Cable car in front of a mountain panorama.

Reaching new heights with clair Resort Management

Doppelmayr Seilbahnen GmbH