Neuer Auftritt: filemaker-experts.de sieht jetzt aus wie unsere Add-ons

Wer die ZUGFeRD Suite kennt, kennt den Look: dunkle Kopfleiste, orange Reiter, ruhige Flächen, Monospace für Zahlen. Genau so sieht ab heute auch unsere Website aus. Der Gedanke dahinter ist einfach. Produkt und Auftritt sollen aus einem Guss sein. Wer bei uns eine Lösung kauft, soll auf der Website schon sehen, was ihn später in FileMaker erwartet.

Was sich geändert hat

Die Seite ist ruhiger geworden. Weniger Bewegung, mehr Inhalt. Jede Seite hat links eine schmale Spalte mit dem Wichtigsten, etwa Preise, Formate oder Kontakt, rechts steht der Text. Auf dem Handy rückt alles untereinander.

Hell und Dunkel gibt es beide. Der Schalter sitzt oben rechts, die Seite merkt sich die Wahl.

Jede Seite gibt es jetzt auch auf Englisch, mit einem Klick erreichbar. Vorher fehlten dort einige Seiten, jetzt sind es alle.

Support und Kontakt laufen über ein eingebettetes Ticket-Formular, das direkt in unserer Aufgabenverwaltung landet. Wer lieber schreibt, findet auf der Kontaktseite weiter das Mail-Formular. Und unten rechts sitzt ein Chat, für die kurze Frage zwischendurch.

Unser Store und der Blog haben denselben Look bekommen. Egal wo man landet, es sieht nach uns aus.

Wie die Seite gebaut ist

Das dürfte die meisten Leser hier mehr interessieren als die Farben.

Es gibt kein CMS, kein Framework und keinen Baukasten. Die Seite ist reines HTML mit einer einzigen CSS-Datei. Gebaut wird sie von einem kleinen Python-Generator: Ein paar Bausteine für Kopfleiste, Seitenleiste, Karten, Tabellen und Schritte, dazu je Seite eine kurze Beschreibung, was drauf soll. Daraus fallen die fertigen Dateien. Ändert sich die Kopfleiste, wird einmal neu gebaut, und alle 82 Seiten stimmen wieder.

Die englischen Seiten entstehen aus den deutschen. Pro Seite gibt es ein Wörterbuch, deutscher Text links, englischer rechts. Der Generator setzt die Texte um, passt die Pfade an und meldet, was noch fehlt. Ein neuer Absatz auf Deutsch bedeutet eine neue Zeile im Wörterbuch, mehr nicht.

Die animierten Erklärstücke, etwa die KI-Engine auf der Startseite oder der ZUGFeRD-Ablauf, waren schon da. Statt sie neu zu bauen, haben wir sie umgefärbt. Ein Script tauscht die Farbwerte im Bündel und hängt eine kleine Weiche an, die das Hell-Dunkel-Thema der Seite übernimmt.

Schriften liegen lokal, kein Aufruf an Google. Bilder, Logo und Favicon sind aus einem Motiv abgeleitet, dem Gebäude aus unserem Logo. Es taucht oben rechts neben jeder Überschrift auf und unten im Fuß, angeschnitten und leicht durchscheinend.

Beim Umzug auf den Server gab es eine Lehre, die wir gern weitergeben: Wenn Bilder unter gleichem Namen neu hochgeladen werden und der Server ein Jahr Cache erlaubt, sehen Stammbesucher noch lange die alten. Eine Versionsnummer im Aufruf löst das. Der Generator hängt sie jetzt automatisch an.

Ehrlich gesagt haben wir das nicht allein gemacht. Ein großer Teil der Arbeit lief mit Claude als Werkzeug, vom Umfärben der Bilder über die Übersetzungen bis zum Store-CSS. Das passt zu dem, was wir hier sonst schreiben: KI ist für uns kein Selbstzweck, sondern ein Werkzeug, das langweilige Arbeit übernimmt, damit Zeit für die interessante bleibt.

Schaut euch um

Die Seite ist frisch, und ein paar Ecken werden sicher noch geschliffen. Wenn euch etwas auffällt, ein toter Link, ein Text, der nicht stimmt, ein Bild, das fehlt, schreibt uns. Der Chat ist unten rechts, das Formular unter Kontakt.

filemaker-experts.de