So erstellen Sie eine Portfolio-Website von Grund auf in 1 Stunde

Als aufstrebender Profi in jedem Bereich versuchen Sie Ihre ganze Trickkiste, um mehr Kunden zu erreichen und bessere Karrierechancen zu haben. Also, was ist Ihre beste Chance, das zu tun?

Ein regelmäßig aktualisiertes LinkedIn-Profil und ein ansprechender Lebenslauf sind die Basics. Aber was ist mit der Erstellung Ihrer Portfolio-Website, die von jedem Arbeitgeber leicht auffindbar ist?Mit Ihrer beruflichen Ecke in der digitalen Welt – ergänzt durch das richtige SEO und ein tolles Design – können Sie proaktiv agieren und dafür sorgen, dass Arbeitgeber Sie finden statt umgekehrt.

Wenn Sie Ihre Portfolio-Website noch nicht haben, denken Sie wahrscheinlich, dass es sich nach viel Aufwand anhört ;Sie müssen am Design arbeiten, es dann codieren und dann das Hosting und andere technische Dinge herausfinden.

Buuut… es gibt einen ganz neuen Weg, es zu tun!

Sie können Ihre Portfolio-Website mit Renderforest ohne Programmierkenntnisse, Designkenntnisse oder andere fortgeschrittene technische Kenntnisse erstellen.

Wie?

Scrollen Sie nach unten für das einfache Schritt-für-Schritt-Tutorial zum Erstellen Ihrer eigenen Portfolio-Website mit unseren vorgefertigten Vorlagen (und nicht nur).

Renderforests einzigartiger Ansatz zur Erstellung von Portfolio-Websites

Sie befinden sich bei Renderforest–einem vereinfachten Website-Builder, mit dem Sie ohne UI/UX-Kenntnisse und Programmierkenntnisse funktionale Websites und Zielseitenin Ihrem Browsererstellen können.

Wir verfügen über eine umfangreiche Bibliothek mit Website-Vorlagen, die für verschiedene Zwecke und für jeden Stil geeignet sind. Diese Vorlagen sind vorgefertigte Design-Skelette, die Sie ganz einfach mit Ihren eigenen Inhalten – Text, Fotos, Videos und anderen Medien – anpassen können.

Anstatt also Stunden und Tage mit Website-Design, Codierung und technischen Dingen zu verbringen,können Sie einfach unsere Bibliothek mit Vorlagen durchsuchen und diejenige auswählen, die Ihren Anforderungen entspricht.

(Die gute Nachricht ist, dass unser Team jeden Tag neue Designvorlagen hinzufügt, sodass eine Wahrscheinlichkeit von 99,9 % besteht, dass Sie finden, wonach Sie suchen).

Hier sind zum Beispiel einige unserer Portfolio-Website-Vorlagen, die Sie verwenden können.

MEHR VORLAGEN

Sie können eine Vorschau anzeigen, um sicherzustellen, dass das allgemeine Layout und Design Ihren Anforderungen entspricht, und wenn ja, können Sie es einfach mit Ihren eigenen Inhalten und Medien bearbeiten.

Sie können mit Farben, Text und Stilen spielen.

Darüber hinaus können Sie Abschnitte verschieben, helle oder dunkle Modi auswählen, von statischen Seiten zu Folien wechseln und vieles mehr.

Wenn Sie mit der Bearbeitung fertig sind, klicken Sie auf die Schaltfläche „ Veröffentlichen “ und voila – Ihre Portfolio-Website ist für alle sichtbar!

Ist es das, wonach Sie gesucht haben?Noch besser?

Lassen Sie uns dann mit einer detaillierten Aufschlüsselung der Schritte zum Erstellen Ihrer Portfolio-Website fortfahren.

Ihre Schritt-für-Schritt-Anleitung zur Entwicklung von Portfolio-Websites

Schritt 1: Wählen Sie eine Portfolio-Website-Vorlage

Hier sind die Vorlagen für Portfolio-Websites, die Sie basierend auf Ihrem Beruf verwenden können. Egal, ob Sie ein Designer, Fotograf, Illustrator oder ein anderer Fachmann sind, Sie können eine relevante Option finden.

