Logo

Biovelt

16 Ideen für persönliche Websites 2026: Der praxisnahe Leitfaden

calendar_today 2026-04-20 visibility 50 Aufrufe person Ada Gao
16 Ideen für persönliche Websites 2026: Der praxisnahe Leitfaden
lightbulb

Hier findest du 16 praxisnahe Ideen für persönliche Websites im Jahr 2026, gruppiert nach Berufsbildern – von Studenten über Freiberufler bis hin zu Entwicklern.

Du möchtest eine persönliche Website erstellen. Aber es gibt ein häufiges FehlerMuster: Man öffnet eine Vorlage, starrt eine Stunde lang auf den Bildschirm und schließt dann den Tab. Dieser Artikel liefert dir 16 gebrauchsfertige Ideen, gruppiert danach, wer du eigentlich bist.

Ich habe mir angesehen, was bei Google für „Ideen für persönliche Websites“ rankt. Die meisten Artikel bieten dir die gleiche oberflächliche Liste: Blog, Portfolio, Lebenslauf. Das war's. Sie sagen dir nicht, welche zu deiner Situation passt oder wie du vermeidest, etwas zu bauen, das niemand besucht.

Dieser Leitfaden ist anders. Kein überflüssiges Beiwerk. Nur praxisnahe Inhalte, die du direkt nutzen kannst.

16 Ideen für persönliche Websites nach Berufskategorie

Für Studenten und Berufseinsteiger

Ideen für persönliche Websites für Studenten

Idee 1: Das Kurs-Projekt-Museum

Zeige nicht nur das Endergebnis. Stelle den Entwicklungsprozess vor – inklusive ursprünglicher Anforderungen, fehlgeschlagener Versuche, Iterationen und der Begründung für jede Änderung. Arbeitgeber bewerten, wie du denkst, nicht nur was du produzierst.

Umsetzung: Erstelle ein Zeitachsen- oder Tabellenformat. Für jedes Projekt liste auf: ursprüngliche Aufgabenstellung → drei fehlgeschlagene Versionen mit Screenshots oder Code-Ausschnitten → Endergebnis. Füge eine kurze Reflexionsspalte hinzu, die erklärt, was du aus jedem Fehler gelernt hast.

Idee 2: Die Seite mit dem Kompetenznachweis

Ersetze Notenauflistungen durch nachprüfbare Belege. Identifiziere fünf Kernkompetenzen, die für deine Wunschstelle relevant sind. Verlinke für jede Kompetenz direkt zu einem lieferbaren Ergebnis: einem GitHub-Commit, einer Textprobe, einer Figma-Datei oder einem Datenanalysebericht.

Umsetzung: Baue eine einfache zweispaltige Seite. Linke Spalte: Name der Kompetenz. Rechte Spalte: klickbare Links zu konkreten Arbeitsergebnissen. Keine Beschreibungen nötig – die Belege sprechen für sich.

Idee 3: Das öffentliche Lernlog

Veröffentliche jeden Woche einen kurzen Beitrag, der dokumentiert, was du gerade lernst. Überarbeite es nicht zu sehr. Konzentriere dich auf Klarheit und Ehrlichkeit. Arbeitgeber schätzen Neugier und die Fähigkeit, Konzepte einfach zu erklären.

Umsetzung: Nutze einen Blog oder einen Bereich „Notizen“. Jeder Beitrag: 150–300 Wörter. Struktur: Was du gelernt hast → warum es wichtig ist → eine Frage, die du noch hast.

Für Freiberufler und Berater

Idee 4: Die Seite zur Einwandbehandlung

Gehe auf Zweifel von Kunden ein, bevor diese sie überhaupt äußern. Häufige Einwände sind: „Du bist zu teuer“, „Woher weiß ich, dass du seriös bist?“ und „Was passiert, wenn das nicht funktioniert?“ Platziere klare Antworten auf deiner Startseite.

Umsetzung: Erstelle einen Bereich „Einwände“ mit drei bis fünf aufklappbaren FAQ-Einträgen. Schreibe zu jedem Einwand eine einleitende Satzbestätigung, gefolgt von einer Absatzantwort mit Beleg (Fallstudie, Referenz oder Aussage zur Geld-zurück-Garantie).

Idee 5: Die Seite nur mit Kundenergebnissen

