Webdesign

Webdesign ist die Summe aller Entscheidungen, die den ersten digitalen Eindruck einer Marke, die Beziehung, die ein Nutzer zur Website aufbaut, und die Geschwindigkeit, Barrierefreiheit und Flüssigkeit dieser Beziehung bestimmen.

Lebendiger Beweis

Diese Website ist unser Portfolio.

Wir können hier keine früheren Kundenarbeiten zeigen — diese Arbeiten gehören uns nicht. Stattdessen bieten wir einen ehrlicheren Beweis: Die Startseite genau der Website, die Sie gerade besuchen, live geladen im Fenster unten, wurde vollständig von DMU gebaut.

dmu.com.tr/home/de.html

Vanilla JavaScript + GSAP + Three.js/GLTF. Kein Framework, kein Build-Schritt — auch nicht für den Artikel, den Sie gerade gelesen haben.

  • Vanilla JS
  • GSAP
  • Three.js / GLTF
  • Null Framework
  • Kein Build-Schritt

01

Design schafft Vertrauen innerhalb von Sekunden.

Wenn ein Besucher auf einer Website landet, fällt er innerhalb von Sekunden ein Urteil: Ist dieses Unternehmen vertrauenswürdig, aktuell, ernst zu nehmen? Dieses Urteil entsteht meist, bevor auch nur ein Wort gelesen wird — Ausrichtung der Seite, Umgang mit Weißraum, Typografie und Ladegeschwindigkeit treffen diese erste Entscheidung.

Webdesign ist deshalb keine reine Geschmacksfrage, sondern der erste Verkaufsmoment eines Unternehmens. Eine gut gebaute Oberfläche führt den Nutzer; eine schlecht gebaute verliert ihn — meist bevor auch nur ein Satz gelesen wurde.

02

Geschwindigkeit ist Voraussetzung, kein Feature.

Performance ist längst kein separater Punkt der Nutzererfahrung mehr, sondern deren Fundament. Die Core-Web-Vitals-Kennzahlen — Ladegeschwindigkeit (LCP), Interaktionsbereitschaft (INP) und visuelle Stabilität (CLS) — beeinflussen direkt sowohl das Suchranking als auch den ersten Eindruck des Nutzers von der Seite.

Schwere JavaScript-Frameworks zwingen den Browser, große Pakete herunterzuladen, und lassen den Nutzer durch einen "Hydration"-Prozess warten, bevor die Seite klickbar wird. Eine statisch mit HTML/CSS/JS gebaute Seite überspringt diesen Schritt komplett: Der Browser zeigt den Inhalt, sobald er ihn liest.

03

Der kleine Bildschirm ist der Standardbildschirm.

Der Großteil des Traffics kommt von mobilen Geräten — deshalb sollte der Designprozess vom Mobilen ausgehend nach oben skaliert werden, statt vom Desktop aus verkleinert zu werden. Touch-Ziele, Zeilenlänge, Menüverhalten und visuelle Dichte müssen bei jedem Breakpoint neu durchdacht werden.

Responsives Design ist nicht nur ein einziges flexibles Grid; es bedeutet, dass sich die Inhaltshierarchie je nach Bildschirmgröße neu ordnet, überflüssige Elemente ausgeblendet werden und Interaktionen an Touch-Eingaben angepasst werden.

04

Barrierefreiheit ist keine nachträglich hinzugefügte Schicht.

Ausreichender Farbkontrast, per Tastatur bedienbare Menüs, eine sinnvolle Überschriftenhierarchie und semantisches HTML, das mit Screenreadern funktioniert — das sind keine Extras, sondern die Grundbausteine einer soliden Oberfläche.

Eine barrierefreie Website erreicht nicht nur ein breiteres Publikum; auch Suchmaschinen lesen die Seite über dieselben semantischen Markierungen. Deshalb speisen sich Barrierefreiheit und SEO so oft aus denselben Entscheidungen.

05

Bewegung ist Orientierung, kein Schmuck.

Gut durchdachte Animation zeigt dem Nutzer, wohin er seine Aufmerksamkeit richten soll: wie ein Button beim Hover reagiert, wie ein Abschnitt beim Erscheinen aufgebaut wird, wie lange ein Übergang dauert. Das sind keine Details, sondern genau das, wie sich die Oberfläche anfühlt.

Maßvoll eingesetztes Motion Design bereichert die Erfahrung; übertriebene Bewegung lenkt ab und mindert die Performance. Die richtige Balance ergibt sich weniger aus der gewählten Bibliothek als aus der Disziplin bei ihrer Anwendung.

06

Nutzer wollen Informationen in der richtigen Reihenfolge.

Informationsarchitektur ist der Bauplan dafür, in welcher Reihenfolge, in welchen Gruppen und mit welchen Verknüpfungen die Inhalte einer Website präsentiert werden. Menüstruktur, Seitenhierarchie und die Platzierung von Call-to-Actions bestimmen, in wie vielen Schritten ein Nutzer sein Ziel erreicht.

Eine unübersichtliche Informationsarchitektur bringt Nutzer in eine Lage, in der sie weder wissen, "wo sie sind", noch "was als Nächstes kommt" — das erhöht die Abbruchrate. Eine klare Struktur dagegen macht selbst den komplexesten Dienst in wenigen Klicks verständlich.

07

Diese Seite ist der Beweis unserer Behauptung.

Bei DMU erzählen wir diese Prinzipien nicht nur; die Website, auf der Sie gerade stehen — von der Startseite über den Shop bis zu den mehrsprachigen dmu ONE Produktseiten und diesem Artikel, den Sie gerade lesen — läuft auf einem System ohne ein einziges schweres Framework: mit Vanilla JavaScript, der GSAP-Animationsbibliothek und Three.js/GLTF, ganz ohne Build-Schritt. Die Live-Vorschau, die Sie im Fenster oben sehen, ist kein Screenshot unserer Behauptung — sie ist die Behauptung selbst.

Entdecken Sie unser Paket für Unternehmenswebsites