Sektionen

Die Startseite besteht aus 18 waagerechten Streifen. Hier steht, welche davon schon als Komponente existieren. Sobald eine fertig ist, tritt sie an die Stelle ihres Eintrags — dann kannst du sie einzeln ansehen und ändern lassen, ohne durch die ganze Seite zu scrollen.

9 fertig0 in Arbeit9 offen

  1. 01Kopfbereichfertig

    Der erste Bildschirm. Überschrift, Vorspann, zwei Aufforderungen, heller Verlauf im Rücken. Das schwebende Netzwerk-Feld rechts ist Schmuck und für Vorleseprogramme ausgeblendet; unter 980px tritt an seine Stelle eine Liste derselben Angaben. Das lila Band darunter gehört mit dazu, weil es sich um 46px in die Sektion schiebt.

    ansehen
  2. 02Was SuccessionOne istfertig

    Die Plattform in wenigen Sätzen, für alle, die den Namen zum ersten Mal lesen. Der Regelfall einer Sektion: Sektionskopf, Karten, Aufforderung — ohne eigene Gestaltung außer dem Kartenraster.

    #plattformansehen
  3. 03Laufende Nachfolgenfertig

    Ein Band, das anonymisierte Beispielprofile vorbeiziehen lässt. Zeigt, dass auf der Plattform etwas passiert, ohne etwas zu zeigen, was nicht gezeigt werden darf. Hält an, sobald man mit der Maus darauf zeigt.

    #dealsansehen
  4. 04Dein Neustartfertig

    Der Punkt, an dem sich Nachfolgende wiedererkennen sollen: festgefahren im eigenen Job. Links die Ansprache, rechts ein dunkler Kasten mit drei Zusagen. Der Kasten braucht einen eigenen Hintergrund, weil die dunkle Karte für dunkle Streifen gebaut ist und hier auf hellem Grund steht.

    #schmerzansehen
  5. 05Der Markt verändert sichfertig

    Der erste dunkle Streifen. Drei Zahlen, mittig gesetzt. Achtung: Die Zahlen stammen aus dem Entwurf und haben dort keine Quelle. Jede Zahl braucht vor dem Umzug auf successionone.com einen Beleg — oder sie verschwindet. Dafür gibt es an jeder Kennzahl ein Feld »quelle«.

    ansehen
  6. 06Die Fragen, die dich nachts wachhaltenoffen

    Im Entwurf ein Chatverlauf zwischen Nachfolgendem und Kerstin, der beim Scrollen mitläuft. Diese Sektion fehlte bisher in dieser Liste — sie steht im Entwurf zwischen dem Markt-Streifen und Kerstin.

    #fragen
  7. 07Kerstin als Begleitungfertig

    Der persönliche Teil: ein Gesicht, ein Name, ein Angebot zum Gespräch. Solange kein Foto da ist, steht an seiner Stelle ein sichtbarer Platzhalter — kein leerer Kasten, den man für einen Fehler hält.

    #kerstinansehen
  8. 08Ein klarer Wegfertig

    Ein schmaler dunkler Streifen mit genau einer Aufforderung. Bewusst kurz gehalten: Ein Zwischenstreifen, der mehr als eine Sache will, wird übersprungen.

    ansehen
  9. 09In Zusammenarbeit mitfertig

    Schmales Band mit den Namen der Partner. Ohne übergebene Partner zeigt diese Sektion nichts an — wer den Namen einer Institution neben das eigene Angebot stellt, braucht dafür eine schriftliche Erlaubnis. Der Entwurf nennt IHK Dresden, Volksbank Sachsen und TU Dresden; in der Vorschau stehen deshalb erfundene Beispielnamen.

    ansehen
  10. 10Dein Wegfertig

    Vier Phasen entlang einer gestrichelten Linie, abwechselnd darüber und darunter. Das Versetzen ist der Punkt: vier gleich hohe Karten nebeneinander liest man als Aufzählung, vier versetzte als Abfolge. Unter 860px verschwindet die Linie und die Phasen stehen untereinander.

    #wegansehen
  11. 11Das Netzwerkoffen

    Dunkle Sektion über die volle Breite. Wer alles dazugehört.

    #netzwerk
  12. 12Vorteileoffen

    Die längste Sektion des Entwurfs. Was Nachfolgende konkret davon haben.

    #vorteile
  13. 13Stimmenoffen

    Was andere sagen. Kommt später aus dem Redaktionssystem, nicht aus dem Code.

    #stimmen
  14. 14Finanzierungoffen

    Der Punkt, an dem die meisten Nachfolgen scheitern — und was dabei hilft.

    #finanzierung
  15. 15Der Unterschiedoffen

    Gegenüberstellung: allein oder begleitet.

  16. 16Nicht allein gehenoffen

    Ein dunkler Kasten über die Inhaltsbreite, links das Foto von Kerstin, rechts drei Haken und eine gelbe Aufforderung. Fehlte bisher in dieser Liste — im Entwurf steht der Kasten zwischen »Der Unterschied« und den häufigen Fragen.

  17. 17Häufige Fragenoffen

    Aufklappbare Antworten. Kommt später aus dem Redaktionssystem.

    #faq
  18. 18Kontaktoffen

    Der Abschluss. Dunkel, mit dem Formular, dessen Nachrichten an felix@feerise.de gehen.

    #kontakt

Fertige Sektionen

Jede Sektion steht hier in einem eigenen Rahmen und damit in ihrer echten Breite. Zieh den Rahmen an der rechten unteren Ecke schmaler, dann klappt die Sektion um wie auf einem Handy. Was du hier siehst, ist derselbe Code, der später auf der Startseite steht — es gibt keine zweite Fassung fürs Schaufenster.