Ich entwickle Websites

Deine Website ist oft der erste Kontakt mit deinem Unternehmen. Sie sollte zeigen, was du machst, wichtige Informationen leicht zugänglich machen und Besuchern einen klaren Grund geben, sich bei dir zu melden.

Egal, ob du eine neue Website startest oder mit einer bestehenden weiterarbeiten möchtest, ich kann dich dabei unterstützen. Das kann eine komplette Neuentwicklung sein, die Verbesserung einer bestehenden Website, neue Funktionen oder die Behebung von Problemen, die die Pflege unnötig schwierig machen.

Der richtige Ansatz hängt davon ab, was dein Unternehmen braucht. Manchmal reichen gezielte Änderungen, während andere Projekte eine neue Grundlage benötigen.

Performance, Barrierefreiheit, responsives Design und Webstandards gehören von Anfang an dazu. So entsteht eine Website, die heute gut funktioniert und sich auch dann noch gut pflegen lässt, wenn sich dein Unternehmen weiterentwickelt.


Websites

Jede Website hat eine Aufgabe. Design, Technologie und Umfang richte ich danach aus, was deine Website und dein Unternehmen tatsächlich brauchen. Manche Projekte brauchen eine einfache Website, die wenig Pflege benötigt. Andere profitieren von individuellen Funktionen und aufwendigeren Interaktionen.

  1. Dynamische Websites

    Dynamische Websites eignen sich, wenn sich Inhalte, Benutzer oder Daten regelmäßig ändern. Ich setze sie zum Beispiel für Websites mit CMS, Mitgliederbereiche, Kundenportale und Webanwendungen ein, bei denen die Website auf aktuelle Daten reagieren muss.

    • PHP
    • Tempest
    • Kirby
    • Laravel
  2. Statische Websites

    Statische Websites eignen sich, wenn sich die Inhalte nicht bei jedem Aufruf ändern müssen. Sie sind schnell, zuverlässig und unkompliziert zu hosten, wodurch sie sich gut für Unternehmenswebsites, Dokumentationen und Blogs eignen, die einfach zu pflegen bleiben sollen.

    • Jekyll
    • Next.js
    • Nuxt.js
    • Zola
  3. Landingpages

    Eine Landingpage gibt einem bestimmten Angebot, Produkt oder einer Kampagne einen klaren Platz. Ich konzentriere die Seite auf die Informationen, die Besucher brauchen, und sorge dafür, dass wichtige Aktionen leicht zu finden und messbar sind.

    • SEO
    • E-Commerce
    • Analytics

Eine gute Website sollte deinem Unternehmen und den Menschen, die sie nutzen, das Leben leichter machen. Sie sollte schnell laden, auf verschiedenen Geräten funktionieren und sich leicht anpassen lassen, wenn sich etwas verändert. Darauf achte ich von Anfang an, damit die Website auch lange nach dem Launch noch nützlich bleibt.

Ich entwickle auch Backends

Der sichtbare Teil einer Website ist nur ein Teil des Systems. Ich entwickle Backends, die sich um Inhalte, Bestellungen, Zahlungen, Benutzer und Daten kümmern.

Das kann ein CMS sein, das du selbst verwalten kannst, ein Backend für einen Onlineshop oder ein individuelles System, das deine Website mit den Tools verbindet, die du bereits nutzt. Dabei achte ich auf zuverlässige, verständliche und langfristig wartbare Systeme.

Mehr über Backends erfahren

Best Practices

Eine Website sollte für die Menschen funktionieren, die sie nutzen, und für die Menschen, die sie pflegen. Ich achte von Anfang an auf Webstandards, responsives Design, Barrierefreiheit und Performance. Das macht eine Website einfacher zu bedienen, zuverlässiger auf verschiedenen Geräten und langfristig leichter zu pflegen.

  1. Webstandards

    Webstandards geben Browsern eine gemeinsame Grundlage, um eine Website zu verstehen und darzustellen. Wer sie einhält, macht Websites vorhersehbarer, leichter zu pflegen und zuverlässiger in verschiedenen Browsern und auf unterschiedlichen Geräten.

    • HTML
    • CSS
    • JavaScript
    • DOM
  2. Responsives Design

    Menschen nutzen Websites auf Bildschirmen unterschiedlichster Größe und mit verschiedenen Eingabemethoden. Ich entwickle Layouts, die sich daran anpassen, damit Inhalte auf Smartphone, Tablet und Desktop gut lesbar und einfach zu bedienen bleiben.

    • Bilder
    • Typografie
    • Medien
  3. Barrierefreiheit

    Barrierefreiheit macht eine Website für mehr Menschen zugänglich, auch für Menschen, die assistive Technologien verwenden. Semantisches HTML, Tastaturnavigation, gut lesbare Inhalte und verständliche Interaktionen gehören zu den Grundlagen, auf die ich beim Entwickeln achte.

    • Semantik
    • WCAG
    • WAI-ARIA

