Leistungen

Alles Wichtige auf einer Seite. Sechs Bausteine – kombinierbar, schlank umgesetzt und so schnell wie möglich live. Mit viel Weißraum, klarer Hierarchie und kleinen Demos.

1. UX-Kickoff

In 45–60 Minuten schärfen wir Ziel, Zielgruppe und die eine Hauptaktion pro Seite. Danach ist klar, was wir NICHT bauen.

Kickoff-Skizze

Ziel & Zielgruppe geklärtHaupt-CTA definiertStartseiten-Sektionen skizziert

Mini-Briefing & Priorisierung
Inhalts-Skizze (H1, Sektionen, CTA-Logik)
Klarheit vor Feature-Listen

Angebot anfordern Beispiele ansehen

2. Design (Apple-clean × Brutalist-Lite)

Reduziertes Layout, starke Typografie, viel Weißraum. Keine Effekte um der Effekte willen – nur Orientierung.

Typografie

H1 – Klar & prägnant

Subline erklärt in einem Satz, worum es geht.

Buttons

Typo-Skala & Komponenten
Responsives Raster, systematischer Spacing
Micro-Interactions ≤ 200 ms

Angebot anfordern Beispiele ansehen

3. Entwicklung (Next.js 14 + Tailwind)

Schlanker, wartbarer Code. RSC wo sinnvoll, Code-Splitting, lokale Fonts – ohne unnötige Abhängigkeiten.

components/Hero.tsx

export default function Hero() {
  return (
    <section className="py-20 md:py-28">
      <div className="container">
        <h1 className="text-4xl font-semibold tracking-tight">
          Premium-Websites ohne Overhead
        </h1>
        <p className="mt-3 text-foreground/80 max-w-prose">
          Klarer Aufbau, sauberes Tempo, starke Typo.
        </p>
      </div>
    </section>
  )
}

Saubere Struktur & Semantik
Formulare mit zod/react-hook-form
Consent-Opt-in, keine Tracker

Angebot anfordern Beispiele ansehen

4. SEO Tech (pragmatisch)

Fundament statt Hokuspokus: Suchintention, saubere Metas, Breadcrumb/FAQ-Schema – so wenig wie möglich, so viel wie nötig.

Meta & Snippets

<title>Website-Wartung – klar & verlässlich | optimallooks</title>
<meta name="description" content="Updates, Backups, Uptime, kleine Änderungen – pragmatisch & schnell.">
<meta property="og:title" content="Website-Wartung – klar & verlässlich">
<meta property="og:description" content="Schnell, fair, ohne Overhead.">