Michael Baierl – WordPress-Profi aus Wien.

Nervenruh: Landingpage mit Stresstest

Nervenruh Stresstest

Die Landingpage von Nervenruh wurde von einem UX Spezialisten neu gestaltet.

Ein besonderes Element neben den Grafiken mit Wasserfarben-Hintergrund war der Stresstest, der eine Selbsteinschätzung des eigenen Stress-Levels ermöglicht.

Details des Projektes

  • Modernes, luftiges und an die Unternehmens-CI angepasstes Design.
  • Programmierung des Stresstests mit Elementor Pro Formularen.
  • Das Projekt entstand in Zusammenarbeit mit Nils Jürgens (UX & Design).

Verwendete Technologien

  • Elementor Pro mit Elementen für die Produktansicht.
  • Eigenes Formular-Feld „Slider“ für den Stresstest.
  • Custom Child Theme
Stresstest: Slider Element für Elementor Pro Formulare

„Slider“ für Elementor

Da Elementor Formulare keinen Slider anbieten, habe ich selbst einen entsprechenden Typen für Elementor Pro Formulare programmiert.

Der Typ „Slider“ lässt sich wie normale Elemente beliebig im Formular verwenden.

Das Design wurde 100% per CSS angepasst.

Stresstest: Typ Slider für Elementor Pro Formulare

Detailliert gestaltete Animationen

Die Anzeige des Ergebnisses erfolgt als animierter Balken. Die Animation erfolgt dabei 100% via CSS und ohne JavaScript.

Ergebnis Stresstest mit CSS Animation

Arbeite mit mir!

Du möchtest mit mir gemeinsam an deiner Website arbeiten?
Dann kontaktieren mich und lass uns über dein Projekt sprechen!

Projektanfrage

Wobei kann ich dich unterstützen?