Gute technische Entscheidungen fallen bei einer fertigen Website meist gar nicht auf. Seiten laden schnell, Inhalte funktionieren auf verschiedenen Bildschirmen und Menschen können die Website nutzen, ohne darüber nachdenken zu müssen, wie sie gebaut wurde. Das macht die Website heute nützlicher und schafft eine gute Grundlage für alles, was später noch kommt.

Ich entwickle auch Onlineshops

Ein Onlineshop sollte zu deinen Produkten und zu den Abläufen in deinem Unternehmen passen. Ich entwickle Shops mit den Funktionen, die du für Zahlungen, Versand, Lagerbestand und Bestellungen tatsächlich brauchst.

Das Ergebnis sollte einfach zu verwalten sein und zuverlässig funktionieren, wenn deine Kunden einkaufen. Wenn nötig, verbinde ich den Shop außerdem mit den anderen Tools, die du bereits in deinem Unternehmen nutzt.

Mehr über Onlineshops erfahren

Interaktive Websites

Manche Websites brauchen mehr als Seiten und Links. Interaktive Elemente können komplexe Informationen verständlicher machen, Menschen durch einen Prozess führen oder eine Website einfach angenehmer machen. Ich entwickle solche Interaktionen mit der Technologie, die zum Projekt passt, und achte dabei auf Geschwindigkeit, Zuverlässigkeit und gute Wartbarkeit.

  1. Web Components

    Web Components ermöglichen wiederverwendbare UI-Elemente, die unabhängig von einem bestimmten Framework funktionieren. Sie eignen sich zum Beispiel für Design-Systeme, eingebettete Widgets und Komponenten, die auf verschiedenen Websites oder in unterschiedlichen Anwendungen eingesetzt werden sollen.

    • Shadow-DOM
    • Templates
    • Slots
    • Scoped Styles
  2. React

    React eignet sich, wenn eine Website zunehmend wie eine Anwendung funktioniert. Ich setze es für Benutzeroberflächen mit komplexen Interaktionen, gemeinsam genutzten Komponenten und umfangreicher clientseitiger Funktionalität ein, die mit einfacheren Ansätzen schwer zu verwalten wären.

    So setze ich React ein

    • Components
    • JSX
    • State Management
    • Routing
    • Client-Side Rendering
  3. Vue, Astro & mehr

    Es gibt viele gute Werkzeuge für die Entwicklung von Websites, und das bekannteste ist nicht immer das passende. Ich arbeite auch mit Vue, Svelte, Astro und anderen Frameworks, wenn sie für das jeweilige Projekt sinnvoll sind.

    • Vue
    • Svelte
    • Astro

Die Technologie sollte das Erlebnis unterstützen und nicht selbst im Mittelpunkt stehen. Manchmal reichen ein paar gut gemachte Interaktionen. Andere Projekte brauchen darunter eine umfangreichere Anwendung. Ich wähle den einfachsten Ansatz, der die benötigte Funktionalität bietet und sich auch später noch gut pflegen lässt.

Lass uns deine Website bauen

Du möchtest eine neue Website starten, eine bestehende verbessern oder etwas reparieren, das dir gerade im Weg steht? Erzähl mir, was dir vorschwebt.

Du brauchst dafür kein technisches Konzept. Eine grobe Idee, ein konkretes Problem oder eine Website, die dir gerade Schwierigkeiten macht, reicht für den Anfang völlig aus.

Erzähl mir von deinem Projekt

Photo of Tobias Tom