Webdesign

Wissenswertes zu den Themen Webdesign, Interactive und UI/UIX Design. Hier werden Techniken, Best Practices und Strategien für Sales Funnel, Marketingautomatisierung und benutzerfreundliche Websites vorgestellt. Darüberhinaus deckt diese Rubrik ein breites Spektrum an technischen Themen im Zusammenhang mit Webdesign ab, darunter Wordpress, CSS, Seo, JavaScript und Responsive Design. Desweiteren biete ich praktische Tipps und Anleitungen für die Erstellung von performanten Websites an, die nahtlos auf verschiedenen Endgeräten angezeigt werden können. Desweiteren geht es um Best Practices für Websitedesign, dass den Erwartungen der Nutzer gerecht wird, einschließlich UX-Design, SEO-Optimierung und Barrierefreiheit. Wir befassen uns mit Onlinemarketing, mit der Erstellung von Landin Pages, A/B-Testing, Lead Magneten, Analytics und E-Mail Marketingkampagnen. Mit diesem Blog möchten wir Webdesigner, Digitale Marketer und Unternehmer ansprechen, die sich über Methoden und Workflows informieren möchten.

Barrierefreiheitsstärkungsgesetz (BFSG)

von
Eine männliche Hand hält ein iPhone in die Höhe, doch das einfallende Sonnenlicht überstrahlt das Display und macht den Inhalt unlesbar. Warum besserer Kontrast, Barrierefreiheit und eine professionelle BFSG 2025 Umsetzung nicht nur Menschen mit Sehbeeinträchtigung zugutekommen.

BFSG 2025 Umsetzung: Anforderungen für barrierefreies Webdesign

Barrierefreie Webdesign für bessere Rankings nutzen

Mit dem Inkrafttreten des Barrierefreiheitsstärkungsgesetzes (BFSG) im Juni 2025 ist digitale Teilhabe für viele Unternehmen verbindlich vorgeschrieben. Damit ist Barrierefreiheit im Web kein optionales Extra mehr sondern gesetzliche Pflicht.

Viele Websitebetreiber denken bei dem Begriff Barrierefreiheit an graue Textwüsten und befürchten, dass die Ästhetik ab sofort der Regelkonformität weichen muss. Tatsächlich bedeutet Barrierefreiheit im Wesentlichen eine saubere Struktur und die Anwendung von guten Webdesign Standards. In der Praxis wird das BFSG Audit daher häufig zur Implementierung eines verbesserten User Interface Designs genutzt.

Barrierefreiheit dient dabei als Fundament für ein Interface, das wirklich für menschliche Leser gemacht wurde. Wer heute in Accessibility investiert, schützt sich nicht nur vor rechtlichen Konsequenzen, sondern gewinnt eine breitere Zielgruppe, bessere Rankings und ein angenehmeres Nutzererlebnis.

Weiterlesen

Mit .htaccess doppelte Weiterleitungen vermeiden

von
Weiterleitungen vermeiden. Das Bild zeigt ein heftiges Schneegestöber, dass drei winterlich bekleidete Wanderer umhüllt.

Wie du deine .htaccess-Datei optimierst und doppelte Weiterleitungen vermeidest Doppelte Weiterleitungen verstehen Wie doppelte Weiterleitungen entstehen und warum sie vermieden werden sollten Das Problem sind die unterschiedlichen Kombinationen mit http:// oder https://, mit oder ohne www. und mit oder ohne den abschließenden Backslash. Auswirkungen von doppelten Weiterleitungen auf die Performance Doppelte Weiterleitungen stellen ein Problem … Weiterlesen

Website gegen Theme

von
Ein Mann auf einem Ruderboot sichtet die Spitze eines Eisbergs. Er fragt sich wer besser geeignet ist, wenn es Website gegen Theme heisst?

Für die Erstellung kleinerer Websites gibt es unterschiedliche Ansätze. Die Entwicklung eines individuellen Webdesigns oder die Anpassung eines vorhandenen Wordpress Premium-Themes. Beide Ansätze haben ihre jeweiligen Vor- und Nachteile und werden unterschiedlichen Anforderungen gerecht. Individuelles Webdesign gegen vorgefertigtes Wordpress Theme Die Vor- und Nachteile eines individuell erstellten Webdesigns Welche Art von Website für ein neues … Weiterlesen

Webdesignfehler, die Besucher kosten.

von
Ein zerstörter grauer Laptop, dessen Tastatur sich wellt bis er seitlich aufbricht. Der Screen zeigt Bildschirmfehler und Risse im Glas.