Mit der Schaltfläche „ Vorschau “ können Sie das Design jeder Vorlage genauer untersuchen.Und mit der Funktion „Bearbeiten “ in der oberen rechten Ecke jeder Vorlage können Sie sofort auf den Website-Editor zugreifen.

Es gibt zwei Möglichkeiten, ein Website-Projekt auf Renderforest zu erstellen.

Option 1 : Sie können ganz von vorne anfangen, indem Sie die gewünschten Komponenten einzeln hinzufügen.Klicken Sie dazu auf die Schaltfläche „+Komponente “ und wählen Sie die wichtigsten Website-Komponenten aus, die Sie hinzufügen möchten.Sie können Text, Handlungsaufforderung, Videos, FAQ, Kontakt und mehr auswählen.

Option 2 : Greifen Sie auf die voreingestellten Vorlagen zu, die vom Designerteam mit bestimmten Themen entworfen wurden.Die Vorlagen für bestimmte Berufe sind bereits unter Berücksichtigung der Besonderheiten des Berufs konzipiert (die Vorlagen enthalten bereits die wichtigsten Abschnitte, die Sie höchstwahrscheinlich als Berufstätiger in Ihrer Portfolio-Website benötigen werden).

Definieren Sie also in einem ersten Schritt das allgemeine Layout und Design Ihrer Portfolio-Website. Wenn Sie mit dieser Anfangsphase fertig sind, fahren Sie mit den Anpassungstools von Renderforest fort, um Ihre Website ganz nach Ihren Wünschen zu gestalten!

Schritt 2: Passen Sie Ihre Portfolio-Website-Vorlage an

Die Vorlagen von Renderforest sind vollständig editierbar, was bedeutet, dass alles anpassbar ist, vom Text und der Grafik bis hin zu den Komponenten, die Sie hinzufügen. Hier ist der Ablauf, den wir Ihnen beim Bearbeiten der Vorlage empfehlen.

#1: Layout und Abschnitte fertigstellen

Entscheiden Sie, welche Seiten Ihre Portfolio-Website enthalten soll und welche Abschnitte sich auf jeder befinden sollen. Beginnen Sie mit der Fertigstellung des Grundgerüsts der Website und passen Sie dann jede Seite an .

• Über das obere Drop-down-Menü „ Seiten “ können Sie neue Seiten hinzufügen und vorhandene löschen.Möchten Sie eine Website mit vielen Seiten, um Ihre Arbeit im Detail zu präsentieren? Oder möchten Sie eine lange Homepage mit 1 oder 2 ergänzenden Seiten wie Kontakt, Info usw.? Das ist deine Entscheidung.

• Verwenden Sie das Bearbeitungs-Toolkit, das automatisch in jedem Abschnitt erscheint, um Hintergrundbildmodi anzupassen, es nach oben oder unten zu verschieben, den Abschnitt zu ersetzen oder zu duplizieren usw.

Notiz!Jedes Mal, wenn Sie Ihrer Website eine neue Seite hinzufügen, vergessen Sie nicht,Metadaten hinzuzufügen – ein entscheidendes Detail, das Ihnen hilft, Ihre Website benutzerfreundlicher und für Suchmaschinen und potenzielle Kunden leicht auffindbar zu machen.

Hier finden Sieeine detaillierte Anleitung zu Metadaten, falls Sie mehr erfahren möchten.

#2 Spielen Sie mit Textstil und Farben

Die allgemeine Faustregel empfiehlt, für Ihre Portfolio-Website serifenlose Schriftarten zu verwenden , große Schriftgrößen zu vermeiden, ohne die Lesbarkeit des Textes zu beeinträchtigen. In Bezug auf Farben werden einige neutrale wie Grau, Schwarz, Dunkelblau und ähnliches normalerweise als professioneller angesehen als helle oder Neonschatten.

Das Menü auf der linken Seite im Bearbeitungs-Dashboard bietet Ihnen alle erforderlichen Elemente, um die Schriftart, die Farben und den allgemeinen Stil Ihrer Präsentation anzupassen. Klicken Sie auf jeden Unterabschnitt, um mit der visuellen Attraktivität Ihrer Website zu spielen.

