Komplettüberarbeitung einer erfolgreichen Designvorlage

Warum nicht das Feedback unserer Kunden nutzen, und auf Basis einer bestehenden Vorlage etwas Neues schaffen?
Created with Lunacy

Komplettüberarbeitung einer erfolgreichen Designvorlage

von Daniel Flesch

Neue Designvorlagen zu erstellen ist eine stetige Herausforderung für unsIn welche Richtung tendieren aktuelle Trends? Welche Bedürfnisse haben unsere Kundengruppen, die Kleinunternehmer? Wo können und dürfen wir innovativ sein, wo müssen wir eine möglichst breite Nutzergruppe abholen? 

Durch unsere vielen hunderttausend Nutzer erhalten wir umfangreiches Feedback – auch zu bestehenden Designvorlagen und deren Verbesserungspotential. Das gibt uns die Möglichkeit, neue Vorlagen auf Basis von Verbesserungsvorschlägen bestehender Vorlagen zu erstellen. So geschehen mit Designvorlage 79, die jetzt als 79_2 komplett überarbeitet in neuem Glanz erstrahlt. 

Größter Kundenwunsch war es hier, den Above the Fold“ Bereich zu überarbeiten. Der Begriff stammt aus dem Druckerwesen und bezeichnet den Bereich einer Zeitung, den ein Leser im gefalteten Zustand als erstes sieht. Bei Webseiten ist das der Bereich, der für Nutzer auf den ersten Blick sichtbar ist, ohne dass sie scrollen müssen. Gleichzeitig sollen die dargestellten Inhalte aber zum Aufschlagen bzw. Scrollen anregen. 

Was wurde in der Vorlage alles geändert 

  • Titel und Untertitel liegen nun auf dem Titelbild, der Text auf dem Hero-Image kann die Wirkung / Eigenschaften des Bildes verstärken. (Gute Bilder vermitteln übrigens bis zu 60.000 mal schneller Informationen als Text und bleiben eher im Gedächtnis: https://blog.hubspot.com/blog/tabid/6307/bid/33423/19-Reasons-You-Should-Include-Visual-Content-in-Your-Marketing-Data.aspx#sm.0001olrnbfhcfddqxka1cx8rqgfoq) 

  • Der Hero-Imagebereich wurde vergrößert und entspricht aktuellen Webtrends. 

  • Navigation mit modernerer Optik und verbesserter Usability durch Vergrößerung der Abstände 

  • Neue Animations-Effekte (Transitions) beim Öffnen der Unternavigation.  

  • Einführung von Sticky-Navigation, d.h. die Navigation bleibt beim Scrollen oben am Browserfenster sichtbar „kleben“ und verbessert die Usability. 

  • Ein vergrößerter Logobereich bietet mehr Platz für das Kundenlogo, das Dank „Sticky Navigation“ ebenfalls immer im Blickfeld des Besuchers bleibt. 

  • Der Inhaltsbereich wurde verbreitert und bietet mehr Platz für Texte, Bilder und Widgets, da sich keine Seitenleisten mehr daneben befinden. Die Vorlage eignet sich nun besonders gut für Webseiten mit viel Inhalt / Bildern oder Online-Shops. 

  • Die vertikalen Seitenbereiche, die sich vorher neben dem Inhaltsbereich befand, wurden entfernt, dafür wurden zwei neue, breitere Seitenleistenbereiche horizontal unter dem Inhaltsbereich positioniert. 

  • Der Fußzeilen-Bereich wurde als „Sticky Footer“ umgesetzt, so dass sich die Inhalte auf jeden Fall immer Bildschirmfüllend darstellen. (siehe STICKY FOOTER ARTIKEL) 

Das neue Layout „79_02“ bietet insgesamt ein moderneres Erscheinungsbild, verbesserte Usability und mehr Gestaltungsmöglichkeiten. Anwender des Layouts „79“ und auch aller anderen Vorlagen können jederzeit auf das neue Design wechseln.  

Feedback seitens unserer Nutzer ist jederzeit herzlich willkommen! 

zurück