Die Arbeit eines Webdesigners endet mit Abschluss des Webdesigns. Für Unternehmer dient die Website dann häufig als primäres Vertriebswerkzeug. Das Internetmarketing wird zu einer langfristigen Aufgabe. Viele Gründer neigen nun dazu das Erscheinungsbild Ihres Unternehmens als Summe separater Einzelaufgaben anzusehen.

Weiterlesen

Weshalb ein Pixel nicht immer ein Pixel ist

von
Manhattan, New York taucht zwischen den Wolken auf. Wolkenkratzer ragen umgeben von Meer und Flüssen in den Himmel.

Der Viewport Meta-Tag zur geräteabhängigen Darstellung von Websites In der Ära mobiler Devices ist es mitlerweile fast schon selbstverständlich, die Website „responsive“ auszuliefern. Dadurch lassen sich verschiedene Darstellungen voneinander unabhängig für unterschiedliche Endgeräte optimieren. Im Web gibt es zahlreiche Anwendungen, die mittels iframe die „responsive“ Darstellung jeder beliebigen Website simulieren. (Beispiel: mattkersley.com) Diese Ansichten sind … Weiterlesen

Die Theorie von gutem Webdesign 4 (Typographie)

von
Gepixelte weiße Schriftzeichen „A, b, c“ vor einem texturierten blauen Hintergrund.

Stilvolle Webdesign Typografie

Typographie ist mehr als Schriftsatz

Typographie gehört eigentlich mit zum Bereich Layout. Typographie ist aber nicht nur die reine Schriftgestaltung. Man unterscheidet zwischen Makro- und Mikrotypographie. Makrotypographie bezeichnet daß, was wir umgangssprachlich als Layout bezeichnen. Also die Einteilung des Seitenformats, Satzspiegel usw.

Weiterlesen

Die Theorie von gutem Webdesign 3 (Farbgestaltung)

von
Buntes Herbstlaub in einem fliessenden Gewässer. Ein Bach mit kleinen Stromschnellen und weichgezeichnetem Wasserfluss.

Farbgestaltung und Bildauswahl für Websites

Die Farbwahl

Die Wichtigkeit der richtigen Farbwahl beim Webdesign wird immer wieder unterschätzt. Es ist schon soviel darüber geschrieben worden. Deswegen fasse ich es einfach mal kurz zusammen. Farben beeinflussen als wichtiger Faktor die Stimmung der Website. Die Farbwahl spielt eine erhebliche Rolle bei einem guten und erfolgreichen Webdesign.Die Farbwahl sollte sich natürlich an der Zielgruppe orientieren. Verwenden Sie zum Beispiel gedämpfte Farben für edle Produkte, elegante Farben für hochpreisige Seiten, bunte Farben für verspieltere Seiten, usw.

Weissräume und silberne Verläufe sorgen auf apple.com für schlichte Eleganz.

Weiterlesen

Die Theorie von gutem Webdesign 2 (Navigation)

von
Eine Ampel in Seattle, Washington zeigt grünes Licht über einer schmutzigen Straße mit Fahrradwegsymbolen. Auf dem Asphalt haben sich Pfützen gebildet.

Effektive Navigation im Webdesign

Je nach inhaltlicher Ausrichtung und Publikum der Website gibt es verschiedene Möglichkeiten eine Navigation einzurichten.

Mögliche Navigationslinien

1.) Die Ein-Linien Navigation . Ein Beispiel für ein einfaches Thema oder eine Präsentation:
(Der User navigiert anhand von einem vorgegebenen Pfad. Diese Art der Benutzerführung hat sich in der Praxis bei logischen Abfolgen oder einfachen Themen bewährt.)

Die Navigation erfolgt nach einem vorgegebenen Pfad.

Weiterlesen

Die Theorie von gutem Webdesign 1 (Layout)

von
Wir blicken von unten an einem Laternenmast empor. Oben hängt eine Straßenlaterne. Kabel verlaufen im rechten Winkel parallel in unterschiedliche Richtungen.

Die Theorie von gutem Webdesign

Gutes Webdesign ist ein komplexes Thema. Es hat mit Erfahrung, Gespür und Kentniss der elementaren Design-Grundlagen zu tun. Nachfolgend möchte ich einen kleinen Überblick über die Hintergründe geben.

Teil 1: Das Layout.

Schauen wir uns zuerst das Thema Layout an:

Den Besuchern einer Website geht es vorrangig darum die relevanten Informationenschnell zu finden. Zeit ist schließlich kostbar! Es gibt ein Überangebot an Informationen. User bleiben daher nicht auf unübersichtlichen Seiten hängen, sondern surfen schnell weiter.

Weiterlesen