Eine schnelle und sichere Website ist heute wichtiger denn je. Nicht nur wir Menschen lieben schnelle Seiten, auch für Suchmaschinen- und KI-Crawler ist eine schnelle und lesbare Website essenziell. Wenn du bei Google, ChatGPT & Co. besser gefunden werden willst, ist es wichtig, deine Website so schlank 1 wie möglich zu halten und die Lesbarkeit – auch ohne JavaScript2 – zu gewährleisten. Wenn deine Website nicht schnell genug oder für die Maschine nicht lesbar ist, schwindet deine Sichtbarkeit in den Antworten der Chat-Bots sowie den Suchergebnissen. Du bist nicht von SEO oder GEO abhängig? Auch deine menschlichen Besucher werden sich über eine schnelle und zuverlässige Website freuen und ganz nebenbei tust du etwas Gutes für die Umwelt 🌱.
Über mich
Langjährige Erfahrung und Schwerpunkte meiner Arbeit
Ich erstelle und optimiere Webseiten für kleine und große Unternehmen oder Privatpersonen, im Team oder auch Alleine.
Seit über 15 Jahren bin ich Teil der Agentur für Technik und Marketing tms development in Nürnberg und betreue regionale wie internationale Projekte. Die Begeisterung für die Web-Entwicklung geht zurück bis in die Kindheit.
Ich lege großen Wert auf Transparenz, Unabhängigkeit, Barrierefreiheit, Datensparsamkeit, Datenschutz & Nachhaltigkeit in der Umsetzung sowie im laufenden Betrieb all meiner Web-Projekte.
Dich interessieren all diese Themen auch? Egal ob nächstes gemeinsames Projekt oder allgemeiner Austausch, ich freue mich von Dir zu hören.
Diese Organisationen unterstütze ich mit einer monatlichen Spende
…weil sie für das kämpfen, was mir wichtig ist. Demokratie, Datenschutz und Unabhängigkeit in der (digitalen) Welt.
Nachhaltige Webentwicklung
Was genau ist eigentlich eine nachhaltige Website?
Eine Website ist nachhaltig, wenn sie ressourcenschonend umgesetzt und ausgeführt wird, keinen großen Wartungsaufwand erfordert und trotzdem nicht veraltet. Du lange Freude an deiner Website hast und dich nicht in die Abhängigkeit eines Unternehmens bzw. dessen Plattform begibst.
Ist das überhaupt möglich?
Ja, durch einen starken Fokus auf native Web-Werkzeuge, die Vermeidung geschlossener Plattformen und schnelllebiger Frameworks sowie die Verwendung von JavaScript 2 nur im unbedingt notwendigen Umfang.
Und funktioniert das in der Praxis?
Ja, meine Hartnäckigkeit in Bezug auf Datenschutz und eine ressourcenschonende Umsetzung wird in der Regel dankbar angenommen. Am Ende entscheidest aber natürlich du als Kunde, welche Tools du auf deiner Website einbinden möchtest. Ich sorge dann dafür, die Umsetzung nach bestem Wissen datenschutzkonform umzusetzen, und lasse es mir nicht nehmen, kritisch nachzuhaken, wenn das Marketing-Team wieder einmal einen fragwürdigen Drittanbieter wünscht. Meistens präsentiere ich den Verantwortlichen ungefragt eine EU-Alternative und/oder ein Open-Source-Projekt, das die gewünschte Funktion abdeckt.
Meine handgemachten Webseiten benötigen drei Zutaten:
1.) Deine hochwertigen Inhalte
2.) Etwas vanilla HTML, CSS und JavaScript (falls notwendig) für Layout & Design
3.) Den Open-Source Static Site Generator Hugo der daraus die fertige Website baut
+ (optional) Inhaltspflege via Tina, CloudCannon oder individueller Lösung
+ (optional) Einfaches und datensparsames Analytics mit Plausible
+ … deine individuellen Anforderungen und Wünsche
Messbarer Erfolg
Wenn ich deine Website betreue, kannst du dich auf Folgendes freuen:
Ich möchte dir gern ein paar meiner Hugo-Projekte zeigen
https://tribalart.de - Auktionshaus (Würzburg) Highlights: Über 100.000 statische Unterseiten, die Objektseiten werden aus einer externer Datenquelle erstellt, verfügbar in 3 Sprachen, individuelles minimalistisches Layout, automatische Spracherkennung auf der Startseite
https://nddmed.com - Medizintechnik (Zürich / Boston) Highlights: 5 Sprachen, Unterstützung bei der Übersetzung via Deepl Translator, zentrales Downloads Management, individuelles Layout, Page-Builder & internationales Editoren-Team
https://www.main-lit.de - Festival (Würzburg) Highlights: 4 Jahre Literaturfestival in Würzburg - Layout-Gestaltung nach Vorgabe - Events, Autoren und Veranstaltungsorte versehen mit strukturierten Daten für maximale Sichtbarkeit
https://gut-wilmersdorf.de - Ökologischer Ackerbaubetrieb (Brandenburg) Highlights: Der Kunde hatte das Design bereits im Vorfeld mit einer Grafikerin erstellt - ich habe diese Designvorlagen dann in enger Abstimmung mit der Grafikerin für’s Web umgesetzt
https://danielruettiger.de/ - Unternehmenscoach / Freiberufler Highlights: Einfache Web-Visitenkarte und Leistungsseiten für einen Unternehmenscoach aus Würzburg
Kundenstimmen
Das sagen meine Kunden…
Dank Joachim habe ich eine Sorge weniger. Meine Website läuft schnell, sicher, zuverlässig und ohne lästige Systemupdates, wie ich sie von WordPress kannte. Wenn doch mal etwas nicht funktioniert, ist Joachim immer schnell erreichbar.
Daniel Rüttiger
Unternehmenscoach
Wir würden jederzeit wieder mit Joachim zusammenarbeiten. Unsere Wünsche und Ideen für die Mainlit Webseite wurden perfekt umgesetzt. Jedes Problem konnte schnell und unkompliziert gelöst werden. Wir sind mehr als zufrieden mit der professionellen und freundlichen Zusammenarbeit.
Hier erfährst du etwas über die Funktionsweise und die Vorteile des Hugo Framework zum Bau von Webseiten
Hugo ist ein sogenannter Static Site Generator (SSG). Ein Static Site Generator ist eine tolle Sache, wenn du eine Website erstellen oder pflegen möchtest. Im Gegensatz zu dynamischen CMS-Lösungen, wie bspw. WordPress, wird bei einem Static Site Generator mit jeder Änderung das Endergebnis, also das fertige HTML-Dokument, automatisch neu gebaut. Hugo benötigt hierfür deine Inhalte (gelesen aus Text-Dateien oder anderen Formaten) sowie die Definition der Layouts und fügt diese zu einer funktionsfähigen Website zusammen. Bis wir die Inhalts- oder Layout-Dateien erneut anpassen, bleibt die veröffentlichte Website unverändert.
=> Das Ergebnis: Eine stabile und stets nachvollziehbare Präsentation im Web
Fokus auf das Frontend deiner Website Mit Hugo musst du dich nicht mit aufwändigen Backend-Konfigurationen rumschlagen, sondern kannst dich voll und ganz auf das konzentrieren, was deine Kunden als Erstes sehen – das Frontend der Website.
Sicherheit und Schutz vor Angreifern Statische HTML-Dateien bieten im Gegensatz zu dynamischen CMS-Lösungen eine sehr geringe Angriffsfläche. Und das Beste daran: Du musst sie nicht mehr regelmäßig warten.
Previews & Review Workflows Verabschiede dich von Staging-Umgebungen mit veralteten oder unvollständigen Inhalten. Mit einer Static Site können Anpassungen an der Website jederzeit in einer Preview vorbereitet und geteilt werden.
Automatisiertes Testing vor Veröffentlichung der Inhalte Da deine Website bei jeder Änderung neu gebaut wird, kann ich beliebige Tests vor Veröffentlichung der neuen Inhalte einbauen und bei Bedarf die Veröffentlichung blockieren. Beispielsweise testen auf Core-Web-Vital Metriken oder Web-Accessibility.
Statische HTML Dateien für maximale Performance Stets fertig gerenderte HTML-Dateien, ohne Anbindung an Datenbanken und andere Schnittstellen, versprechen maximale Performance.
Git-versioniert Das ist echt praktisch: Weil wir alles in einem Git-Repository verwalten, wird jede Änderung dokumentiert und bleibt nachvollziehbar. Mehr Transparenz geht nicht!
Automatisiertes Deployment, Hosting & Backup Wenn es Änderungen an deiner Website gibt, werden diese automatisch erkannt und veröffentlicht.
Kann ich meine statische Website selbst pflegen? Ja, klar, das geht. Ich stelle dir gerne eine einfache CMS-Lösung zur Verfügung, die auf Git basiert. Das ermöglicht es auch größeren Teams gleichzeitig an der Website zu arbeiten, ohne sich gegenseitig zu blockieren. Wenn du möchtest, können wir gerne eine Demo vereinbaren.
FAQ
Häufige Fragen zum Thema handgemachte, nachhaltige Website
FAQ
Wer verwendet Hugo zum Erstellen einer Website?
Ich habe noch nie von Hugo gehört. Setze ich damit auf ein System das nur du verwendest? Bin ich damit vielleicht sogar von dir abhängig? Nein.
Nicht die Welt! Okay, Spaß beiseite. Die Kosten richten sich immer nach meinem zeitlichen Aufwand. Ich verkaufe keine Produkte von der Stange, sondern individuelle, handgemachte Web-Lösungen. Der Aufwand für Planung, Konzeption und Umsetzung variiert demnach stark je nach Projektanforderungen – von wenigen Tagen bis zu mehreren Monaten.
Auf Wunsch biete ich auch eine fortlaufende Betreuung der Website an. Das monatliche Budget legen wir vorab gemeinsam fest.
FAQ
Lohnt sich eine nachhaltige Website?
Der initiale Aufwand ist häufig etwas höher als bei herkömmlichen Lösungen. Der deutlich geringere Wartungsaufwand, sowie die niedrigeren monatlichen Kosten für Hosting & Co. zahlen sich in der Regel bereits nach wenigen Monaten aus. Das gute Gefühl, dass die Website sicher und stabil läuft, ist hingegen unbezahlbar!
FAQ
Warum verwendest du kein WordPress?
WordPress bietet eine große Auswahl an Themes und Erweiterungen. Dieser Vorteil ist jedoch zugleich der größte Nachteil. Nicht selten ist die fertige WordPress-Website ein zusammengewürfeltes, langsames und unkontrollierbares Konstrukt, das ständig nach Updates verlangt. Gerne migriere ich deine bestehende WordPress-Website in eine schnelle und sichere statische Website ohne großen Wartungsaufwand oder vermittle dich an eine WordPress-Agentur. Lies hier mehr zum Thema WordPress oder Static Site mit Hugo
FAQ
Wieso eine handgemachte Website? Kann das heute nicht alles die KI?
Sicherlich gibt es KI-gestützte Tools, die dir die Erstellung einer Website in wenigen Schritten versprechen. Die Qualität der Ergebnisse lässt jedoch häufig zu Wünschen übrig. Mit einer handgemachten statischen Website bist du langfristig gut aufgestellt, bleibst unabhängig von den großen Plattformen, schonst Ressourcen und bist stets datenschutzkonform unterwegs. ChatGPT & Co. sind nicht Teil meines Werkzeugkastens.
Kontakt & Projektablauf
Habe ich dich von einer handgemachten, nachhaltigen Website überzeugen können?
Dann freue ich mich darauf, dich und dein Projekt kennenzulernen! So könnte es mit uns weitergehen…
Gerne präsentiere ich dir eine kleine Demo und beantworte all deine offenen Fragen
Wähle ein fertiges Layout 3, lass dir ein individuelles Layout gestalten oder bringe dein eigenes Layout & Design mit
Umsetzung deiner nachhaltigen Website
Schulung und Golive
(optional) Fortlaufende Betreuung deiner Website mit vereinbartem monatlichen Budget oder nach Bedarf
Support
Du hast bereits eine Hugo-Website und suchst nach Unterstützung?
Gerne schaue ich mir deine bestehende Hugo-Website an. Ich integriere mich entweder in dein bestehendes Team oder übernehme die Verantwortung für die Website komplett. Deine Wünsche und Anforderungen klären wir am besten in einem ersten Kennenlerntelefonat.
Nicht inhaltlich, sondern technisch. Je weniger Daten heruntergeladen werden müssen, desto besser. ↩︎
JavaScript ist eine Programmiersprache, die hauptsächlich zur Erstellung interaktiver und dynamischer Funktionen auf Webseiten verwendet wird. Sie läuft direkt im Browser und ermöglicht clientseitige Interaktionen ohne Server-Kommunikation. Zu viel davon macht deine Website langsam und anfällig. JavaScript kann vom Nutzer deaktiviert werden, sorge immer dafür, dass deine Website auch ohne JavaScript funktioniert. ↩︎↩︎
Vorgefertigte Layouts können auf Wunsch ebenfalls individualisiert werden. ↩︎