• Texte : In diesem Abschnitt können Sie die Textgröße ändern und zwischen vielen Schriftartpaaren wählen.Sobald Sie auf einen beliebigen Textstil klicken, wird Ihre gesamte Website sofort aktualisiert, um Ihre Auswahl widerzuspiegeln.
• Farben : Es sind viele Farbvoreinstellungen verfügbar, die Sie verwenden können, um eine konsistente Farbpalette auf Ihrer Website zu erstellen.Wählen Sie eine beliebige Voreinstellung, um zu sehen, wie Ihre Seitenabschnitte ihre Farben und Schatten ändern.
• Stile : Ändern Sie den Eckradius der Komponenten Ihrer Website und die oberen und unteren Polster des Seitenlayouts.

#3 Fügen Sie Ihren einzigartigen Inhalt hinzu

Nun, jetzt ist es an der Zeit, der Vorlage Ihren einzigartigen Inhalt hinzuzufügen.

Laden Sie relevante Bilder und Videos von Ihrem Computer hoch und schreiben Sie überzeugende Texte, die Ihre Arbeit erklären und Sie als Profi darstellen.

Vermeiden Sie es unbedingt, die Seite mit zu vielen Bildern und Texten zu überladen, da dies Ihr Portfolio unordentlich aussehen lassen kann. Sie können auch erwägen, einen Content-Autor zu beauftragen, um Texte für Ihre Portfolio-Website zu erstellen oder die vorhandenen zu bearbeiten, damit Sie eine perfekt polierte Kopie auf Ihrer Seite haben.

Sobald der Text und die visuellen Elemente fertig sind, laden Sie sie in Ihre Portfolio-Website-Vorlage hoch, indem Sie auf die entsprechenden Elemente klicken. Beim Hinzufügen von Texten helfen Ihnen die Vorschläge zur Wortzahl unter jedem Textfeld zu erkennen, ob die Texte zu kurz oder zu lang sind.

#4 Fügen Sie Widgets hinzu

Bieten Sie Ihren potenziellen Kunden schnelle Möglichkeiten, Sie zu kontaktieren, Ihnen in sozialen Medien zu folgen und über Ihre Aktivitäten auf dem Laufenden zu bleiben. Dazu müssen Sie Widgets wie Kontaktformulare und Schaltflächen für soziale Medien hinzufügen.

Wählen Sie Widgets auf der linken Seite aus und fügen Sie Ihre Social-Media-Kontakte oder Ihren Live-Chat mit wenigen Klicks zu Ihrer Portfolio-Website hinzu.

#5 Laden Sie Mitarbeiter ein

Wann immer Sie möchten, dass Ihre Teamkollegen am Website-Erstellungsprozess teilnehmen, laden Sie sie einfach ein, mit Ihnen an Ihrer Portfolio-Website zu arbeiten. Dies kann ein professioneller Designer sein, der Sie beim Design Ihrer Website berät, ein Content-Autor, der Texte für Sie erstellt, oder jeder andere, der Ihnen bei der kreativen Aufgabe helfen kann. Fügen Sie so viele Mitarbeiter hinzu, wie Sie benötigen.

Schritt 3: Wählen Sie den Domänennamen

Der Domainname ist die Adresse Ihrer Website – die URL, die Ihre potenziellen Kunden in die Suchleiste eingeben müssen, um auf Ihrer Seite zu landen.

Es gibt zwei Möglichkeiten, einen Domainnamen für Ihre Portfolio-Website auszuwählen.

1. Sie können die kostenlose Subdomain von Renderforest verwenden: www.[Ihr bevorzugter Name].renderforest.com
2. Sie können auch eine benutzerdefinierte Domain www kaufen .[Ihr bevorzugter Name].[Ihre bevorzugte TLD wie .com, .net usw.]

Okay, was soll man wählen?

Wenn Sie keine etablierte persönliche Marke haben, z. B. kein bestimmtes Logo oder keinen Markennamen haben, kann die Subdomain-Option von Renderforest für Sie gut geeignet sein. Sie sparen Geld und sind frei von technischen Problemen wie der Registrierung Ihrer benutzerdefinierten Domain im Domainverzeichnis, der Einrichtung des DNS-Eintrags usw.

