In diesem Beitrag möchte ich Ihnen zeigen, wie ich mit Hilfe von Storyboards meine neue Homepage geplant und gestaltet habe. Mit dem ersten Storyboard habe ich die Struktur meiner Homepage und die Navigation durch das Menü visualisiert. Es zeigt die Abfolge der Header-Fotos, wenn ich durch das Menü navigiere:
Das zweite Storyboard zeigt den Aufbau einer Seite, hier die Profilseite. Hier habe ich skizziert, wie die Seite auf einem Desktop und auf einem Mobilgerät aussehen soll:
Im sogenannten Responsive Design passen sich die Inhalte der Webseite automatisch den verschiedenen Bildschirmgrößen an, was natürlich Auswirkungen auf das Layout hat, wie man hier im Storyboard gut sieht: Inhalte, die auf einem großen Bildschirm nebeneinander stehen, werden auf kleineren Bildschirmen, etwa einem Smartphone, untereinander plaziert.
Die technische Umsetzung in WordPress war dann mit Hilfe meiner Storyboards nur noch reine Fleissarbeit.
Möchten Sie mehr über den Einsatz von Storyboards zur visuellen Planung erfahren? Dann besuchen Sie gern meinen gleichnamigen Kurs Visuelle Planung mit Storyboards am 16. Januar 2021 oder nehmen Kontakt zu mir auf: info@smartrix.de