Landingpage
Eine Seite, ein Ziel: die Anfrage. Angebot, Beweis und Formular in der Reihenfolge, in der Besucher entscheiden.
- Hero
- Formular
- Referenzen
Webdesign, Motion & Entwicklung
Gebaut fürLandingpagesOnlineshopsUnternehmensseitenPortaleKampagnenseiten
Konzept, Design, Animation und Code aus einer Hand. Wir entwerfen digitale Auftritte, die auf den ersten Blick Vertrauen schaffen, auf jedem Gerät sofort laden und Besucher zu Anfragen führen.
Was wir drauf haben
Die Bereiche wechseln automatisch. Tippen Sie eine Kategorie an, um sie festzuhalten.
02 / 06 · Motion
Animation ist kein Schmuck. Sie erklärt Zusammenhänge, zeigt Richtung und belohnt Interaktion. Wir setzen sie sparsam und mit einer festen Kurve ein, damit sie nie im Weg steht.
03 / 06 · Entwicklung
Wir schreiben den Code selbst. Komponenten statt Baukasten, typisiert, versioniert, mit Schnittstellen zu Ihren Systemen. Diese Seite läuft auf genau diesem Stack.
---
const felder = [
{ name: "firma", type: "text" },
{ name: "ziel", type: "textarea" },
];
const ergebnis = await senden(felder);
---
<form method="post" action="/api/anfrage">
<FormFields felder={felder} />
</form>$ pnpm build
✓ 42 Seiten gebaut in 3,8 s
✓ Typen geprüft, keine Fehler
04 / 06 · Performance
Ladezeit entsteht in der Planung, nicht am Ende. Wir optimieren Bilder, laden Komponenten erst bei Bedarf und messen gegen die Core Web Vitals, nicht gegen ein Gefühl.
100
Lighthouse Performance
05 / 06 · Conversion
Ein schöner Auftritt, der nichts auslöst, ist ein Poster. Wir planen Anfragewege, prüfen Formulare und stellen Zahlen so dar, dass Entscheidungen leichter fallen.
Anfragen pro Monat, nach dem Relaunch
06 / 06 · SEO & Zugang
Semantisches Markup, saubere Überschriften, beschreibende Alternativtexte: Das hilft Suchmaschinen und Menschen mit Vorleseprogramm gleichermaßen.
Jede Überschrift in der richtigen Ebene
Alternativtexte für alle Bilder
Kontrast mindestens 4,5:1
Bedienbar nur mit Tastatur
<main>
<h1>Webdesign</h1>
<section
aria-labelledby="titel">
<h2 id="titel">…</h2>
</section>
</main>
So entsteht Ihre Seite
Vier Schritte, ein Rahmen. Scrollen Sie weiter, um den Aufbau zu sehen.
Aufbau der Startseite · Würth Truck Lease
Schritt 1
Bevor gestaltet wird, steht fest, was die Seite leisten soll: welches Angebot, welche Zielgruppe, welche Anfrage. Daraus entsteht die Struktur.
Schritt 2
Wireframe, dann Design. Typografie, Farbe, Abstände und Bildsprache werden zu einem System, das sich auf jede weitere Seite übertragen lässt.
Schritt 3
Jetzt kommt die Bewegung dazu: Übergänge, Scroll-Effekte und Rückmeldungen an Klicks. Jede Animation bekommt einen Zweck, keine läuft aus Gewohnheit.
Schritt 4
Technik, Messung und Übergabe. Kurz vor dem Launch prüfen wir Ladezeit, Formulare und Darstellung auf echten Geräten, dann geht die Seite online.
Relaunch
Links der Rohbau, rechts das Ergebnis. Dieselbe Seite, dieselben Inhalte — nur entschieden gestaltet.
Ihr Handwerk.
Endlich sichtbar.
Performance
Ladezeit entsteht in der Planung, nicht am Ende einer Nachbesserung. Wir entscheiden früh, welche Bilder in welcher Größe laden, was sofort sichtbar sein muss und was warten darf. Vor dem Launch prüfen wir gegen die Core Web Vitals.
Zielwerte vor dem Launch
Lighthouse · MobilePerformance
Barrierefreiheit
Best Practices
SEO
Ladeverlauf
Fertig in 0,9 s
Was wir bauen
Wischen oder Pfeile nutzen
Womit wir arbeiten








Aus der Praxis
Kundenstimmen
Premium-Marken geben sich nicht mit Standard zufrieden. Erfahre, warum Visionäre und Branchenführer uns ihre wichtigste digitale Asset anvertrauen: Ihre Außenwirkung.
4.9 / 5.0
Verified reviews from real clients
Im ersten Gespräch klären wir Ziel, Umfang und Zeitrahmen. Danach bekommen Sie ein Angebot mit festen Positionen, nicht mit Stundenschätzungen.
Kontakt
Lassen Sie uns gemeinsam Ihre Vision in die Realität umsetzen
Projektanfrage
Ob kompletter Relaunch, KI-Integration oder Performance-Kampagnen – jede Erfolgsgeschichte beginnt mit einem Gespräch.
Ihr Kontakt
Strategy & Business Development

Global Horizon Studios GmbH & Co KG
Am Obstgut 9
04425 Taucha