Um diese kostenlose Option zu verwenden , gehen Sie zu Einstellungenund dann zum AbschnittDomainim Bearbeitungs-Dashboard Ihrer ausgewählten Vorlage. Bearbeiten Sie Ihre kostenlose Subdomain und klicken Sie aufSpeichern , um die Änderungen abzuschließen.

Wenn Sie einen benutzerdefinierten Domainnamen bevorzugen, besuchen Sie entweder eine professionelle Plattform für den Kauf von Domainnamen namens Domain-Registrare oder kaufen Sie ihn über Renderforest.Sehen Sie im Domain-Suchfeld nach, ob Ihr Website-Name verfügbar ist und wie hoch der Preis ist.

Wenn Sie bereits eine benutzerdefinierte Domain haben, verbinden Sie sie mit dem DNS-System von Renderforest.

Falls Sie sich für die benutzerdefinierte Domain-Option entscheiden, finden Sie hier eine Anleitung zur Auswahl eines einprägsamen Domainnamens für Portfolio-Websites.

Schritt 4: Wählen Sie eine Hosting-Plattform (wenn Sie eine benutzerdefinierte Domain wählen*)

Eine Hosting-Plattform ist ein Ort, an dem Sie den Inhalt Ihrer Website speichern. Mit anderen Worten, es ist ein Server, auf dem sich alle Ihre Website-Dateien befinden und dank dessen Personen auf Ihre Website zugreifen können.

Sie müssen sich nur um eine Hosting-Plattform kümmern, wenn Sie eine benutzerdefinierte Domain hinzufügen, da das Hosting in der kostenlosen Subdomain-Option von Renderforest enthalten ist .

Wenn Sie sich für eine benutzerdefinierte Domain entscheiden, können Sie ein Hosting und einen Domainnamen von demselben Unternehmen oder den Domainnamen von einem Anbieter und den Hosting-Service von einem anderen kaufen. Es liegt an Ihnen.

Hinweis : Viele Domain-Registrare schließen automatisch Hosting-Services ein, wenn Sie eine Domain kaufen.Recherchieren Sie also gründlich, um herauszufinden, welche Plattform den besten Hosting-Service zum günstigsten Preis bietet.

Lesen Sie die Forbes-Übersicht über die besten Hosting-Anbieter des Jahres 2023 .

Schritt 5: Fügen Sie Marketing-Integrationen hinzu

Wenn Sie eine statische Website wünschen, die nur auf Anfrage mit einem potenziellen Kunden geteilt wird, können Sie diesen Schritt überspringen.

Aber wenn Sie Ihre Arbeit bewerben und mit einem breiteren Publikum teilen möchten, ist es an der Zeit, über Tools zur Marketingautomatisierung wie Analysen, SEO und andere nachzudenken, die Ihrer Website helfen, auffindbar zu werden.

Mit dem kostenlosen Paket von Renderforest können Sie Ihre Portfolio-Website mit dem Keyword-Tool SEMrush verbinden . Damit können Sie ganz einfach analysieren, mit welchen Keywords nach Ihren Dienstleistungen gesucht wird und Ihre Website-Inhalte entsprechend optimieren.

Um dies hinzuzufügen, gehen Sie zu Einstellungen und wählen Sie Marketingintegrationenaus dem Menü.

Wenn Sie Ihre Dienste auch über Facebook bewerben, fügen Sie Facebook Pixel hinzu, um Daten aus Ihren Facebook-Anzeigen zu sammeln und zu verfolgen.

Für erweiterte Analysen der Leistung Ihrer Website können Sie Google Analytics, Google AdSense und Google Tag Manager im aktualisierten Plan von Renderforest verbinden.

Jetzt upgraden

Schritt 6: Zahlungsoptionen hinzufügen

Sie können die PayPal-Integration hinzufügen, wenn Sie Produkte oder Dienstleistungen direkt mit Ihrer Portfolio-Website verkaufen möchten. Dadurch können Kunden per Kredit- oder Debitkarte bezahlen, ohne Ihre Website verlassen zu müssen.

