Zu Beginn des World Wide Webs, waren Internetseiten noch einfach gestaltet. Jede Seite bestand aus einer HTML-Datei, die vom Browser aufgerufen wurde.

Später entwickelte man CSS, die Cascading Style Sheets, mit denen sich eine Internetseite auch grafisch gestalten lässt.

Einen großen Einfluss auf das Webdesign hatte die Nutzung von Flash. Mit Flash ist es möglich, komplexe Webanimationen zu entwerfen.

Heutzutage haben sich die Grundsätze des Webdesigns aber komplett geändert. Ein Grund dafür sind z.B. die Geräte, die genutzt werden. Internetseiten erstellt man heute so, dass sie auf allen Geräten richtig dargestellt werden (responsive). Ein Baustein hierfür ist der neue Internetstandard HTML5 in Verbindung mit der neuesten Version von CSS, mit denen sich HTML-Dateien so programmieren lassen, dass unterschiedliche Bildschirme berücksichtigt werden können. JavaScript, eine Programmiersprache für Browser, ist hierbei eine gute Ergänzung, um auch komplexe Seiten zu entwerfen.

Für Webentwickler hat sich einiges verändert, denn Internetpräsenzen sind heute meist sehr umfangreich. Viele Seiten sind heute auf Programmiersprachen aufgebaut, die die HTML-Dateien dynamisch erzeugen. Die wohl bekannteste ist PHP, in der ganze Content Management Systeme wie WordPress, Textpattern, ModX, ProcessWire, Drupal oder Typo3geschrieben sind.

• Standard-Layouts / Design-Templates: Auf der sicheren Design-Seite sein; Individualität ist schwieriger, aber nicht unmöglich; markante, individuelle Farb-, Schrift- und Bildauswahl ist hierbei umso wichtiger; Gestaltungs- und Umsetzungs-Aufwand lässt sich mit Templates reduzieren.
• Experimentelle/asymmetrische Layouts: Aus dem Raster fallen, schon kleine Änderungen können das Layout aufbrechen und dezente Akzente setzen; innovatives Layout gut abstimmen; Inhaltsaufnahme kann darunter Layouts leiden; Geduld haben, Experimente benötigen Zeit und meistens Geld.
• Modulare Denkweise und Layouts: immer wiederkehrende Komponenten; einzelne Elemente/Module (Navigationen (Haupt-, Meta-, Footer-Navigation), Logo, Kontaktblock, Slider, etc.); bei größeren umfangreichern Webseiten, CMS Webseiten vorteilhaft; vorher gut mit dieser (neuen) Art des Ablaufs auseinandersetzen.
• Card Design: Informationsblöcke werden sauber getrennt und übersichtlich dargestellt als Karten; optische und inhaltliche Einheit; beliebig verschieben und neu anordnen; Blöcke komplett verlinken, wenn Sie auf Unterseiten abzielen; viele Informationseinheiten auf der Webseite, dann lohnt sich die optische Gestaltung als Cards.
• Mobile First: nach dem letzten Google Updates sollte klar sein, eine Website sollte zuerst mobil sein; mit dem mobile first-Ansatz auf jeden Fall auseinander setzen; Ladezeit, Inhaltsdarstellung, Navigationsmöglichkeiten, Interaktionen – vieles ist mobil anders als stationär; was auf kleinen Bildschirmen funktioniert, läuft meistens auch auf größeren gut.
• Aggressive Pop-ups: anspringende Info-Boxen aller Art; lenkt ab, nervt und zwingt zu einer Handlung, doch messbare Erfolge sind trotzdem vorhanden; besser darauf verzichten, bzw. sparsam einsetzen, mindert oft die Benutzerfreundlichkeit; wichtiger Grund, die Vorteile für den User aufzeigen; Schließen des Pop-ups einfach halten.
• Responsive Logos: Überprüfen, ob skalierbares Logo überhaupt benötigt und gewünscht wird; Sache des Designers.
• Hamburger Menü bei Desktop-Screens: Navigation hinter einem Hamburger Icon zu “verstecken“; Platz sparen; auf Desktop-Varianten weglassen
• Experimentelle Navigation: experimentelle Navigationsmuster; reizvoll und spielerisch herausfordern, um die Interaktion zu verstärken; nur einsetzen, wenn Thema und Zielgruppe passen; versuchen trotzdem noch eine intuitive Bedienung zu ermöglichen.
• Startseiten-Slider/-Karussells: Trend ist schon fast vorbei, viele Informationen prominent zeigen, doch keiner schaut Sie sich an; mit Vorsicht zu genießen; der Anreiz muss schon sehr groß sein; auf Inhalts-Slider verzichten; Alternative für Bildergalerien; Klickraten kontrollieren.