Request a quote

Case study · website

Stras'N Swing, a dance association's website, rewritten without WordPress.

A Strasbourg association for Rock and West Coast Swing, whose WordPress site was showing its age. We rewrote it from scratch, put it live with an automated delivery pipeline and hosted it on our servers in France. Client named with its consent.

01/BackgroundWhere we started

The association's life happens on WhatsApp, not on its website

The site did not need to become a management tool: it had to be a credible front door that sends visitors to where the community lives. For each starting point, what the site does.

  1. 01A WordPress install to keep up to date, plugins to watch, a visual identity out of step with the gold and ruby logo.A site rewritten in Next.js, with no plugins and no exposed admin area, in a visual identity drawn from the logo.
  2. 02Dates, venues and prices change often, and already live on WhatsApp and HelloAsso.The site points to those channels instead of duplicating them; the “Ateliers” (workshops) page was removed and redirected.
  3. 03A public form gets harvested by bots within a few weeks.Three barriers invisible to the visitor: a honeypot field, an automatic check with no tick box, a limit on messages per address.
  4. 04Measuring the audience without a cookie banner or an advertising network.Cookie-free measurement on our own instance, injected in production only; the statistics stay with the association.
02/What we builtDelivered so far

A site that runs on its own and sends people where they need to go

No CMS, no admin area: the content changes a few times a year, so it lives in the code.

  • 01
    One page, one journey. From discovery to membership: practice sessions, community, workshops, press, contact.
  • 02
    Visual identity drawn from the logo. Gold and ruby on a black background, two self-hosted fonts, no request to a font service.
  • 03
    Join with one scan. WhatsApp and Discord QR codes readable from a screen as well as from a poster.
  • 04
    Contact form. E-mail in the association's colours, reply-to address set to the sender, three anti-bot barriers.
  • 05
    Cookie-free audience measurement. On our own instance, in production only; no consent banner to display.
  • 06
    Docker image. Built in several stages, run without privileges, with a health probe that restarts the container if it stops responding.
  • 07
    Delivery pipeline. Pre-production and production from our forge, each image tagged with its version, immediate rollback, secrets kept out of the repository.
  • 08
    Legal pages. Legal notice and privacy policy suited to a site with no cookies or trackers.
03/Four screensThe live site, nothing blurred

Four screens, actual size

Screenshots of the site as it is online. These pages are public; nothing is blurred or replaced.

Home page of the Stras'N Swing website: headline on a black and gold background, the association's logo and three introductory blocks
Screen 01The home page, as it is online.

The first screen says who the site is talking to

A headline, the logo, three short promises and a button to the practice sessions. The tone is the association's own, which addresses its dancers informally.

The “How does it work?” section of the Stras'N Swing website, in three steps: join the community, take part in the practice sessions, go further in a workshop
Screen 02The three-step journey, as it is online. On a phone, the first two steps.

Three steps, and each one points to the right channel

Join the group, come and practise, go further in a workshop. Workshop registrations are made on HelloAsso, which the committee keeps up to date; the site says so instead of rebuilding it.

The “Rejoins-nous” (Join us) section of the Stras'N Swing website: WhatsApp and Discord with QR codes, Facebook and Instagram
Screen 03The membership section and its QR codes, as it is online. On a phone, the WhatsApp group.

Conversion happens outside the site, and that is deliberate

The site's purpose is to turn a curious visitor into a member of the group. The codes can be scanned from a screen or from a printed poster.

Contact section of the Stras'N Swing website: e-mail address, social networks and a four-field form
Screen 04The contact form, as it is online. The three protections are invisible. On a phone, the fields alone.

A form with no visible captcha

The visitor ticks nothing. A honeypot field catches bots, an automatic check is repeated on the server side, and a limit on messages per address keeps abuse in check.

04/TechnologiesWhat we chose, and why

A static site, industrialised from end to end

Server-side rendering, fast on first display, readable by search engines.

  • InterfaceNext.js and React, server components by default; only the animated sections switch to the client side.
  • Styles and fontsTheme declared once (palette, fonts, animations); fonts downloaded at build time and served from the site's own domain.
  • FormServer route, transactional e-mail, honeypot field, automatic check verified again on the server side, limit per address.
  • AudienceCookie-free measurement on our own instance, in production only.
  • DeliveryMulti-stage Docker image, health probe, pipeline on our forge, deployment through a bastion with no admin key in the pipeline.
  • HostingOn our servers in France, automatic routing and certificate; the code belongs to the association, and the image can be rebuilt identically.
05/Further readingRelated services

For a site that opens fast and stays yours

Website design in StrasbourgFast, accessible, hosted in FranceWhere your data livesOur servers, in France, and what that changesVisit the sitewww.strasnswing.fr, as it is online

What next

An association or brochure website to rebuild, with no WordPress to watch over?

Tell us about your site and what it needs to do. We will tell you what is feasible, with a timeline and a rough price.

Discuss your project

Reply within 24 working hours, from one of the two founders. Or by phone: +33 7 59 96 14 99.