Das zu tun:

• Erstellen Sie ein PayPal-Konto
• Fügen Sie Ihre PayPal-E-Mail-Adresse und Kontodaten hinzu (um Zahlungen auf das richtige Konto zu leiten)
• Legen Sie die Art der Schaltfläche fest, die Sie auf Ihrer Website verwenden möchten: „Bezahlen“ oder „Spenden“.

Mit diesen einfachen Aktionen können Sie Zahlungen von Ihren Kunden frei akzeptieren und ihnen den Kauf Ihrer Dienstleistungen erleichtern.

Sie können auf die PayPal-Integration über das Menü „Komponenten“ auf der Seite „Einstellungen“zugreifen .

Schritt 7: Definieren Sie die Sprache Ihrer Portfolio-Website

Sie können die Texte Ihrer Website in jeder gewünschten Sprache anpassen. Wenn Sie über die lokale Sprache hinausgehen und Ihre Website Menschen auf der ganzen Welt (oder zumindest Ihren Zielnationalitäten) zugänglich machen möchten, können Sie eine Option für eine mehrsprachige Website wählen.

Diese Funktion ist für das Premium-Paket verfügbar und ermöglicht es Ihnen, mehrere Versionen Ihrer Website für verschiedene Sprachen zu erstellen.

Um eine mehrsprachige Website mit Renderforest einzurichten, gehen Sie zumMenü Einstellungen> Sprache und wählen Sie die Sprache aus, die Sie hinzufügen möchten.

Schritt 8: Vorschau/Veröffentlichen Ihrer Portfolio-Website

Auch wenn Ihre Website noch nicht online ist, können Sie einen kleinen Vorgeschmack darauf werfen, wie sie nach der Veröffentlichung aussehen wird. Klicken Sie dazu im oberen Bedienfeld auf die Schaltfläche Vorschau .

Im Vorschaumodus können Sie Ihre Website von einem Desktop aus anzeigen und prüfen, wie sie auf verschiedenen Geräten und Browsern aussieht. Darüber hinaus können Sie mit Schaltflächen interagieren und zwischen verschiedenen Seiten und Abschnitten navigieren, um die Benutzererfahrung zu testen.

Wenn Sie bereit sind, Ihre Website zu veröffentlichen, klicken Sie auf die Schaltfläche Veröffentlichen .Danach stellt Ihnen Renderforest die eindeutige URL für Ihre Portfolio-Website zur Verfügung, damit Sie sie mit potenziellen Kunden teilen können.

Da-Damm! Glückwunsch! Sie haben gerade mit Renderforest eine professionelle einseitige Portfolio-Website erstellt!

Abschließende Gedanken

Eine gute Online-Präsenz ist für fast jeden Fachmann in der heutigen Welt unerlässlich. Eine Portfolio-Website macht es einfacher, Ihre Arbeit und Dienstleistungen zu präsentieren und gleichzeitig einen guten ersten Eindruck bei potenziellen Kunden oder Arbeitgebern zu hinterlassen.

Und während es früher ein komplizierter und teurer Prozess war, eine Website zu erstellen, ist der Portfolio-Website-Builder von Renderforest eine einfache und kostengünstige Möglichkeit, Ihre professionell aussehende Portfolio-Website zu erstellen.

Mit seinem intuitiven Drag-and-Drop-Editor, der kostenlosen Inhaltsbibliothek und gut gestalteten Vorlagen ermöglicht Renderforest jedem, seine Online-Präsenz in kürzester Zeit aufzubauen.

Warten Sie also nicht länger! Erstellen Sie noch heute Ihre Portfolio-Website mit Renderforest und gewinnen Sie neue Kunden!

Benötigen Sie eine ausführlichere Beratung durch unser Support-Team? In unserem Hilfebereich finden Sie die benötigte Unterstützung.

ERKUNDE MEHR

Literatur-Empfehlungen

• So erstellen Sie eine persönliche Website: Eine Schritt-für-Schritt-Anleitung

• Website Homepage-Design: Beispiele und Tipps
• 16 wichtige Website-Seiten, die Ihre Website benötigt