Als Wix Partner mit jahrelanger Erfahrung profitieren wir von zahlreichen Vorteilen, wenn es um Webdesign geht - egal ob klassisches Wix Website Design oder voll responsives Webdesign auf Editor X.
Selbstverständlich geben wir diese Wettbewerbsvorteile gerne an unsere Kunden weiter. Einer dieser Vorteile ist der exklusive Zugang zu tollen neuen Website-Features vor allen anderen. Dies haben wir beispielsweise für gleich zwei neue Websites für unseren Schweizer Kunden LAUFEN genutzt.
NEUE HOVER-INTERAKTIONEN
Eine völlig neue Art der Hover-Interaktionen auf Editor X ermöglicht uns bzw. unserem Kunden LAUFEN völlige Designfreiheit und mehr technische Möglichkeiten, als wir uns je wünschen konnten.
Natürlich konnte man bis dato auch schöne Hover-Interaktionen in eine klassische Wix Website einbauen. Die neue Hover-Variante in Editor X, zu der wir als Wix Partner exklusiven Zugang haben, ermöglicht jedoch nicht nur Hover-, sondern auch Klick-Aktionen sowie benutzerdefinierte In- und Out-Animationen, deren zeitlicher Verlauf auf Millisekunden exakt genau gesteuert werden kann. Auch die auslösenden Elemente (sogenannte „Trigger“) können nun beliebig gesetzt werden und sind nicht mehr an die Hover-Box gekoppelt. Besonders schön finden wir auch die breite Palette an Animationsmöglichkeiten des Triggers selbst und nicht nur der Hover Box.
Dazu kommt die 100%ige Responsiveness des Contents. Will heißen: Egal, ob der Text in einer Hover-Box 2, 5 oder 10 Zeilen lang ist, die zugehörige Hover-Box passt sich vollautomatisch an - egal ob am Desktop, am Tablet oder am Handy. Das ist 100% erstklassiges Webdesign, das richtig smart ist und quasi „mitdenkt“.
MOBILE WEBSITE: WIE FUNKTIONIERT HIER DIE HOVER-INTERAKTION?
Eine mobile Website ist das A & O und nicht nur für Ihre Website-Besucher wichtig, sondern auch für das Google-Ranking Ihrer Website. Natürlich funktioniert eine Hover-Interaktion auf einem mobilen Endgerät (Tablet oder Smartphone) anders als auf der Desktop-Variante der Website. Aus einer Hover-Interaktion wird quasi eine Klick- bzw. Tap-Interaktion.
Wichtig ist jedoch auch hier ein visuelles Erkennungsmerkmal, sodass der Nutzer weiß, dass es hier etwas zu entdecken gibt, wenn er tippt - auf der Desktop-Version einer Website ist dies (je nach Brand Design) nicht unbedingt erforderlich.
Und hier kommt ein weiterer Vorteil von Editor X ins Spiel: Die Design-Entkoppelung der mobilen Website zu größeren Bildschirmen (Tablet und Desktop). Will heißen: Die mobile Website kann anders aussehen als die Tablet-Version, die wiederum anders aussehen kann als die Desktop-Version einer Website. Mehr Designfreiheit geht nicht.
KOMPLEXE FORMULARE IM WEBDESIGN
Formulare fordern den Website-Besucher auf gewisse Informationen über sich preiszugeben. Je nach Komplexität können Formulare aber nicht nur für den Website-Benutzer, sondern auch für den Website Designer eine echte Herausforderung sein. Nicht so für uns als Wix Partner!
Für unseren Kunden LAUFEN haben wir ein komplexes Formular mit Wenn-Dann-Formeln auf der neuen Promotion-Website für In-Wash Roca® umgesetzt. Je nach Länder-Auswahl werden Regionen angezeigt (Schweiz) oder ausgeblendet (Liechtenstein).
Am Schluss des Formulars kann eine optionale, abweichende Installationsadresse angegeben werden. Wie Sie im Video sehen, wird diese optionale Sektion des Formulars nur ausgeklappt, wenn es wirklich erforderlich ist. Selbstverständlich passt sich auch die Scroll-Länge der Website vollautomatisch an - egal ob Desktop, Tablet oder Smartphone.
So geht professionelles Webdesign heute. Mit völliger Designfreiheit und erstklassigem Brand Design aus einer Hand.