SEC_00 / WORK2026.05

drei case studies. drei kontexte.

Marken-Website, Studio-Portfolio, Developer-Brand. Jedes Projekt mit eigener Spezifikation, eigenem Stack-Ausschnitt, eigenem Liefer-Resultat. Alle drei live, alle drei mit Lighthouse 95+.

  • CASE 0143R-0045852026

    Marken-Website / B2B

    advntg.de

    Marken-Website für B2B-Beratung. Reduzierte Typo-First-Komposition, Lighthouse 99+.

    Screenshot Marken-Website advntg.de
    43R-004585PLACEHOLDER — Production-Screenshot 1440×900 wird ausgespielt: Hero-Sektion mit Wortmarke + Lead-Statement, darunter Case-Grid in 12-col-Layout.

    PROJEKT-ÜBERBLICK

    Vollständiger Neuaufbau einer B2B-Beratungspräsenz. Aufgabe: eine vertriebsstarke Seite ohne Stock-Bildwelten, die Beratungstiefe sichtbar macht. Lösung: editorial gesetzte Typografie, strenge Grid-Disziplin, Animationen ausschließlich für Lesefluss — keine Dekoration. Inhaltsarchitektur fokussiert auf zwei Conversion-Pfade: Erstgespräch und Case-Anfrage. Stack: Next.js 16, React 19, Tailwind v4, Sanity als Headless-CMS für Kunden-eigene Pflege.

    HIGHLIGHTS

    • ◉Lighthouse 99/100/100/100 auf Production
    • ◉P50 unter 50ms am Edge (CF Frankfurt)
    • ◉Editorial-CMS-Pflege durch Kunden-Team
    • ◉Schema.org Organization + Service JSON-LD
    CLIENT
    ADVNTG GmbH
    ROLE
    Design, Build, Launch
    STACK
    next.js / sanity / b2b
  • CASE 0243R-0045862026

    Studio-Portfolio / Editorial

    2am.de

    Studio-Portfolio mit Editorial-Layout. Asset-First-Komposition, Mono-getriebene Metadaten.

    Screenshot Studio-Portfolio 2am.de
    43R-004586PLACEHOLDER — Production-Screenshot 1440×900: dunkle Studio-Hero, Case-Liste mit ID-Mono-Header und Hairline-Trennern, Editorial-Detailseite.

    PROJEKT-ÜBERBLICK

    Portfolio-Seite für ein Kreativ-Studio in der Nacht-Ästhetik. Aufgabe: Arbeiten ins Zentrum, Selbstdarstellung in den Hintergrund. Lösung: Asset-First-Layout, jede Arbeit mit eigener ID, ISO-Datum, Mono-Metadaten. Interaktion: GSAP-Scroll-Timeline für die Case-Übergänge, kein Parallax, keine Hover-Tricks. Inhalts-Pflege über Payload-CMS, mehrsprachig (DE/EN), indexiert ohne Duplicate-Content-Probleme.

    HIGHLIGHTS

    • ◉Lighthouse 98/100/100/100
    • ◉GSAP-getriebene Scroll-Sequenzen
    • ◉Payload-CMS, DE + EN, hreflang-korrekt
    • ◉Custom-Bildoptimierung mit AVIF/WebP
    CLIENT
    2AM Studio
    ROLE
    Design, Build, Launch
    STACK
    next.js / payload / gsap / i18n
  • CASE 0343R-0045872026

    Developer-Brand / Personal

    uncreative.dev

    Developer-Brand-Site mit Spec-Sheet-Ästhetik. Mil-Spec-Doku trifft Personal Brand.

    Screenshot Developer-Brand uncreative.dev
    43R-004587PLACEHOLDER — Production-Screenshot 1440×900: Spec-Sheet-Hero mit Identifier-Block, Journal-Index in Mono-Tabelle, Schema-Markup sichtbar.

    PROJEKT-ÜBERBLICK

    Personal Brand für einen Senior-Developer. Aufgabe: technische Tiefe sichtbar machen, ohne in CV-Klischees zu fallen. Lösung: Spec-Sheet-Layout, alle Inhalte mit Asset-IDs, mono-getriebene Metadaten, MDX-Journal für tiefe technische Beiträge. SEO ausgelegt auf Long-Tail-Developer-Keywords (Stack-Vergleiche, Performance-Notizen). Build deutet Mil-Spec-Doku an, ohne in Parodie zu kippen.

    HIGHLIGHTS

    • ◉Lighthouse 100/100/100/100
    • ◉MDX-Journal mit Syntax-Highlight + Schema.org Article
    • ◉Edge-Rendering, ISR für Journal-Posts
    • ◉Long-Tail-Developer-SEO indexiert
    CLIENT
    uncreative.dev
    ROLE
    Design, Build, Launch
    STACK
    next.js / mdx / edge / personal-brand

(KONTAKT)

bereit,gesehen zuwerden?