Ein schönes Design allein reicht nicht. Entscheidend ist, dass Ihre Besucher sich zurechtfinden und genau das tun, was Sie sich wünschen - anrufen, eine Nachricht schreiben oder ein Produkt kaufen. Wenn die Bedienung stimmt, folgen die Ergebnisse von selbst.
Responsive Design
Ihre Website passt sich automatisch an jede Bildschirmgrösse an.
Responsive Design bedeutet, dass sich das Layout Ihrer Website automatisch an das Gerät des Besuchers anpasst - ob Smartphone, Tablet oder Desktop-Bildschirm. Texte, Bilder und Menüs ordnen sich so um, dass alles gut lesbar und bedienbar bleibt. Heute ist Responsive Design kein Luxus, sondern Pflicht.
Beispiel aus der Praxis
Ein Schlüsseldienst in Lausanne erhält 80 % seiner Anfragen über Smartphones - Leute, die sich ausgesperrt haben und unterwegs suchen. Dank Responsive Design sind Telefonnummer und Standort sofort sichtbar, ohne zoomen oder scrollen zu müssen.
Verwandte Begriffe:
Mobile-First
UX
Mobile-First
Die Website wird zuerst für Smartphones entworfen, dann für grössere Bildschirme erweitert.
Mobile-First ist ein Designansatz, bei dem das Smartphone-Layout den Ausgangspunkt bildet. Statt eine Desktop-Seite nachträglich für Mobilgeräte anzupassen (was oft schlecht funktioniert), denkt man von Anfang an mobil. Google bewertet Websites ebenfalls primär nach ihrer mobilen Version.
Beispiel aus der Praxis
Ein Foodtruck-Betreiber in Genf weiss: Seine Kunden suchen unterwegs nach dem aktuellen Standort. Die Website wird deshalb zuerst für das Smartphone gestaltet - mit grossem Standort-Button und Tages-Menü. Die Desktop-Version zeigt dann zusätzlich Bilder und Bewertungen.
UI
User Interface - alles, was Sie auf dem Bildschirm sehen und anklicken können.
UI steht für "User Interface" (Benutzeroberfläche). Damit ist alles gemeint, was auf dem Bildschirm sichtbar ist: Buttons, Menüs, Eingabefelder, Farben, Schriften. Ein gutes UI sieht professionell aus und macht sofort klar, wo man klicken muss.
Beispiel aus der Praxis
Ein Optiker in Chur hat einen "Termin buchen"-Button in leuchtendem Blau auf weissem Hintergrund. Der Button ist gross genug zum Antippen und an der richtigen Stelle platziert. Das ist gutes UI - der Besucher muss nicht suchen.
UX
User Experience - das gesamte Erlebnis eines Besuchers auf Ihrer Website.
UX steht für "User Experience" (Benutzererfahrung). Es geht darum, wie einfach, angenehm und effizient ein Besucher sein Ziel auf Ihrer Website erreicht. Gute UX bedeutet: Der Besucher findet schnell, was er sucht, versteht sofort, was zu tun ist, und verlässt die Seite zufrieden.
Beispiel aus der Praxis
Ein Restaurant in Interlaken hat die Speisekarte nach 3 Klicks erreichbar. Schlecht. Nach einem UX-Redesign ist die Karte direkt auf der Startseite als PDF verlinkt - die Verweildauer steigt um 40 %.
Verwandte Begriffe:
UI
Call-to-Action
Wireframe
Eine Skizze des Seitenlayouts - zeigt die Struktur, bevor das Design entsteht.
Ein Wireframe ist eine schematische Zeichnung einer Webseite. Es zeigt, wo Überschriften, Texte, Bilder und Buttons positioniert werden - aber noch ohne Farben, Schriften oder echte Inhalte. Wireframes helfen, die Seitenstruktur abzustimmen, bevor Design und Programmierung beginnen.
Beispiel aus der Praxis
Bevor ein Architekturbüro in Baden seine neue Website erhält, zeichnet die Agentur einen Wireframe: "Hier kommt das Logo, hier die drei wichtigsten Leistungen, hier die Referenzbilder." Der Architekt gibt sein OK - erst dann wird designt.
Verwandte Begriffe:
UI
UX
Call-to-Action
Eine klare Handlungsaufforderung - z. B. ein Button "Jetzt anfragen".
Ein Call-to-Action (kurz: CTA) ist ein Element auf der Website, das den Besucher zu einer bestimmten Handlung auffordert - z. B. "Jetzt Offerte anfordern", "Kostenlos beraten lassen" oder "Termin buchen". CTAs sind meist als auffällige Buttons gestaltet und an strategisch wichtigen Stellen platziert.
Beispiel aus der Praxis
Ein Umzugsunternehmen in Bern platziert auf jeder Seite den Button "Gratis Offerte in 24h". Ergebnis: Die Anfragen verdoppeln sich gegenüber der alten Seite, die nur ein verstecktes Kontaktformular hatte.
Verwandte Begriffe:
UX
Above the Fold
Above the Fold
Der Bereich einer Website, der ohne Scrollen sofort sichtbar ist.
"Above the Fold" bezeichnet den Teil einer Webseite, den ein Besucher sieht, ohne nach unten zu scrollen. Der Begriff stammt aus der Zeitungswelt (über dem Knick). Dieser Bereich ist der wichtigste: Hier muss sofort klar werden, wer Sie sind, was Sie anbieten und was der Besucher tun soll.
Beispiel aus der Praxis
Eine Reinigungsfirma in Zürich zeigt "Above the Fold" drei Dinge: eine klare Überschrift ("Büroreinigung in Zürich"), den grössten Vorteil ("Gleicher Preis seit 2019") und einen CTA-Button ("Offerte anfordern"). Der Rest kommt darunter.
Verwandte Begriffe:
Call-to-Action
UX
Typografie
Die Gestaltung von Schriften - welche Schriftart, Grösse und Abstände Ihre Website nutzt.
Typografie umfasst die Auswahl und den Einsatz von Schriftarten auf Ihrer Website. Dazu gehören: Schriftfamilie (z. B. serifenlos für moderne Auftritte), Schriftgrössen, Zeilenabstände und Texthierarchien (Überschriften vs. Fliesstext). Gute Typografie macht Texte lesbar und den Auftritt professionell.
Beispiel aus der Praxis
Ein Anwaltsbüro in Zug wählt eine seriöse Serifenschrift für Überschriften und eine klare serifenlose Schrift für den Fliesstext. Die Kombination wirkt kompetent und vertrauenswürdig - passend zur Branche.
