Home / Projects / SCHWEIZER TAGE - A One-Pager for FUTUN's Kompetenzresort
SCHWEIZER TAGE - A One-Pager for FUTUN's Kompetenzresort
A typographic one-pager with scroll choreography for FUTUN's new seminar format: from a PDF design via an Astro prototype to a WordPress site with 15 custom Elementor widgets and a booking form connected to Salesforce.
Client
FUTUN: FamilienUnternehmerTUN GmbH
Duration
3 weeks from commission
Website
www.schweizertage.chTechnologies
rocket_launchStatus: Live since September 2026 at schweizertage.ch (German only). Design: Sanna Schiffler, development: WebPX.
Project Overview
We have been working with FUTUN from Zurich since the futun.ch website. For their new format, the SCHWEIZER TAGE, FUTUN needed a site of its own: a “Kompetenzresort” for business-owning families - four modules of 33 hours each at the Guarda Val above Lenzerheide, in a small group of just over ten families and several generations together.
The starting point was a typographic PDF design by Sanna Schiffler: a red surface with a circle into which a
mountain peak rises as you scroll, followed by calm rows of text that open with [+] brackets. Our job
was to implement the design precisely and build it so that FUTUN can maintain all content on its own.
We built the first version as an Astro prototype within a few days, to align layout and scroll choreography with the designer and the client early on. For FUTUN’s day-to-day editing we then moved the site to WordPress - with 15 custom Elementor widgets that carry over design and animation one to one. The site was finished three weeks after we were commissioned; the review rounds with design and client happened right in the system.
Challenges
A design without compromises
Font sizes, line grid and spacing came from the PDF and had to match in the browser to the pixel - at every screen width.
Motion as part of the design
The peak rises into the circle as you scroll, the red surface fades out, header and mountain photo stay pinned. All of it has to run smoothly on an iPhone too.
Editable without a developer
FUTUN wanted to change texts, modules, speakers, prices and colours on their own - without breaking the layout.
Bookings straight into the CRM
Requests with several participants, module choice and room type had to arrive in Salesforce without detours.
Privacy in Switzerland and the EU
No cookies, no tracking banner, Google Maps only after consent.
Solutions
Technical Solutions
Innovative Approaches for Your Success
Custom Elementor Widgets
A WordPress plugin instead of a page builder kit
Scroll Choreography
Motion driven by CSS variables
Booking Form
A custom handler instead of a form plugin
Performance & Privacy
Fast and cookie-free
The Project in Numbers
3
From commission to finished site
weeks
15
Custom Elementor widgets
editable in the editor
0
Cookies and tracking banners
privacy-friendly
Technology Highlights
Prototype first, then WordPress
The Astro prototype made design and motion tangible within days. The WordPress widgets take styles, scripts and choreography straight from it, and the layout was measured automatically against the PDF design.
One colour drives everything
Date bar, opened rows, form fields and bars derive their tints from a few global colours. One value turns red into magenta, and every module gets its own pastel colour from the FUTUN identity.
Straight into Salesforce
Every request is validated on the server and arrives in Salesforce automatically, where confirmation and follow-up communication happen.
Designed for mobile
Dedicated portrait crops for hero and gallery, a fold-out dot menu and a hero whose scroll distance follows the photo height - so there’s no red gap on phones.
Project Gallery
Scroll choreography: the peak rises into the circle, the surface fades out
Modules as rows that open, each in its own identity colour
The venue: Guarda Val gallery with arrow navigation
Booking form connected to Salesforce
Mobile views: hero, overview, modules and venue
What Makes the Project
SCHWEIZER TAGE shows that WordPress doesn’t have to look like a template. What made the difference was the collaboration:
- • Design and code hand in hand: review rounds with Sanna Schiffler and FUTUN ran in short loops on a preview environment
- • The best of both worlds: a fast prototype for alignment, a familiar CMS for everyday work
- • Freedom with guard rails: FUTUN changes content, colours and spacing themselves while the grid stays intact
- • A returning client: fonts and legal texts build on futun.ch
Read more about the build in our blog article.
A design that should reach the web exactly as drawn?
You have a design and need an implementation that takes it seriously - and that your team can still maintain on its own? Let's talk.
Discuss Project