Entferne alle nicht notwendigen Inhalte. Präsentiere nur messbare Ergebnisse. Beispiele: „Hat Unternehmen A geholfen, die Conversions um 30 % zu steigern“, „Hat Unternehmen B geholfen, 50 Mitarbeiterstunden pro Monat einzusparen“.

Umsetzung: Wenn du noch keine Kundenergebnisse hast, dokumentiere ein persönliches Projekt mit der gleichen Genauigkeit. Zeige Ausgangswerte, deinen Eingriff und die Endergebnisse. Beschrifte es klar als eigeninitiiertes Projekt.

Idee 6: Das Modell „Kostenloses Tool + kostenpflichtige Dienstleistung“

Baue ein kleines, funktionales Tool: einen Rechner, eine Vorlage, eine Checkliste oder eine Scorecard. Biete es kostenlos im Austausch gegen eine E-Mail-Adresse an. Folge mit einem Angebot für deine Dienstleistung nach.

Umsetzung: Wähle ein Tool, das ein konkretes Problem für deine Zielkunden löst. Baue es mit einer No-Code-Plattform (z. B. Tally, Gumroad, Carrd) oder einem einfachen Skript. Füge ein Formular zur E-Mail-Erfassung vor dem Download-Link hinzu. In der Folge-E-Mail fügst du eine Fallstudie zu deiner kostenpflichtigen Dienstleistung hinzu.

Hinweis zum Dateneigentum: E-Mail-Adressen, die über Drittplattformen (Tally, Gumroad) gesammelt werden, werden auf deren Servern gespeichert, nicht auf deinen. Wenn du die vollständige Kontrolle über deine Zielgruppendaten benötigst, nutze ein Open-Source-Tool (z. B. Open Form) oder ein einfaches Backend, das du selbst hostest. Ansonsten tauschst du Eigentum gegen Bequemlichkeit – was in Ordnung ist, solange du diesen Kompromiss kennst.

Idee 7: Die prozessorientierte Website

Zeige, wie du arbeitest, nicht nur was du bereits erstellt hast. Dokumentiere jede Phase: Recherche → Entwurf → Feedback → Überarbeitung → Lieferung.

Umsetzung: Erstelle für ein hervorgehobenes Projekt eine fünfstufige visuelle oder textliche Darstellung. Füge zu jedem Schritt ein echtes Arbeitsergebnis hinzu (E-Mail-Screenshot, kommentiertes PDF, Meeting-Notiz). Kunden buchen vorhersehbare Prozesse, nicht nur Portfolios.

Für Entwickler und Designer

Idee 8: Der interaktive Live-API-Spielplatz

Baue ein interaktives Element in dein Portfolio ein. Beispiele: ein Suchfeld, das eine öffentliche API abfragt, ein Farbwähler, ein Live-Markdown-Editor oder eine kleine Datenvisualisierung.

Umsetzung: Nutze reines JavaScript oder ein leichtes Framework. Deploye das Tool direkt auf deiner Portfolioseite. Füge eine kurze Code-Anmerkung hinzu, die zeigt, wie der API-Aufruf strukturiert ist.

Idee 9: Das Terminal-Stil-Portfolio

Verwende eine Befehlszeilen-Optik für deine persönliche Website. Dieser Ansatz ist ungewöhnlich und führt oft zu sozialer Verbreitung in technischen Zielgruppen.

Umsetzung: Nutze eine Bibliothek wie Termynal oder schreibe benutzerdefiniertes CSS, das Terminalausgaben nachahmt. Halte die Inhalte minimal: > about, > work, > contact als Befehle, die versteckte Bereiche einblenden.

Idee 10: Der Digitale Garten mit einer Now-Seite

Veröffentliche kurze, miteinander verbundene Notizen statt langer Blogbeiträge. Füge eine „Now“-Seite hinzu, die deinen aktuellen Fokusbereich angibt. Aktualisiere die Now-Seite monatlich.

Umsetzung: Nutze ein Digital-Garden-Tool (z. B. Obsidian Publish, Dendron oder eine einfache Wiki-Ordnerstruktur). Die Now-Seite sollte drei bis fünf Aufzählungspunkte zu aktuellen Projekten, Lernzielen oder beruflichen Interessen enthalten.

Für Autoren und Kreative

Ideen für persönliche Websites für Autoren

Idee 11: Die langform-orientierte Website

