Zum Inhalt springen
Lucas Mouette®
← Alle ProjekteEntwicklungDesignProdukt2026

macOS-Portfolio

Mein vorheriges Portfolio: ein bespielbarer macOS-Desktop im Browser — und warum ich es ersetzt habe.

macOS-Portfolio — Cover

Mein letztes Portfolio war ein voll bedienbarer macOS-Desktop im Browser. Die Leute haben es geliebt, damit herumzuspielen; Recruiter hatten dafür keine Zeit. Hier geht es darum, wie ich es gebaut habe — und darum, mich von meinem eigenen Lieblingsprojekt zu trennen.

Ansehen: mac.lucasmouette.me ↗
Rolle
Designer & Entwickler
Team
Solo
Kontext
Persönliches Projekt
Tools
Next.js, React, TypeScript, TailwindCSS

Was ich gebaut habe

Fenster verschieben, Hintergrundbilder wechseln, den Finder öffnen

Ein macOS-Desktop im Browser als Portfolio:

  • Fenster, die sich verschieben, stapeln und schließen lassen, mit Dock und Menüleiste.
  • Ein Finder mit den Projekten, dazu ein Vorschaufenster pro Projekt.
  • Hintergrundbilder, die meine Geschichte erzählen: wo ich geboren wurde, wo ich aufgewachsen bin, wo ich heute lebe.
  • Easter Eggs: ein Papierkorb, in den sich ein Blick lohnt, und ein Wordle-artiges Spiel über meine Hobbys.
  • Ein mobiler Fallback, weil eine Desktop-Metapher auf dem Smartphone nicht funktioniert.

Was funktioniert hat

Es blieb im Gedächtnis. Freunde und Kommilitonen haben minutenlang darin herumgestöbert, und es hat gezeigt, dass ich ein Konzept allein von der Idee bis zu einem ausgefeilten, deployten Frontend bringen kann.

Was nicht funktioniert hat

Dann habe ich es mit den Augen meiner eigentlichen Nutzer betrachtet: Recruiter und Hiring Manager, die pro Kandidat ein paar Minuten haben.

  • Die Projekte steckten hinter einem Ordner. Nichts auf dem ersten Screen zeigte, was ich gebaut hatte.
  • Die Projektdetails lagen in Figma, außerhalb der Website.
  • Die Positionierung war unscharf: vier Zielrollen auf einem Post-it.

Was ich geändert habe

Diese Website ist das Ergebnis. Eine klare Positionierung (Produkt), Projekte, die nach einmal Scrollen sichtbar sind, jede Case Study aufgebaut als Kontext → Problem → Vorgehen → Ergebnis, und Interaktion nur dort, wo sie beim Überfliegen hilft — wie die Hover-Vorschauen und Filter in der Übersicht.

Was ich gelernt habe

Die schwierigste Produktfähigkeit ist nicht, ein Feature hinzuzufügen. Sondern sich einzugestehen, dass etwas, das man liebt, dem Nutzer nicht dient — und danach zu handeln.

Nächstes Projekt →Erstes Portfolio