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
- 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 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 - 11Das Netzwerkoffen
Dunkle Sektion über die volle Breite. Wer alles dazugehört.
#netzwerk - 12Vorteileoffen
Die längste Sektion des Entwurfs. Was Nachfolgende konkret davon haben.
#vorteile - 13Stimmenoffen
Was andere sagen. Kommt später aus dem Redaktionssystem, nicht aus dem Code.
#stimmen - 14Finanzierungoffen
Der Punkt, an dem die meisten Nachfolgen scheitern — und was dabei hilft.
#finanzierung - 15Der Unterschiedoffen
Gegenüberstellung: allein oder begleitet.
- 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.
- 17Häufige Fragenoffen
Aufklappbare Antworten. Kommt später aus dem Redaktionssystem.
#faq - 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.