Lasse deine Startseite deine drei besten Artikel mit vollständigen Zusammenfassungen anzeigen. Füge einen auffälligen Abonnier-Button hinzu. Entferne Seitenleisten, Widgets für verwandte Beiträge und Social-Media-Feeds.

Umsetzung: Nutze ein minimales Theme von Ghost, Medium oder WordPress. Die Startseite darf nicht mehr als drei Links enthalten, die alle zu vollständigen Artikeln führen.

Idee 12: Das „Best Of“-Archiv

Kuriere nur deine fünf besten Werke. Zeige keine chronologischen Archive oder Kategoriefilter an. Qualität vor Quantität.

Umsetzung: Erstelle eine Seite mit dem Titel „Best Of“. Liste fünf Einträge auf. Jeder Eintrag enthält: Titel, ein-sätzige Zusammenfassung und einen „Weiterlesen“-Link. Aktualisiere diese Seite nur, wenn ein neuer Beitrag einen vorhandenen übertrifft.

Idee 13: Der Newsletter als Startseite

Gestalte deine gesamte Website als Landingpage für deinen E-Mail-Newsletter. Nutze Ghost, ConvertKit oder Substack. Jeder Besucher wird zum Abonnieren eingeladen.

Umsetzung: Die Startseite sollte enthalten: ein Wertversprechen (was Abonnenten erhalten), eine Vorschau einer Beispielausgabe, ein einzelnes E-Mail-Eingabefeld und eine Referenz eines bestehenden Abonnenten. Entferne alle andere Navigation.

Für nicht traditionelle Berufsbilder (Vertrieb, Produktmanagement, Betrieb)

Idee 14: Die „FAQ über mich“-Seite

Schreibe die zehn Fragen auf, die Personaler am häufigsten stellen. Beantworte jede im Q&A-Format. Diese Struktur ist leichter zu überfliegen als eine erzählerische Biografie.

Umsetzung: Geh deine letzten drei Vorstellungsgespräche durch. Extrahiere die wiederkehrenden Fragen. Schreibe zu jeder eine ein-sätzige Frage und eine zwei- bis dreisätzige Antwort. Füge nach Möglichkeit Kennzahlen hinzu.

Idee 15: Die Toolkit-Seite

Liste die Software, Vorlagen und Arbeitsabläufe auf, die du tatsächlich nutzt. Gib zu jedem Tool an, welches spezifische Problem es löst und wie du es konfigurierst.

Umsetzung: Erstelle eine Tabelle mit drei Spalten: Tool-Name → Anwendungsfall → Ein Arbeitsablauf-Tipp. Teile diese Seite auf LinkedIn oder Branchenforen. Andere Fachkräfte finden sie nützlich und verlinken möglicherweise darauf.

Idee 16: Die Problem-Bibliothek

Identifiziere zehn häufige Probleme in deinem Bereich. Schreibe zu jedem einen kurzen Absatz, der beschreibt, wie du es gelöst hast.

Umsetzung: Greife auf echte Vorfälle aus deiner Berufserfahrung zurück. Anonymisiere sensible Details. Jeder Eintrag sollte folgendermaßen aufgebaut sein: Problembeschreibung → dein Diagnoseschritt → deine Lösung → das Ergebnis.

Tipps für die Gestaltung einer überzeugenden persönlichen Website

Du musst kein Designer sein. Du musst nur die häufigsten Fehler vermeiden.

Fange mit einer Frage an, nicht mit einer Vorlage. Frag dich: Was ist das Wichtigste, das ein Besucher tun soll? Deinen Lebenslauf herunterladen? dich für eine Freiberuflichkeitsanfrage kontaktieren? Deinen neuesten Artikel lesen? Jede Designentscheidung ergibt sich aus dieser Antwort. Wenn du sie nicht in einem Satz beantworten kannst, bist du noch nicht bereit zum Bauen.

Der Bereich „Above the Fold“ ist wichtiger als du denkst. Auf Desktop bedeutet „above the fold“ das, was jemand ohne Scrollen sieht. Auf Mobil ist es sogar noch weniger. Nutze diesen Platz für deinen Namen, das, was du machst, und einen klaren Aktionsbutton. Alles andere kann unten warten.

