Was der Besucher sieht, wird vom Server als HTML gerendert, mit dem absolut notwendigen Minimum an JavaScript. Keine leere Seite beim Laden, keine Megabytes, die man herunterladen muss, bevor man einen Satz lesen kann.
Die Startseite der öffentlichen Website
Die Startseite, wie ein Besucher sie entdeckt: das Karussell im Kopfbereich, dann die im Raster zusammengestellten Abschnitte.
Diese Website läuft auf Aurora
app.axelraboit.fr ist kein Schaufenster, das neben dem Produkt gebaut wurde: Es ist Aurora in Produktion. Die Startseite, die Leistungsseiten, das Portfolio, die Fotogalerie und diese Tour werden alle in seiner Verwaltung zusammengestellt und von derselben Engine auf meinem eigenen Server ausgeliefert. Was diese Seite beschreibt, nutzen Sie gerade selbst.
Eine Schulungsseite: abwechselnd Bild und Text
Der Einstieg, dann abwechselnd Bild und Text, in der Verwaltung ohne eine Zeile Code zusammengestellt. Die Seite sitzt auf einem Raster: Jede Zone legt ihre Breite pro Bildschirmgröße fest, und die Seite funktioniert auch auf dem Telefon.
Ein Tipp: das Wesentliche in Zahlen
Das große Bild, das Wesentliche in wenigen Zeilen, die Kennzahlen und das Zitat einer Trainerin. Die Bilder werden in mehreren Größen ausgeliefert, je nach Bildschirm als WebP, mit dem Namen des Fotografen, wenn das Foto ihn verlangt.
Der Viewer der Galerien
Eine Galerie öffnet sich in einem Viewer: das Foto im Vollbild, die Pfeile und der Zähler. Er lässt sich per Tastatur wie per Finger bedienen, auf dem Telefon mit Wischen.
Auf dem Telefon: eine Spalte
Die Startseite, eine Schulung und ein Tipp nebeneinander auf dem Telefon. Dieselben Seiten passen in eine Spalte, mit eingeklapptem Menü und Bildern in der richtigen Größe.
Die Kontaktseite: drei Felder
Die Kontaktseite der öffentlichen Website besteht aus drei Feldern: Name, E-Mail und Nachricht, so, wie der Besucher sie sieht. Was er sendet, landet in der Verwaltung.
Was die Website außerdem kann
- Schnell ausgelieferte Seiten, im Cache gespeichert je nach Datum ihres Inhalts.
- Eine einfache Kopfzeile oder ein Karussell, Seite für Seite einstellbar.
- Fünf Sprachen (Französisch, Englisch, Spanisch, Deutsch, Niederländisch), jede Seite übersetzt und mit eigener Adresse.
- Ein persönlicher Bereich, wenn die Website ihn braucht: Registrierung, Anmeldung, Profil.