Wer unsere Seite kennt, wird es sofort bemerkt haben: fablab-allgaeu.de sieht jetzt anders aus. Und nicht nur das — sie funktioniert auch anders. Wir haben in den letzten Wochen unter der Haube ordentlich aufgeräumt und dabei sowohl das Design als auch den Inhalt von Grund auf neu gedacht.
Was sich inhaltlich und konzeptionell geändert hat
Die alte Startseite war ehrlich gesagt sehr sparsam: ein Parallax-Bild, ein Slogan, drei kurze Absätze. Das hat gereicht, als wir noch ein kleines Grüppchen waren — aber es hat das, was wir heute leisten und bieten, nicht mehr wiedergegeben.
Die neue Seite erzählt eine Geschichte: Was kann man hier bauen? Mit welchen Maschinen? Wie läuft ein erster Besuch ab? Was ist danach möglich?
Konkret gibt es jetzt folgende Abschnitte:
- Hero — direkter Einstieg mit der Frage: „Was baust du als nächstes?”
- Maschinenübersicht — welche Geräte stehen zur Verfügung
- Projekt-Showcase — konkrete Beispiele, was bei uns entstanden ist
- Idea → Machine → Result — der Weg von der Idee zum fertigen Objekt in drei Schritten
- Features — Projektgruppen, Offener Montag, Workshops
- Erster Besuch — was passiert, wenn man zum ersten Mal reinkommt (Unsicherheit nehmen)
- Vertrauenssignale — warum wir keine Hürden aufstellen
- CTA / Kontakt — der Abschluss mit klarer Handlungsaufforderung
Das Ziel dahinter: Wer auf unsere Seite kommt — egal ob Schüler, Hobbyist, Gründer oder Lehrerin — soll innerhalb weniger Sekunden verstehen, was das FabLab ist, was es ihm bringt und wie er mitmachen kann. Die Seite soll nicht erklären, was ein Makerspace theoretisch ist. Sie soll zeigen, was wir konkret tun.
Was sich technisch geändert hat
Die alte Seite basierte auf Materialize CSS — einem Google-Material-Design-Framework aus dem Jahr 2014. Das Framework hat gute Arbeit geleistet, aber es brachte viel mit, was wir gar nicht brauchten, und ließ wenig Spielraum für ein eigenständiges Erscheinungsbild.
Das neue Design kommt ohne fremde CSS-Frameworks aus. Stattdessen arbeiten wir mit CSS Custom Properties (Variablen), modernem CSS Grid und Flexbox. Das macht die Seite schlanker, schneller und leichter wartbar.
Neu hinzugekommen sind zwei Schriftfamilien:
- Syne für Überschriften — geometrisch, kraftvoll, mit Charakter
- Outfit für Fließtext — klar, gut lesbar, modern
Dazu JetBrains Mono für technische Labels und Hervorhebungen — als kleiner Verweis auf die Werkstatt-Ästhetik, die uns prägt.
Das Farbschema folgt einem dunklen Cyber-Green-Theme: tiefdunkler Hintergrund (#070d09), Neon-Grün als Akzentfarbe (#00e676), Glassmorphism-Effekte bei der Navigation. Wer es heller mag: die Seite erkennt automatisch, ob euer Betriebssystem Hell- oder Dunkelmodus eingestellt hat, und passt sich entsprechend an.
Der Hero-Bereich der Startseite bekommt durch ein animiertes CSS-Grid-Overlay einen technisch-industriellen Look, der zur Atmosphäre eines Makerspaces passt. Scroll-Animationen und ein Stat-Counter lassen die Seite lebendig werden.
Intern wurde die Startseite in modulare Sections aufgeteilt (_includes/sections/), die sich unabhängig voneinander pflegen und austauschen lassen. Das erleichtert künftige Änderungen erheblich.
Die Arbeit daran ist noch nicht abgeschlossen — es gibt noch offene Baustellen, neue Inhalte, die wir ergänzen wollen, und sicher das eine oder andere Detail, das noch nicht perfekt sitzt. Aber der Richtungswechsel ist vollzogen.
Feedback ist ausdrücklich willkommen — entweder montags beim Treffen oder per Mail an info@fablab-allgaeu.de.