Zum Inhalt
← Rezepte
Alle Rezepte

Umzug und Transport: Volumen, Termin, Versicherung

Umzugsunternehmen / Möbelspedition / Spedition und Logistik / Kurier- und Lieferdienst / Einlagerung

Ein Umzug ist ein Ablauf mit Unsicherheit: Was kostet es ungefähr, wer kommt zur Besichtigung, wer kümmert sich um die Halteverbotszone, was passiert bei Schäden. Die Seite beginnt mit dem Fahrzeug im Foto und direkt darunter einem Rechner, der eine Spanne mit Annahmen liefert. Der Ablauf steht als Stapel aus Karten, die sich beim Scrollen wie Kartons aufeinanderlegen. Danach Leistungen, Besichtigung vor Ort oder per Video, Haftung und Versicherung im Klartext, Bewertungen mit Echtheitshinweis, Fahrer:innen gesucht. Special Gothic schmal wie die Beschriftung auf dem Lkw, Schibsted Grotesk für Text. Asphalt, Weiß und die Farbe der Flotte. Abgrenzung zu handwerk-werkstatt-klartext (Gewerk) und kfz-werkstatt-autohaus (Fahrzeugservice).

Bauplan tokens.css Alle Techniken

Schrift

Volumen, Termin, Versicherung

Ein Umzug ist ein Ablauf mit Unsicherheit: Was kostet es ungefähr, wer kommt zur Besichtigung, wer kümmert sich um die Halteverbotszone, was passiert bei Schäden.

Headline
Special Gothic
Text
Schibsted Grotesk

Farbe

  • #F2F2EF
  • #18191B
  • #DFE0DC
  • #24272A
  • #F2B705
  • #575A5E
  • #CBCCC8

Bewegung

cubic-bezier(0.83, 0, 0.17, 1)
Dauer
150 (Hover, Farbe), 300 (Rechner-Ergebnis, Akkordeon, Dialog öffnen), 200 (schließen), 900 (Hero-Auftritt einmal); Kartenstapel scrollgekoppelt

Aufbau der Seite

SignaturStapelkarten beim Scrollen (Stacking Cards)

HeroFoto-Hero: echtes Foto, ein Satz, ein Weg · Vollbild

  1. Was kostet mein Umzug? (Rechner direkt unter dem Hero: Von- und Nach-Postleitzahl, Wohnfläche oder Zimmer, Etage und Aufzug, Leistungen wie Packen, Montage, Halteverbotszone; Ergebnis als Spanne mit Annahmen und Stand-Datum; Übergabe an die Besichtigung ohne Kontaktpflicht vor dem Ergebnis)Kostenrechner mit Spanne · Umzugsrechner
  2. Besichtigung vor Ort oder per Video (Ablauf und Dauer, was man vorbereitet; bis wann das Angebot kommt; ob Festpreis oder Schätzung, klar gesagt; Terminwerkzeug erst nach Klick)Termin-Buchung per 2-Klick-Einbettung · VorauswahlEingabehilfen und Autofill · AdresseAnker-Landung markieren · Zur Anfrage
  3. So läuft Ihr Umzug (Besichtigung → Angebot → Halteverbotszone beantragen → Kartons liefern → Packen und Abbau → Transport → Aufbau und Entsorgung; je Schritt eine kurze Karte, die sich beim Scrollen auf die vorige legt)Stapelkarten beim Scrollen (Stacking Cards)
  4. Leistungen (Privatumzug, Firmenumzug, Seniorenumzug, Fern- und Auslandsumzug, Packservice, Möbelmontage, Einlagerung, Entrümpelung; je Leistung eine Unterseite, Antwort zuerst mit Preisrahmen)Akkordeon mit Höhenanimation auf auto · LeistungslisteLeistungsseite: Antwort zuerst · HandwerkPreisseite: Endpreise, Rechenweg, Vergleich · Kurskarte
  5. Haftung und Versicherung (gesetzliche Haftung je Kubikmeter Laderaum in einem Satz, Zusatzversicherung mit Preis, was bei Schäden zu tun ist und bis wann; Schaden melden mit Foto)Akkordeon mit Höhenanimation auf auto · FAQDatei-Ablage mit Vorschau und Prüfung · Ein Knopf und KachelnFAQ-Seite mit Suche · Mit Suche
  6. Umzugsmaterial (Kartons kaufen oder leihen mit Preis und Lieferung; Gewährleistungshinweis bei Verkauf)Kaufbox mit Farb- und Größenwahl · SchnellkaufEU-Hinweis zur Gewährleistung und Garantie-Label · Footer-Link und Seite
  7. Bewertungen (Google und Bewertungsplattformen mit Schnitt, Anzahl, Stand und Echtheitshinweis)Plattform-Bewertungen mit Echtheitshinweis · Mehrere Plattformen
  8. Fuhrpark und Lager (Fahrzeuge mit Laderaum in m³ und Führerscheinklasse, Lager mit Fläche, Zugang und Versicherung)Zahlen-/Fakten-Sektion als Typo-Ereignis · Ruhige TabelleTabelle schmal und robust · Feste erste Spalte
  9. Fahrer:innen und Möbelpacker:innen gesucht (Führerscheinklasse, Touren, Übernachtungen, Lohn und Spesen, Kurzbewerbung mit Anruf und WhatsApp; jede Stelle mit eigener Seite)Stellenliste mit Kurzbewerbung · Viele StellenStellenseite mit Gehalt, Ablauf und JobPosting-Daten · Handwerk
  10. Kontakt und Standorte (Adresse als Text, Bürozeiten, Liste ab zwei Niederlassungen, Karte per 2-Klick)Standortfinder als Liste · Nur ListeKarte per 2-Klick (Anfahrt ohne vorab geladene Karte) · KartenbildFirmendaten aus einer Quelle · Kfz-Werkstatt
  11. Vertrag widerrufen und Barrierefreiheit (bei online geschlossenen Verträgen; Erklärung nach BFSG prüfen lassen)Widerrufs- und Kündigungs-Button · RichtigSeite „Barrierefreiheit“ als Vorlage · Informationen nach BFSG

