Skip to main content

Weblayout Webentwicklung Flat Design

Webdesign Silberpappel
Silberpappel im Oktober

Layout CSS

Individuell statt Standard

Modernes Layout - Flat Design

Individuelle Gestaltung macht viel Arbeit, die meist niemand bezahlen will. Es ist einfacher, den CMS-Dialog zu bearbeiten und zu speichern.

Dieses Argument vertreten die meisten Webagenturen, denn sie sparen sich so den Aufwand für das Entwickeln und Implementieren neuer Webauftritte. Bei umfangreichen Websites, die mehrere Webredakteure bearbeiten, ist das einzusehen.

Ich arbeite mit selbst codierten Stylsheets und HTML-Seiten inklusive PHP. Bei Webauftritten mit bis zu 30 Seiten und mehr ist das weit weniger Aufwand. So erstelle ich statische und dynamische Webseiten, die keine Datenbank brauchen und zudem viel schneller und sicherer sind.

Ein einfacher Texteditor (Programmeditor, zum Beispiel Notepad 2) reicht aus, um eine perfektes Stylesheet für die gesamte Website zu entwickeln.

Responsive Webdesign für alle Benutzer

Mit meinem Know-how programmiere ich alle Websites in HTML5 und CSS3 selbst im modernen Flat Design. Fließendes Layout passt die Website an die Breite des Browserfensters an und nutzt den zur verfügbaren Platz optimal. Kleine wie große Monitore bilden den selben Inhalt ab.

Mit Responsive Webdesign sind Webseiten auf allen Endgeräten einschließlich mobiler Geräte benutzerfreundlich. Das betrifft die Darstellung der Webseiten ebenso wie deren Bedienung. Eingabe-Methoden (Touchscreen, Maus) sind an mobile Endgeräte angepasst.

Grafiken Bilder Webfoto Video

Strassburg - im Sommer an der Ill
Strassburg im Sommer 2015 an der Ill

Ausdrucksstarke Bilder transportieren wesentliche Inhalte. Sie verstärken intuitiv die Aussage des Textes, ohne den Text zu ersetzen. Ebenso wirken Bilder stark als Blickfänger (eyecatcher). Somit veranlassen zum Text passende Bilder den Besucher oft erst zum Lesen des Inhaltes.

Statische Webseiten barrierefrei

Barrierefreiheit bedeutet, dass die Webseiten von möglichst vielen Usern benutzbar sind. Das gilt vor allem für Menschen, deren Fähigkeiten irgendwie eingeschränkt sind. Barrierefreies Webdesign beinhaltet die Entwicklung von für alle zugänglichen Inhalten.

Accelerated Mobile Pages (AMP) ist eine Open-Source-Initiative. Mit AMP laden Webseiten schneller und sind für Mobil-Geräte optimiert. Damit sind die Seiten auch bei einer langsamen Netzwerk-Verbindung benutzbar. Google will mobile Nutzer mit AMP begeistern und Seiten-Inhalte verstärkt betonen.

Videos auf Webseiten

Videos sind seit HTML5 problemlos mit dem Video-Tag einzubinden. Überdies sind Videos damit auch offline abspielbar. Schließlich sind Videos leichter als reine Textbeiträge passiv zu konsumieren.

Videos auf eigenem Webspace bringen auch technische Nachteile. So muss das Format von allen Geräten angezeigt werden. Auch der Server muss so leistungsfähig sein, dass er Videos vielen Nutzern gleichzeitig zur Verfügung stellen kann.

Individuell - Corporate Identity - Branding

Eine vorhandene Corporate Identity der Firma wird auf deren Seiten abgebildet. Bei Bedarf gestalte ich das Corporate Design ihrer Firma auch neu. Klares ausdrucksstarkes und nicht zu aufwändiges Design vermitteln so ein Eigenbild Ihres Unternehmens (CI).

Somit erzeugt das Design ein individuelles Bild im Kopf von Kunden, Mitarbeitern und Partnern. Gutes Corporate Webdesign (Branding) und Textdesign vermitteln den ersten Eindruck Ihrer Website. Eine zweite Chance gibt es nicht.

Webentwicklung ohne CMS und Datenbank

Statische Websites sind komplett auf dem Webserver gespeichert. Beim Aufruf der Webseite werden alle Daten 1:1 zum Webbrowser des Nutzers übertragen.

Vorteile: Ein individuelles Layout ist preiswert und nahezu unbegrenzt flexibel. Die Seiten haben die kürzesten Ladezeiten. Statische Webseiten laden nicht nur schneller, sie sind auch am sichersten. Schließlich bieten sie bieten keine Angriffsfläche gegen Hacker.

Dynamische Webseiten ohne CMS und ohne Datenbank sind ebenfalls sehr sicher. Der Parser arbeitet auf dem Server im Quelltext befindliche PHP-Anweisungen ab. Dann ersetzt er diese durch normales HTML und sendet den HTML-Code der gesamten Seite zurück zum Browser.

Vorteile: Neben den Vorteilen statischer Webseiten sind komplexe Funktionen wie Kontaktformulare und Rechentools möglich. Damit sind nutzerfreundliche Interaktionen mit einer Webseite realisierbar.