Case Study

smartdocu: Website und Landingpages

Konzeption, Gestaltung und Umsetzung einer B2B-SaaS-Website und verschiedener Landingpages.

Branche: SaaS-Anbieter, B2B Rolle: Konzeption, Design und Umsetzung Tools: WordPress, Elementor, Canva
Smartdocu Website Mockups auf Smartphone und Laptop

1. Projektziele

Website, Hilfebereich und Landingpages

Bei smartdocu betreue ich seit mehreren Jahren Website und digitales Marketing. Im Rahmen des Relaunchs ging es vor allem darum, die Website neu zu strukturieren, Inhalte besser zugänglich zu machen und zusätzliche Landingpages für Kampagnen aufzubauen.

Website

Die vorhandene Website wurde neu aufgebaut und inhaltlich klarer strukturiert.

Hilfebereich

Die bisher schwer zugängliche PDF-Anleitung wurde durch einen leicht navigierbaren, SEO-orientierten Hilfebereich ersetzt.

Landingpages

Für verschiedene Kampagnen und Zielgruppen entstanden zusätzliche Landingpages mit passenden Einstiegen und Inhalten.

2. Umsetzung

Umsetzung

Smartdocu Websiteansicht mit Inhaltsbereichen und Navigation

Konzept, Prototyp und Launch

Nach Abstimmung des Designkonzepts entstand die erste Version als Elementor-Prototyp. Diesen habe ich auf Basis von Feedback weiterentwickelt und anschließend als Website umgesetzt.

  • Modulare Seitenstruktur für Website und Landingpages
  • Einbindung des bestehenden Corporate Designs
  • Fortlaufende Anpassung anhand von Nutzerdaten und Feedback

3. Erkenntnisse

Auswertung und Optimierung

Mit Plausible Analytics, Goal Tracking und einzelnen Session Recordings wurden Nutzerverhalten, Interaktionen und mögliche Barrieren sichtbar. Zusätzlich floss qualitatives Feedback von Anwendern ein, etwa zu Preisauffindbarkeit und Anmeldung.

0-1 % auf 2-4 % Steigerung der Anmelderate durch bessere CTA-Positionen, klarere Buttontexte und vereinfachte Formulare.
85 % auf 60 % Reduzierte Bounce Rate bei SEM-Kampagnen durch bessere Abstimmung von Anzeigen und Landingpage-Inhalten.
UX Höhere Interaktionsrate durch visuelle Hierarchien, modulare Inhalte und bessere mobile Darstellung.

4. Endergebnis

Ausgewählte Screens

Die Galerie zeigt vorhandene Projektansichten: den Vorher-Nachher-Vergleich, eine SEM-Verkaufsseite, die Landingpage zur Einkommensteuer-Vorerfassung und weitere Website-Ausschnitte.

Früherer Website-Stand von smartdocu vor der Überarbeitung
Überarbeiteter Website-Stand von smartdocu nach dem Relaunch
Vorher Nachher
Überarbeiteter Website-Stand von smartdocu nach dem Relaunch

Nächste Case Study

Ads und Social-Media-Design

Weiter ansehen ->