TerjePedersen.dk
Terje Pedersens alte Website war eine leere WordPress-Vorlage: ein Name, ein Foto und ein Menü, dessen Punkte auf Abschnitte verwiesen, die es nicht gab. Ich habe sie von Grund auf als vier handgeschriebene Seiten neu gebaut.
Die Herausforderung
Es gab praktisch nichts wiederzuverwenden. Die Seite lief mit WordPress, einem Theme und einem Page-Builder, aber außer dem Porträtfoto und ein paar Textzeilen gab es keinen Inhalt, den man übernehmen konnte. Terje wollte eine Seite, die zeigt, wer er ist und wofür er steht, keine Vorlage, die nie ausgefüllt wurde.
Was gebaut wurde
Vier Seiten: Startseite, Über mich, Projekte und Datenschutz, dazu eine 404-Seite, Sitemap und robots.txt. Das Design hat Terje selbst aus fünf ausgearbeiteten Richtungen gewählt, nicht nur fünf Farbsets.
Der Inhalt sind seine eigenen Worte: die Slogans, die er selbst formuliert hat, seine tatsächlichen Rollen und Jahreszahlen, und drei Worte dazu, wie er arbeitet. Es steht nur, was sich belegen lässt.
Die Technik
Reines HTML und CSS ohne Framework, ohne CMS und ohne Build-Prozess. Der Browser liest die Dateien direkt, sodass die Seite schnell ist und nichts aktualisiert werden muss, um sicher zu bleiben.
Die Schriften liegen auf Terjes eigener Domain, statt von Google Fonts geladen zu werden. Das ist eine bewusste Entscheidung: Das Laden von Schriften von Google gibt die IP-Adresse des Besuchers weiter, und ein deutsches Gericht hat entschieden, dass dies eine Einwilligung erfordert (LG München, 3 O 17493/20). Weil alles auf seiner eigenen Domain liegt, gibt es keine Dritten und kein Cookie-Banner.
Die Schriften ziehen auf die eigene Domain um10 Dateien · eigene Domain
Viele Websites laden von
fonts.googleapis.com
terjepedersen.dk lädt von
/assets/fonts/
- DM Mono 400
dm-mono-400-latin.woff2+dm-mono-400-latin-ext.woff2 - Manrope 200
manrope-200-latin.woff2+manrope-200-latin-ext.woff2 - Manrope 300
manrope-300-latin.woff2+manrope-300-latin-ext.woff2 - Manrope 400
manrope-400-latin.woff2+manrope-400-latin-ext.woff2 - Manrope 500
manrope-500-latin.woff2+manrope-500-latin-ext.woff2
Zwei Schriftfamilien, fünf Sätze (400, 200, 300, 400, 500), jeder Satz in zwei Untervarianten (latin und latin-ext) — zehn Dateien insgesamt, alle von terjepedersen.dk geladen.
Das Ergebnis
Eine Seite, die von einer leeren Vorlage zu vier Seiten mit echtem Inhalt geworden ist, bei der alles selbst gehostet ist, auch die Schriften. Die Seite ist versioniert, sodass sich jede Änderung nachvollziehen und zurückrollen lässt.
Die ganze Website7 Dateien · kein CMS
/Startseite/om/Über mich/projekter/Projekte/privatliv/Datenschutz404.htmlFehlerseitesitemap.xmlSitemaprobots.txtRobots
Keine Datenbank und kein Build-Prozess — der Browser liest die Dateien direkt aus dem Webroot.