Michel LeottaEigene Projekte
Werkstatt · Wie diese Seite entstand

Wie diese Seite entstand.

Ein Entscheidungslog. Pro Station: das Problem, was verworfen wurde, was blieb.

Entschieden habe ich jedes Mal selbst, aus zwei bis drei ausgearbeiteten Entwürfen.

48gerenderte Einzelbilder für ein zuklappendes Buch
15Sekunden Produktfilm, Trikoo „Office Cup“
0Cookies. Auch keine selbstgebackenen.
0Tracking
0Werbung
2–3ausgearbeitete Entwürfe pro Entscheidung
Der Verworfen-Stapel

Was es nicht
geschafft hat.

Sechs Entwürfe, sauber ausgearbeitet und trotzdem gestrichen. Wisch sie weg, oder leg sie mit den Pfeiltasten ab. Jede Karte führt zur Station, an der sie rausflog.

Stapel leer.Übrig blieb, was jetzt auf der Seite steht.

Entscheidungslog

Zehn Stationen.
Eine Seite.

Zum Ausprobieren statt zum Glauben: Jede Station zeigt die Entscheidung im Kleinen, so wie sie auf der Seite gelandet ist.

STATION 01

Die Leitzeile

Scrollen korrigiert
Vorher

Ich baue, was fehlt. (verworfen)

Zusammenhänge verstehen.Probleme lösen.

Station 01 · Protokoll

„Ich baue, was fehlt.“ stimmt. Es stellt aber das Bauen nach vorn. Gemeint war: Ich verstehe komplexe Zusammenhänge und löse Probleme.

Verworfen
„Ich baue, was fehlt.“
Gewählt
„Zusammenhänge verstehen. Probleme lösen.“
Warum
Weg vom Fokus aufs Bauen, hin zu dem, was davor kommt.
STATION 02

Licht im Hero

Wie viel Licht braucht der Einstieg? Geplant war eine Lampe über dem Tisch.

Aus. So, wie es jetzt ist.
Verworfen
Eine Lampe über dem Tisch.
Gewählt
Nur ein angedeuteter Tisch, der Rest bleibt dunkel.
Ergebnis
Das Buch ist das Einzige, was leuchten muss.
STATION 03

Das Buch klappt zu

Das Buch im Hero soll beim Scrollen zuklappen. Erst lief das per CSS. Es wirkte unecht.

Gerendertes Calima-Fotobuch, aufgeschlagen
Gewählt
Verworfen
Zuklappen per CSS. Wirkte unecht.
Gewählt
In 3D gerendert (Blender), 48 Einzelbilder, beim Scrollen abgespielt.
Preis
48 Bilder statt einer Zeile CSS.
STATION 04

Der rote Faden wird grün

Die Werdegang-Überschrift. Zwei Entwürfe, beide ausgearbeitet.

Entwurf A · RotstiftVerworfen

Der rote Faden.

Ein Korrekturzeichen streicht „rote“.

Entwurf B · FadenGewählt

Der rotegrüne Faden.

Verworfen
„Rotstift“: ein Korrekturzeichen streicht „rote“.
Gewählt
„Faden“: Ein roter Faden spannt sich über „rote“, schnalzt, wird grün und schreibt „grüne“.
Dazu
Ein Knäuel, das kleiner wird, je mehr Faden gezogen ist. Und eine „Ruhige Fassung“.
STATION 05

Werdegang lesen

Manche wollen den Überblick, manche die ganze Geschichte. Also darfst du wählen.

  1. Enterprise Application Developer
    03
  2. Product Owner und Tech Lead
    01 02 03
  3. Werkstudent Smart Services
    02
  4. Studentische Hilfskraft
    02 03
  5. Eigene Projekte: Calima und Trikoo
    01 03
  6. B. Sc. Kognitionswissenschaft
    01

Ausschnitt. Graue Balken stehen für den Erzähltext der Startseite.

Gewählt
Zwei Lesarten und drei Fäden, die passende Stationen scharf stellen.
Fäden
01 Menschen verstehen, 02 Abläufe in Teams, 03 Probleme lösen.
STATION 06

Das Profilfoto

Ein Foto, das mehr sagt als ein Lebenslauf. Als Abzug auf dem Tisch, zum Umdrehen.

Vorne: ich, mit Bürste. Hinten: der Satz, der erklärt, warum das Foto auf dieser Seite ist.

Gewählt
Ein Abzug auf dem Tisch, den man umdrehen kann.
Rückseite
„Erst verstehen, wo es juckt. Dann bürsten.“
STATION 07

15 Sekunden Trikoo

Wie zeigt man eine App, ohne sie zu erklären? Mit einem Film, der kürzer ist als jede Terminabstimmung.

Standbild aus dem Trikoo-Produktfilm Office Cup

Office Cup · 15 Sek. · im 3D-Handy

Ein Produktfilm, gezeigt in einem Handy, das sich mit dem Zeiger leicht dreht. Auf der Startseite läuft der echte Film.

Zum Film auf der Startseite
Gewählt
Ein 15-Sekunden-Produktfilm „Office Cup“ in einem 3D-Handy.
Länge
15 Sekunden.
STATION 08

Das Kontaktformular

Im Bau

Konzept „Erst verstehen“. Deine Nachricht wird in einen Umschlag gefaltet. Und dann?

Kein Versand, kein Verteiler. Die Nachricht wird gespeichert, und ich lese sie selbst.

Verworfen
Versand per Mail.
Gewählt
Nachrichten werden nur gespeichert. Michel liest sie selbst.
Status
Im Bau.
STATION 09

Datenschutz als Datenweg

Im Bau

Datenschutz liest niemand gern. Also zeigt ein Faden, wohin deine Daten gehen.

  1. Duöffnest eine statische Seite.
  2. Diese SeiteSchriften und Video kommen vom eigenen Server. Strenge Sicherheitsregeln (Content-Security-Policy).CookiesTrackingWerbung
  3. KontaktformularIm Bau. Nachrichten werden gespeichert.
  4. Michelliest sie selbst. Ende des Fadens.
Zur Datenschutzerklärung
Verworfen

Kolophon

Ein Buch-Anhang, mit Druckfehlerteuffel.

Verworfen
„Kolophon“: ein Buch-Anhang mit Druckfehlerteufel.
Gewählt
„Datenweg“: ein Faden-Schaubild, wohin deine Daten gehen. Und ein bröselnder Keks.
Status
Im Bau.
STATION 10

Technik, die man nicht sieht

Eine Seite über Sorgfalt sollte selbst sorgfältig sein. Auch da, wo es keiner merkt.

  • StatischKeine Datenbank hinter jeder Seite.
  • 0 CookiesNichts, was dir zustimmen muss.
  • Kein TrackingNiemand zählt, wie lange du hier bist.
  • Keine WerbungHier verkauft niemand deinen Blick.
  • Eigener ServerSchriften und Video kommen von hier.
  • Strenge RegelnContent-Security-Policy. Fremdes Skript? Kommt nicht rein.
Bewegung lässt sich pausieren. Probier es hier aus.

Zehn Stationen.
Ein Entscheider.

Jede Entscheidung auf dieser Seite habe ich getroffen, jeweils aus zwei bis drei ausgearbeiteten Entwürfen. Der Stapel oben ist der Rest.

Ich denke mit.
Und zu Ende.
Zurück zur Startseite