Schriftarten und Farben dürfen langweilig sein. Das klingt kontraintuitiv, aber es ist die beste Designberatung, die ich je bekommen habe. Deine Persönlichkeit soll aus deinen Inhalten und deiner Arbeit kommen, nicht aus Comic Sans oder Neontürkis. Wähle eine lesbare Schrift. Wähle zwei Farben, die nicht weh tun. Dann mach weiter.

Teste es auf deinem Handy, bevor du es veröffentlichst. Die meisten Leute bauen auf dem Laptop und vergessen dann, die mobile Version zu prüfen. Dreh es um. Gestalte zuerst für Mobil. Wenn es auf einem kleinen Bildschirm gut aussieht, wird es auf einem großen auch gut aussehen. Das Umgekehrte gilt nicht.

Navigation soll offensichtlich sein, nicht clever. Verstecke dein Menü nicht hinter geheimnisvollen Icons. Nutze keine niedlichen Bezeichnungen wie „Gedanken“ für deinen Blog. Schreibe „Arbeit“, „Über mich“, „Kontakt“. Die Leute wollen kein Puzzle lösen. Sie wollen Informationen.

Noch eine Sache vor den Ideen: Wenn du eine todsichere einfache Möglichkeit suchst, alle deine Links zu zentralisieren und zu verfolgen, was Leute tatsächlich anklicken, schau dir Biovelt an. Es ist komplett kostenlos, erlaubt unbegrenzte Links, bietet mehrere Themes passend zu deinem Stil und liefert Echtzeit-Klick-Tracking. Perfekt, wenn du einfach nur eine Seite im „Link in Bio“-Stil brauchst, ohne viel darüber nachzudenken.

5 teure Fehler, die dich amateurhaft aussehen lassen

Fehler #1 – „Willkommen auf meiner Website“ als H1-Überschrift

Das ist verschwendeter Platz. Ersetze es durch „Ich helfe [X], [Y] ohne [Z] zu erreichen.“ Jetzt wissen Besucher in drei Sekunden genau, was du machst.

Fehler #2 – Keine klare Kontaktmöglichkeit oben auf der Seite

Füge deine E-Mail als Klartext hinzu – name [at] domain [punkt] de, um Spam-Scraper zu vermeiden. Und verlinke dein LinkedIn. Leute wollen Optionen haben.

Fehler #3 – Fehlende Social-Preview-Karte

Wenn jemand deine Seite auf Twitter oder LinkedIn teilt, erscheint sie als leerer Link. Behebe das mit dem Open Graph Generator oder Yoast. Dauert fünf Minuten.

Fehler #4 – Keine 404-Seite

Leute landen auf kaputten Links. Gib ihnen eine lustige Nachricht und einen Button zurück zur Startseite. Das verwandelt Frustration in ein Lächeln.

Fehler #5 – Kaputte interne Links

Lauf einen kostenlosen Scan mit Dr Link Checker durch. Tote Links wirken faul. Und wenn du bei deiner eigenen Website faul bist, warum sollte dich jemand einstellen?

Häufig gestellte Fragen

Persönliche Website vs Portfolio – brauche ich beide?

Nein. Ein Portfolio ist eine Unterkategorie von persönlichen Websites. Nutze „portfolio“ in deiner URL (/portfolio) und im Seitentitel, wenn deine Branche (Design, Kunst) das erwartet. Ansonsten nutze „Arbeit“ oder „Projekte“.

Die beste Plattform für eine persönliche Website im Jahr 2026?

Carrd für Einzelseiten. Framer für schöne Designs. WordPress für Flexibilität. Notion + Super für Autoren. Wähle danach aus, wie viele Seiten du brauchst und wie viel Wartung du eingehen möchtest.

Wie schreibe ich eine Über-mich-Seite, die mich einstellt?

Drei Absätze. Vergangene Erfolge (mit Zahlen, wenn du welche hast). Was du jetzt machst (ein Satz). Wohin du gehen willst (optional, aber macht dich menschlich). Keine Lebensgeschichte. Kein „Ich wurde geboren in …“ Das interessiert niemanden.

Abschließende Gedanken zu Ideen für persönliche Websites

Geh die 16 Ideen oben durch. Finde diejenige, die zu deiner aktuellen beruflichen Situation passt.

Schreib die Nummer der Idee auf. Dann nimm dir 30 Minuten Zeit, um ein Layout anhand der angegebenen Umsetzungshinweise zu skizzieren.

Baue das, was zu deiner Rolle passt – nicht das, was gerade populär ist.