Webentwicklung
Schnell ist keine Optimierung. Schnell ist eine Entwurfsentscheidung.
Wir bauen Websites von Hand — kein Baukasten, kein zugeklebtes Theme mit vierzig Plugins. Das Ergebnis ist Code, den man lesen, erweitern und in fünf Jahren noch übergeben kann.
Performance behandeln wir nicht als Aufräumarbeit am Ende. Bildformate, Ladereihenfolge, Animationskosten und Dateigröße stehen von der ersten Zeile an im Konzept.
function initMedia() { document.querySelectorAll(".media").forEach(function (box) { var el = box.querySelector(".media__el"); // Fehlt die Datei, bleibt die gestaltete Flaeche stehen — // statt eines kaputten Bildsymbols. el.addEventListener("error", function () { box.classList.add("media--missing"); }); el.addEventListener("load", function () { box.classList.add("media--ready"); }); });}Was in einer Umsetzung | *tatsächlich* steckt.
-
01
Frontend
Semantisches HTML, moderne CSS-Architektur, JavaScript nur dort, wo es etwas beiträgt.
-
02
Performance
Bilder erst bei Bedarf, moderne Formate, GPU-freundliche Animationen. Core Web Vitals im Grünen.
-
03
Animation
Scroll-, Hover- und Übergangslogik — komponiert, nicht zusammengeklickt.
-
04
CMS-Anbindung
Headless-CMS für Texte, Bilder und Inhalte. Ihr pflegt Inhalte, ohne Layouts zu zerstören.
-
05
Barrierefreiheit
Tastaturbedienung, Fokuszustände, Kontraste, Screenreader-Semantik, prefers-reduced-motion.
-
06
Betrieb & Wartung
Deployment, Monitoring, Updates, kleine Ausbaustufen. Eine Website ist kein Möbelstück.
Wir arbeiten mit einem | *Budget*, nicht mit Hoffnung.
Vor der ersten Zeile steht fest, wie viel eine Seite laden darf. Wird das Budget überschritten, fliegt etwas raus — kein Nachverhandeln am Ende des Projekts. Das sind unsere Zielwerte für neue Projekte:
-
Largest Contentful Paint 0sZiel: unter 2,5 s
-
Cumulative Layout Shift 0Ziel: unter 0,1
-
JavaScript, übertragen 0KBZiel: unter 30 KB (gzip)
-
Lighthouse Accessibility 0/100Ziel: mindestens 95
Ein Knopf hat mehr als | *einen* Zustand.
Ruhe, Überfahren, Tastaturfokus, deaktiviert, ladend. Wer nur den ersten gestaltet, merkt das spätestens beim ersten Nutzer mit Tastatur. Probier es aus — mit Maus und mit Tabulatortaste.
Zwei Bildschirme, links der Quelltext, rechts das Ergebnis. So sieht die Arbeit wirklich aus — nicht wie auf Werbebildern.
Habt ihr ein Design, | das jemand *bauen* muss?
Entwurf schicken, wir sagen euch, was technisch geht, was teuer wird und was wir anders lösen würden.