BOOKVA

Ausgangslage

Einen Shop bauen, in dem eine große Bücherauswahl nicht zur mühsamen Suche wird. Kunden sollen sich schnell in den Kategorien zurechtfinden, Angebote vergleichen und zur Bestellung gelangen; Serviceseiten unterstützen diesen Weg.

Die Aufgabe

Die Atmosphäre einer Buchhandlung mit einer praktischen Shop-Struktur verbinden. Die Startseite stellt das Sortiment vor, Katalog, Produktseite und Warenkorb liefern genug Informationen für den nächsten Schritt.

Unsere Lösungen

1. Der Katalog als Rückgrat

   Wir haben Kategorien, Navigation und Suche konzipiert. Ein durchgängiger Weg verbindet Startseite, Katalog und Buchseite, damit das Schaufenster nie vom Kauf getrennt ist.

2. Wiederverwendbare Vorlagen

   Startseite, Katalog und Produktseiten haben ein einheitliches Interface. Buch, Beschreibung und Aktionen behalten über alle Bereiche hinweg eine klare Hierarchie.

3. Bestell- und Servicewege

   Zum Umfang gehörten Warenkorb, Checkout, Kundenkonto, Serviceseiten und Sonderanfragen für Bücher – als Ergänzung zum gewohnten Weg über den Katalog.

4. Typografie mit zwei Aufgaben

   Redaktionelle Schriften geben dem Shop seinen literarischen Charakter, neutraler Text übernimmt Navigation und Produktinformationen. Der aktuelle Hero nutzt eine eigene, ausdrucksstarke Komposition.

Was wir umgesetzt haben

1. Shop-Architektur

   Wir haben Bücher in vielen Sprachen und Waren aus Europa in einen übersichtlichen Katalog gebracht und Kategorien, Navigation, Suche sowie Einstiege für Buchsuche, Angebote und Sonderbestellungen festgelegt.

2. Design und Umsetzung

   Wir haben UX/UI und das visuelle System, die Startseite, den Katalog und die Produktvorlagen gestaltet und responsive Seiten umgesetzt, die die Präsentation des Sortiments mit konkreten Kundenaktionen verbinden.

3. Shop- und Servicewege

   Wir haben Suche, Produktseite, Warenkorb und Checkout verknüpft und Kundenkonto, Serviceseiten, Suchanfragen für Bücher und Kontaktpunkte ergänzt.

4. Einrichtung, Tests und Launch

   Wir haben den Shop konfiguriert, den gesamten Kaufweg und die responsiven Seiten getestet und den Launch durchgeführt. Das Ergebnis ist ein funktionierendes E-Commerce-Projekt, keine Sammlung von Entwürfen.

Visuelles System

Der Shop kombiniert sein Petrol mit einem gelben Akzent auf weißen Flächen. Katalogsystem und überarbeiteter erster Bildschirm sollte man unterscheiden: Die Live-Website nutzt für beide unterschiedliche Schriftfamilien.

Shop-Text

Roboto 400 · 16 px

Überschriften / Buchtitel

Playfair Display 400 / Lora 400

Abschnittsüberschriften

42 px → 36 px unter 1024 → 24 px unter 768

Dekorative Beschriftungen

Italianno 400 · 36 / 22 / 18 px

Aktueller Hero

Caveat 600: 64 / 56 px; Libre Baskerville 700: 36 / 22 px

Hero-Text

Inter 400 · 18 / 16 px

Shop-Container

Maximal 1222 px

Eckenradien

Karten 10 px; Buttons und Felder 35 px

Nutzerwege und Material

Startseite und Empfehlungen → Kategorie oder Suche → Buchseite → Warenkorb → Checkout. Für ungewöhnliche Wünsche gibt es einen eigenen Serviceweg, und das Kundenkonto verbindet Käufer mit ihren Bestellungen.

Vermarktung

Wir haben die Website für Suchmaschinen optimiert, Konten bei Yandex Direct und Google Ads eingerichtet und Werbung sowie Suchmaschinenmarketing gestartet.

Das Ergebnis

BOOKVA hat einen schlüsselfertigen, gestarteten Onlineshop. Katalog, Suche, Produktseiten, Warenkorb und Checkout bilden einen durchgängigen Weg vom Stöbern bis zur Bestellung. Kundenkonto und Serviceseiten ergänzen den Kauf; Architektur, Design, Entwicklung, Einrichtung und Launch liefen in einem Projekt.

Werkzeuge und Umsetzung

WordPress · WooCommerce · Elementor Pro · Woodmart-Theme · PHP · JavaScript / jQuery · FlyingPress · Google Site Kit · Yandex Metrica mit E-Commerce-Tracking