Glossar
Die wichtigsten Begriffe für dein Projekt
Rund um die Website-Struktur
Hero Section (Header): Der große, erste sichtbare Bereich deiner Seite. Der Bereich, den Besucherinnen sehen, bevor sie scrollen. Hier stehen deine wichtigste Überschrift, ein Satz über dein Angebot und der erste Call-to-Action.
Above the Fold: Alles, was sichtbar ist, ohne zu scrollen. Kommt aus der Zeitungswelt (über dem Zeitungsknick). Der wichtigste Bereich jeder Seite.
Section (Abschnitt): Ein thematisch zusammengehörender Block auf deiner Seite. Deine Website besteht aus mehreren Sections untereinander. Jede Section hat eine Aufgabe: Vertrauen aufbauen, Angebot zeigen, zum Handeln auffordern.
Footer: Der unterste Bereich deiner Website. Enthält typischerweise Navigation, Kontaktdaten, Social-Media-Links, Impressum und Datenschutz.
Navigation (Navbar): Das Menü am oberen Rand deiner Website. Enthält die Links zu deinen wichtigsten Seiten.
Sitemap: Die Übersicht aller Seiten und Unterseiten deiner Website und wie sie miteinander verbunden sind. Gibt es in zwei Varianten: als Planungsdokument (für uns) und als technische XML-Datei (für Google).
Landing Page: Eine Seite mit einem einzigen Ziel. Keine Ablenkung, kein Menü, nur eine Handlung: Anmelden, Kaufen, Buchen. Wird oft für Kampagnen oder Freebies genutzt.
404-Seite: Die Seite, die Besucherinnen sehen, wenn sie eine URL aufrufen, die nicht existiert. Sollte freundlich sein und zurück zur Startseite führen.
Rund um Design und Gestaltung
Moodboard: Eine visuelle Collage aus Farben, Bildern, Schriften und Stilbeispielen, die die Designrichtung zeigt, bevor einzelne Seiten gestaltet werden.
Style Tile: Ähnlich wie ein Moodboard, aber konkreter. Zeigt echte Design-Elemente deiner Website: Buttons, Schriftarten, Farben, Icons in der tatsächlichen Anwendung.
Wireframe: Ein grober Layoutplan einer Seite. Nur Struktur, keine Farben, keine echten Bilder. Zeigt, wo welche Elemente stehen sollen.
Mockup: Die fertig gestaltete Version einer Seite als Bild. So wird die Seite aussehen, nur noch nicht programmiert.
High Fidelity: Ein Design, das dem Endergebnis sehr nahe kommt. Echte Farben, echte Schriften, echte Bilder. Das Gegenteil von einem groben Wireframe.
Responsive Design: Deine Website passt sich automatisch an verschiedene Bildschirmgrößen an. Vom großen Monitor über Tablet bis zum Smartphone. Jede Website, die ich baue, ist responsive.
Breakpoint: Die Bildschirmbreite, an der sich das Layout deiner Website verändert. Typische Breakpoints: Desktop (1.280 Pixel), Tablet (768 Pixel), Mobil (375 Pixel).
White Space (Weißraum): Der leere Raum zwischen Elementen. Kein verschwendeter Platz, sondern bewusstes Gestaltungsmittel. Sorgt für Übersichtlichkeit und lenkt den Blick.
Call-to-Action (CTA): Eine Handlungsaufforderung. Meistens ein Button mit Text wie "Jetzt Termin buchen", "Mehr erfahren" oder "Kostenloses Erstgespräch". Jede Seite braucht mindestens einen.
Favicon: Das kleine Symbol, das im Browser-Tab neben deinem Seitennamen erscheint. Meistens eine vereinfachte Version deines Logos.
Rund um Technik
CMS (Content-Management-System): Die Software, mit der deine Website gebaut und verwaltet wird. Beispiele: WordPress, Webflow, Squarespace. Du brauchst kein technisches Wissen, um deine Inhalte zu pflegen.
Staging (Testumgebung): Eine geschützte Kopie deiner Website, die nur über einen speziellen Link erreichbar ist. Hier baue ich und du testest, bevor die Seite live geht.
Go-Live / Launch: Der Moment, in dem deine Website für die Öffentlichkeit sichtbar wird. Die Staging-Version wird zur echten Website.
Domain: Deine Internetadresse, z.B. deinname.de. Das ist die Adresse, die Menschen in den Browser eingeben.
Hosting: Der Server, auf dem deine Website gespeichert ist. Ohne Hosting ist deine Domain wie eine Adresse ohne Haus.
SSL-Zertifikat: Sorgt dafür, dass deine Website über eine sichere Verbindung (https://) läuft. Erkennbar am Schloss-Symbol im Browser. Pflicht für jede professionelle Website.
DNS: Das System, das deine Domain mit deinem Hosting verbindet. Wie ein Telefonbuch, das die Adresse dem richtigen Server zuordnet. Das richte ich für dich ein.
301 Redirect (Weiterleitung): Wenn eine alte URL auf eine neue umgeleitet wird. Wichtig bei Relaunches, damit bestehende Google-Rankings nicht verloren gehen.
Cookie-Banner: Der Hinweis auf deiner Website, der Besucherinnen fragt, ob sie Cookies akzeptieren. Rechtlich vorgeschrieben durch die DSGVO.
Rund um SEO und Tracking
SEO (Suchmaschinenoptimierung): Maßnahmen, damit deine Website bei Google gefunden wird. Umfasst technische Einstellungen, Texte und Seitenstruktur.
Title Tag: Der Titel deiner Seite, der in den Google-Ergebnissen als blaue Überschrift erscheint. Jede Seite braucht einen individuellen.
Meta Description: Der kurze Beschreibungstext unter dem Title Tag in den Google-Ergebnissen. Sollte neugierig machen und zum Klicken einladen.
Alt-Text: Eine Bildbeschreibung, die unsichtbar im Code hinterlegt ist. Wichtig für SEO und für Menschen, die Screenreader nutzen.
Google Analytics (GA4): Ein kostenloses Tool von Google, das misst, wie viele Menschen deine Website besuchen, woher sie kommen und was sie dort tun.
Google Search Console: Ein kostenloses Tool von Google, das zeigt, bei welchen Suchbegriffen deine Website in den Ergebnissen auftaucht und ob technische Probleme vorliegen.
OG Image (Open Graph Bild): Das Vorschaubild, das erscheint, wenn jemand einen Link zu deiner Website auf Social Media teilt.
Rund um den Prozess
Discovery-Fragebogen: Der ausführliche Fragebogen, den du vor unserem Kickoff-Call ausfüllst. Enthält Fragen zu deinem Business, deiner Zielgruppe und deinen Vorstellungen.
Korrekturschleife (Revision): Eine gesammelte Runde Feedback und Anpassungen. Du gibst mir alle Änderungswünsche auf einmal, ich setze sie um.
Change Request: Ein Änderungswunsch, der über den vereinbarten Projektumfang hinausgeht. Wird separat angeboten und berechnet.
Freigabe: Deine offizielle Bestätigung, dass ein Meilenstein abgeschlossen ist und ich zum nächsten Schritt übergehen kann. Gilt per E-Mail.