Erfolgreiches Webdesign, Teil 3: Seitenstruktur & Web-Entwicklung
Dank Website-Struktur und Webdesign-Tests zur reibungslosen Umsetzung
Website Seitenstruktur: Mit Planung Übersicht gewinnen
Was ist beim Planen der Website-Struktur zu berücksichtigen?
- Logische Navigation
- Flache Hierarchien
- Keywords
- Erweiterungsfähigkeit (hier kann die Wahl des CMS mitentscheidend sein)
- Desktop-/Mobile-Darstellung
Muster einer Website-Struktur
Das Webdesign
- Beim Webdesign kommen nun die Farben, Formen und Web-Schriften ins Spiel.
- Harmonisch aufeinander abgestimmt und visuell klar strukturiert wird die Gebrauchstauglichkeit / User Experience und die Zielgruppe berücksichtig sowie die Barrierefreiheit gewährleistet.
- Ist ein Corporate Identity vorhanden, lehnt sich das Webdesign natürlich da an.
Webdesign-Tests und Web-Entwicklung
Zuerst eine Website Musterseite (Prototyp) bauen, weil:
A) Um das Webdesign zu entwickeln und zu verfeinern (Corporate Identity).
B) Um Schwächen bei der Website punkto Funktionalität, Benutzerfreundlichkeit und Barrierefreiheit frühzeitig zu bemerken.
C) Um das responsive Webdesign auf allen Endgeräten (Mobile, Tablet, Laptop, Desktop) zu testen und bei Bedarf anzupassen.
Empfehlenswert ist auch, bei der Zielgruppe eine Meinung einzuholen. Sprechen die Funktionalität, Schriften, Farben, Bilder und das Wording der neuen Website an?
Wurden die Tests des Website-Prototyps erfolgreich abgeschlossen, wird die Gesamtumsetzung der Website gemäss Seitenstruktur finalisiert.
Tipps: Website-Struktur und Webdesign
- Seitenstruktur durchdenken bis diese logisch, flach und einwandfrei ist
- Website Musterseite (Prototyp) bauen und testen
- Erst mit der gesamten Webumsetzung beginnen wenn die Musterseite (Prototyp) einwandfrei funktioniert
Als Typografin, Webdesignerin und Onlinemarketing-Managerin verbinde ich kreative Umsetzungen mit strategischem Marketing. Mit Herzblut für Ästhetik und viel Leidenschaft für digitale Trends verhelfe ich Menschen zu einem professionellen Unternehmensauftritt. Ob Logodesigns, Websites/Webdesign (SEO, UX/UI-Design), Printmedien, Ads oder Newsletter – omstructur . Full Service Werbeagentur erschafft visuelle Auftritte die sich abheben.