Nicht verwenden

Regeln
  • Erster Bildschirm: eigenes Fahrzeug mit Team, Satz mit Leistung und Region, darunter sofort der Rechner. Telefon im Kopf, mobil untere Leiste Anrufen / Besichtigung / WhatsApp.
  • Rechner (kostenrechner-konfigurator): Aufbau der Variante dach (Mengen, Abhängigkeiten, Zähler), Eingaben für den Umzug; Formeln nur aus eigenen Erfahrungswerten des Betriebs, Ergebnis als Spanne mit Annahmen und Stand-Datum, kein Kontaktformular vor dem Ergebnis. Ohne belastbare Werte nur Beispielumzüge mit Gesamtpreis.
  • Signatur (stapelkarten): fünf bis sieben gleich hohe, kurze Karten für den Ablauf; jede Karte legt sich wie ein Karton auf die vorige. Nicht für Texte mit wechselnder Länge, höchstens einmal pro Seite; bei reduzierter Bewegung stehen die Karten untereinander.
  • Festpreis oder Schätzung immer klar benennen; Preise inkl. MwSt. für Privatkunden, Zuschläge (Etage ohne Aufzug, Trageweg, Halteverbot) offen.
  • Haftung und Versicherung im Klartext: gesetzliche Haftung beim Umzugsvertrag je Kubikmeter Laderaum (§ 451e HGB), Hinweis auf die Möglichkeit einer weitergehenden Versicherung und die Fristen für Schadensanzeigen (§§ 451f, 451g HGB) vor Vertragsschluss; Beträge und Fristen vom Kunden prüfen lassen.
  • Bewertungen von Plattformen nur mit Echtheitshinweis direkt daneben (bewertungsprofil-mit-echtheitshinweis, Variante mehrere).
  • Recht: Impressum mit Registereintrag; Erlaubnis für den gewerblichen Güterkraftverkehr, wo nötig; Halteverbotszone als Leistung nur, wenn der Betrieb sie wirklich beantragt; Entrümpelung und Entsorgung nur mit den nötigen Nachweisen; Widerruf bei online geschlossenen Verträgen (widerruf-und-kuendigung-schaltflaeche). Vom Kunden prüfen lassen.
  • Knöpfe: Flottengelb mit dunkler Schrift und Kontur, alle Zustände (button-zustaende); Nebenwege als Pfeil-Pille (pfeil-icon-button, Variante seitenwechsel). Fokusring in Textfarbe, weil Gelb auf hellem Grund keine 3 : 1 erreicht.
Bild und Ton
  • Licht: Tageslicht draußen, echtes Licht beim Beladen.
  • Ausschnitt: Fahrzeug mit Team in der Halbtotale, Hände beim Packen, Lager in der Totale.
  • Personen: Ja: eigenes Team mit Einwilligung; Kundschaft und Wohnungen nur mit Erlaubnis.
  • Formate: 16:9, 4:5, 3:2
  • Nicht: Keine Stockfotos lachender Paare, keine fremden Fahrzeuge, keine Kennzeichen lesbar ohne Absicht.
  • Anrede: Sie
  • Sätze: Konkret: was, wann, wie viel, wer haftet.
  • Haltung: Zupackend und beruhigend, ohne Werbesprech.
  • Tonproben: 3-Zimmer-Wohnung, 2. Stock ohne Aufzug, 12 km: zwischen 1.400 und 1.900 €., Wir beantragen die Halteverbotszone für Sie.
  • Nicht schreiben: „stressfrei umziehen“, „Rundum-sorglos“, „günstigster Anbieter“.
Hero, Raum und Form
  • Hero-Raster: Foto randlos über 12 Spalten, Satz und Region unten links über Spalte 1 bis 6 auf der dunklen Bildzone; Rechner direkt unter der Bildkante.
  • Hero-Bild: Eigenes Fahrzeug mit Team beim Beladen, 16:9 Desktop, 4:5 mobil.
  • Überschrift: clamp(2.5rem, 1.4rem + 5vw, 6rem), Special Gothic Condensed 700 in gemischter Schreibung; kein Label darüber.
  • Handlung: Im Rechner „Preis berechnen“ und danach „Besichtigung anfragen“ (Flottengelb mit Kontur); daneben Telefon.
  • Zusatz: Region und „Besichtigung auch per Video“ als Zeile unter der H1.
  • Sektionsabstand: clamp(64px, 8vw, 128px)
  • Dichte: mittel
  • Raum: Rechner und Karten kompakt (16 px Innenabstand), Sektionen kräftig getrennt. Mobil untere Leiste, darüber 80 px Freiraum.
  • Spalten: 12
  • Maximale Breite: 1280px
  • Raster: Hero randlos, Rechner direkt darunter über 12 Spalten in einer Zeile (mobil gestapelt). Stapelkarten über 8 Spalten mittig.
  • Radius klein: 4px
  • Radius groß: 10px
  • Schatten: keiner
  • Form: Gerundete Karten wie Kartonecken; gelbe Knöpfe immer mit Kontur in Textfarbe.
Vorbilder