Was ist ein Portfolio-Header?
Der Header einer Portfolio-Website ist das breite Hero-Band ganz oben auf der Seite. Er zeigt meist Ihren Namen, Ihr Angebot und ein Bild, das den Ton setzt. Fotografen, Designer und Freiberufler verlassen sich darauf, weil Besucher in wenigen Sekunden entscheiden, ob sie weiterscrollen.
Jeder Seitenaufruf beginnt mit diesem Element.
Mit Morphic gestalten Sie den Header aus einer Textbeschreibung direkt im Browser. Sie beschreiben das Hero-Bild, die Position Ihres Namens und die Stimmung, vergleichen einige Layouts und laden das Ergebnis im breiten Zuschnitt in HD herunter. Ein Webdesigner ist dafür nicht nötig.
Festlegen, was der Header sagen muss
Bestimmen Sie Ihren Namen und eine kurze Zeile, die Ihr Angebot beschreibt. Zwei klare Angaben wirken besser als ein Absatz, den niemand liest.
Den Header beschreiben
Öffnen Sie Morphic und beschreiben Sie ein breites Banner: das Hero-Bild, die Position Ihres Namens und den Platz für die Navigation. Lassen Sie mehrere Layouts erzeugen, um zu vergleichen, wohin der Blick zuerst fällt.
Platz für die Bedienelemente lassen
Fordern Sie ruhige Flächen an, auf denen Menülinks und Logo liegen können, ohne das Motiv zu verdecken. Ein Header, der die Navigation ignoriert, wirkt auf der fertigen Seite immer überfüllt.
Auf jeder Breite prüfen
Sehen Sie sich das Banner erst breit an und dann schmal zugeschnitten, wie es ein Smartphone zeigt. Generieren Sie jede Version neu, bei der Ihr Name außerhalb des sicheren Mittelbereichs liegt.
Exportieren und einbauen
Kontrollieren Sie, ob die Schrift scharf ist und das Bild in voller Breite Details behält. Laden Sie es in HD herunter und setzen Sie es als Hero-Bild auf Ihrer Website ein.
Zwei Header-Layouts für dasselbe Portfolio, beide mit Namen und Berufszeile.
Was einen guten Portfolio-Header ausmacht
| Qualität | Was das bedeutet | Warum das wichtig ist |
|---|---|---|
| Sofortige Klarheit | Name und Beruf sind auf einen Blick lesbar | Besucher wissen, auf wessen Seite sie sind |
| Platz für Navigation | Ruhige Flächen für Menü und Logo | Die fertige Seite bleibt aufgeräumt |
| Sicherer Mittelbereich | Wichtige Inhalte überstehen schmale Zuschnitte | Der Header funktioniert auch auf dem Smartphone |
| Ein Ton, der zur Arbeit passt | Das Bild spiegelt Ihren Stil | Die Seite wirkt wie ein zusammenhängendes Werk |
Morphic im Vergleich zum klassischen Weg
| Morphic | Einen Webdesigner beauftragen | |
|---|---|---|
| Kosten | Verfügbar auf Morphic | Designhonorar je Korrekturrunde |
| Zeit | Ein fertiger Header in Minuten | Wochen für Briefing und Feedback |
| Vorkenntnisse | Beschreiben in einfacher Sprache | Layout- und Webdesign-Kenntnisse |
| Konsistenz | Passende Varianten neu generieren | Bei jeder Änderung neue Arbeit beauftragen |
Häufig gestellte Fragen
Ja. Nennen Sie den genauen Wortlaut im Prompt. Prüfen Sie danach den erzeugten Text und generieren Sie neu, wenn Schreibweise oder Abstände nicht stimmen.
Das hängt von Ihrem Website-Baukasten oder Theme ab. Geben Sie dessen Vorgabe als Seitenverhältnis im Prompt an. Verkleinern Sie die fertige Datei vor dem Einbinden, damit die Seite schnell lädt.
Ja. Halten Sie Namen und wichtige Angaben nahe der Mitte. Prüfen Sie dann einen schmalen Zuschnitt und generieren Sie neu, was abgeschnitten wird.
Ja. Beschreiben Sie Palette und Schriftstil, dann passt der Header zum Rest Ihrer Seite.
Beschreiben Sie das neue Bild oder den neuen Text und generieren Sie neu. Das Auffrischen dauert Minuten und braucht keinen Relaunch.
Ja. Bilder, die Sie mit Morphic erzeugen, sind für die kommerzielle Nutzung freigegeben, auf Ihrer eigenen Website und in Kundenprojekten.