Basel Autumn Fair

Autumn Fair in digital: All info on all devices
The progressive web app of the Basel Autumn Fair provides visitors with information about the Autumn Fair and acts as a companion during their visit to the fair. Users will find a list of all exhibitors and offers with a practical filter function and can easily navigate to the desired location thanks to the integrated map.
Präsidialdepartement des Kantons Basel-Stadt
Progressive Web App, Concept and design, Web development

Two become one

For the 550th anniversary of the Basel Autumn Fair, the existing web presence of the Basel Autumn Fair and the existing native app "Basel Autumn Fair" were replaced by a modern, up-to-date Progressive Web App (PWA).

In addition to comprehensive information about the history and tradition of the Basel Autumn Fair, the PWA offers visitors the following practical functions during the Autumn Fair:

  • List of all rides, stalls and stands, filterable by various criteria

  • Overview map of the sites of the Basel Autumn Fair

  • Search function by keyword in the list of exhibitors

  • Navigation: Users can easily navigate to the desired offer via Google Maps

  • Subscription to push notifications to be informed about the latest news of the Autumn Fair

  • Calendar of Events

Why a Progressive Web App?

The aim of PWAs is to combine the advantages of native apps and web applications and to offer users the best possible user experience regardless of the platform. Compared to the "old" solution consisting of a website and a native app, the PWA for visitors of the Autumn Fair offers the following advantages:

  • Integration of all information and functions on one platform instead of two

  • Easier access for users, as no app needs to be downloaded from the app stores. Nevertheless, the PWA can be added to the home screen and can be called up like a native app. It is also possible to receive push messages.

  • Better discoverability in search engines

  • Compatibility with all operating systems

  • Future-oriented solution

The PWA was developed mobile first, but is also optimized for desktop. Therefore the user experience is good regardless of the device.

Homepage of the Basel Autumn Fair PWA, which can be added to the Home Screen.
The PWA can be installed on the Home screen
The PWA can be installed on the Home screen
Users can allow push notifications from the autumn fair
The PWA can be opened in the browser and then added to the homescreen via the prompt or browser menu. If the installed PWA is started, the browser window is omitted and the PWA behaves like a native app. Push messages can also be received accordingly.

What makes a website a PWA?

For a website to be designated as a PWA, the following conditions must be met:

  • An SSL certificate must be available, i.e. the website must be provided via a secure HTTPS connection

  • A service worker must be implemented. This allows functionalities such as push messages or offline functionality

  • A web manifest must be available to define the identity and appearance of the PWA

The following is a code extract from the Basel Autumn Fair PWA:

If you want to learn more about the pros and cons of PWAs, we recommend our three-part PWA blog series:

Handling high Traffic with clever caching and Statamic

The number of page impressions show that the conversion of the app and website to a modern PWA has paid off: The traffic on the new PWA compared to the old Autumn Fair website tripled in the year of the 550th anniversary of the Basel Autumn Fair, compared to 2019 and rose again in 2023 to a good 300,000 page visits. 

With these traffic figures, which also occur in peaks, performance is a key aspect. Especially as the site is not exactly "light": the many attractions at the Autumn Fair lead, among other things, to many pictures on the website and users don't want to wait ages for the description of a food stand or the next ride. It was therefore important to optimize the server side:

  • Statamic: Microcaching with nginx

  • Automatic image adjustment on the server

The high number of page visits during the Autumn Fair 2023 show that the PWA as a practical companion meets the needs of Autumn Fair visitors.

Rémy Böhler
Rémy Böhler
Head of Web Development
If he wanted to, he could program a website with his little toe while blindfolded... but he doesn’t want to. Our secret weapon when it comes to web development.
Eduard Zielke
Eduard Zielke
Project Management
Our secret agent par excellence: disguised as a project manager during the day, he spies on customers as a bartender at night while shaking martinis, communicates in every language imaginable, and should things get really tricky, he can always fall back on martial arts. His name is Zielke - Eddy Zielke.
Sophia Villiger
Sophia Villiger
Creative Web Development
Web developer with an eye for detail. There is no Javascript framework she can't control and her curiosity for new things keeps us up to date on web trends even before questions arise on Stackoverflow. With 12 years of experience in coffee-drinking, projects with her are completed even faster.
Kajetan Som
Kajetan Som
Web Development
He could easily earn his money with Photoshop artwork, but to our delight he also likes to implement web projects. With degrees in computer science and visual communication, he brings the perfect mix of skills to the table. And thanks to the Google Meet background feature, we still get to enjoy his penchant for graphics, typography and whimsical image compositions.
Nick Gerber
Nick Gerber
Concept & Design
He knows every shortcut and every Easteregg, there's not a single software tool that he hasn't already tested and sworn at. The clear winner: Notion. He uses it to work in such a structured way that, in addition to conceptualizing, designing and developing websites, he has time to ask the really important questions in life. For example, who tops the own goal statistics in table soccer.
We just noticed that you surf with Internet Explorer. Unfortunately, our website does not look so nice with it.

You want to know why that is?
We have written about it.


You need help with the changeover?
Get in touch. We are happy to help


Install a new browser?
There's lots of choice.