Ravendo

Ausgangslage

Ravendo stellt Schubkarren, Lager- und Transportwagen sowie Geräte für den Materialtransport her. Entscheidend ist nicht nur das Aussehen eines Produkts, sondern auch sein Zweck, die Handhabung und die Wahl des passenden Modells. Die Website verbindet ein industrielles Sortiment mit Informationen zum Hersteller und bietet getrennte Einstiege für Käufer und Fachpartner.

Die Aufgabe

Ein großes Sortiment als System von Arbeitslösungen zeigen. Besucher sollen schnell vom Gesamtbild des Unternehmens zu einer Gerätekategorie gelangen und dann Details, Support oder einen Händler finden – ohne dass technische Inhalte hinter Imagematerial verschwinden.

Unsere Lösungen

1. Produktarchitektur

   Das Hauptmenü trennt Products, Service and Support, Find Dealer und About Ravendo, die Suche steht oben auf der Seite. Diese Reihenfolge bietet einen direkten Weg für alle, die ihr Produkt schon kennen, und für alle, die noch eine Kategorie suchen.

2. Geräte im Einsatz

   Der erste Bildschirm kombiniert eine große Überschrift mit Geräten im Einsatz. Weitere Blöcke zeigen Lagerwagen, Plattentransport und Ergonomie: Jedes Produkt erscheint im Kontext einer konkreten Arbeitsaufgabe.

3. Informationen für die fachliche Auswahl

   Das Sortiment wird durch Inhalte zu Qualität, Garantie, dänischer Fertigung und Sonderlösungen ergänzt. Serviceinformationen stehen direkt neben der Produktstruktur, statt in der Unternehmensgeschichte zu verschwinden.

4. Verschiedene Besucherwege

   Katalog, Händlersuche und ein eigener Händler-Login erfüllen jeweils eine eigene Aufgabe. Englische und dänische Versionen bedienen ein internationales Publikum, ohne die Logik der Hauptbereiche zu verändern.

Was wir umgesetzt haben

Visuelles System

Ein weißer Hintergrund lässt Raum für dichte technische Inhalte und Fotos. Ein roter Akzent verbindet das Interface mit dem Logo, dunkle Überschriften halten die Hierarchie. Große, schmale Typografie macht die Kernbotschaft sichtbar, ruhigere Textblöcke erklären den Einsatz der Geräte.

Interface-Typografie

Die folgenden Größen wurden auf der Live-Website bei einem Viewport von 1180 × 757 CSS-px, 100 % Zoom und DPR 1 gemessen. Sie beschreiben dieses konkrete Layout, keine festen Größen für alle Geräte.

Schriftfamilie

Saira Semi Condensed

H1

79.10 px / 71.19 px · 700

Abschnittsüberschrift

39.70 px / 35.73 px · 700

Überschrift des Produktblocks

27.88 px / 31.37 px · 400

Lead

20 px / 30 px · 300

Fließtext

16 px / 24 px · 300

Logo und Anwendung

Die vertikale Marke von Ravendo: eine rote Schubkarrenform, ein schwarzes Rad und der Name. Im Kopfbereich steht eine kompakte vertikale Version, die neben der Suche gut lesbar bleibt.

Logodatei

150 × 129 px · Seitenverhältnis 50:43

Einsatz im Kopfbereich

100 × 86 CSS-px bei Viewport 1180 × 757

Form bleibt erhalten

Breite und Höhe skalieren gemeinsam; das Bild wird nie verzerrt

Die Farbwerte sind mit dem CSS der Website abgeglichen. Schriftmuster sind als Ausschnitte echter Screens zu sehen; kommerzielle Schriftdateien sind in dieser Fallstudie nicht enthalten.

Nutzerwege und Material

Startseite → Products → Gerätekategorie → Produkt. Alternative Wege: Suche im Sortiment, Find Dealer für den Kontakt zum Händler und Service and Support für die Betreuung. Auf der Startseite dienen Demomaterialien als zusätzliche Einstiege in einzelne Bereiche.

Vermarktung

Wir haben die Website für Suchmaschinen optimiert, ein Google-Ads-Konto eingerichtet und Werbung sowie Suchmaschinenmarketing gestartet.

Das Ergebnis

Die Herstellerwebsite ist online und bündelt Sortiment, Einsatzbereiche und Serviceinformationen in einem System. Sie präsentiert Ravendo auf dem internationalen Markt und führt Besucher vom Kennenlernen des Unternehmens zur konkreten Geräteauswahl.