Zum Inhalt springen
Alle Sections
Sections/

Process

Nummerierte Schritte für So-funktioniert-es-Abschnitte.

Vorschauen brauchen Platz, Komponenten nicht.
Sticky Method MosaicNeu
Taxiing Jet Steps
Pulse Line Roadmap
Week Lane Schedule
Lifted Step Deck
Stage Track Scroll
Frosted Step RowNeu
Ghost Number StepsNeu
Three Step Floating CardsNeu
Drawn Trail Route
Shape Morph Process
Marquee Pills Process
Image Step AccordionNeu
Traced Line Process
Venn Phase ProcessNeu
Knowledge Ruler Timeline
Numbered Steps Portrait
Gradient Sprint Timeline
Phase Pill Process
Process Steps
Phase Timeline

Wie erklärt man einen Ablauf auf der Website?

Eine Prozess-Section zeigt die Schritte vom ersten Kontakt bis zum Ergebnis, damit Besucher wissen, was nach dem Klick passiert. Die Sections hier stellen das als nummerierte Schritte dar, als Zeitleiste, als Roadmap mit einer Linie, die sich beim Scrollen zeichnet, als Akkordeon mit einem Bild pro Schritt, als Wochenplan oder als Phasen, die ihre Form ändern. Die meisten fassen drei bis fünf Schritte, so viele merken sich Menschen auch.

Benenne jeden Schritt danach, was die Kundin bekommt oder tut, nicht nach deiner internen Phase: „Am 5. Tag bekommst du den ersten Entwurf“ ist klarer als „Phase 2: Konzept“. Wenn Zeit eine Rolle spielt, gib jedem Schritt eine Zahl. Jede Section ist eine einzelne React-Datei mit Tailwind-Klassen, animierte Linien und Zähler zeigen bei reduzierter Bewegung ihren Endzustand.

Weitere Section-Kategorien

FAQ

Häufige Fragen

Drei bis fünf. Weniger als drei ist kein Ablauf, mehr als fünf merkt sich niemand. Fasse kleine Schritte zusammen oder verschiebe sie auf eine Detailseite.

Ja, wenn du sie halten kannst. „Tag 1“, „Woche 2“ oder „innerhalb von 48 Stunden“ machen den Ablauf greifbar und beantworten die häufigste Frage: Wie lange dauert das?

Eine Zeitleiste für einen Verlauf über Wochen oder Monate, etwa ein Projekt oder eine Roadmap. Nummerierte Schritte für einen kurzen Ablauf wie anmelden, auswählen, erhalten.

Deine Frage war nicht dabei? Wir helfen gern weiter.

Kontakt aufnehmen