So erstellen Sie eine Portfolio-Website, die Leads erhält – ohne Codierung

Wenn Sie ein individueller Profi mit großartigen Fähigkeiten sind, bringt Ihnen eine Portfolio-Website mehr Leads. Aber die meisten Freiberufler und Fachleute finden es schwierig, eine Portfolio-Website zu erstellen.

Es gibt mehrere Missverständnisse über das Design einer Website und „erfordert High-End-Codierungskenntnisse“ ist einer davon. Sie könnten sogar denken, dass das Website-Design ein großes Budget erfordert.

Lassen Sie mich Ihnen versichern, dass Sie eine Portfolio-Website ohne Programmierung und mit einem erschwinglichen Budget erstellen können. Das Beste ist, Sie können es ohne großes technisches Wissen selbst machen.

Hier teile ich eine detaillierte Schritt-für-Schritt-Anleitung zum Entwerfen einer Portfolio-Website.

Was ist eine Portfolio-Website?

Eine Portfolio-Website ist wie ein Schaufenster für einen einzelnen Fachmann oder ein Unternehmen, das die Fähigkeiten und Arbeiten der jeweiligen Person oder des Unternehmens hervorhebt.

Die Portfolio-Website kann mehrere Funktionen und einzigartige Designs enthalten. Portfolio-Websites für Einzelpersonen waren früher One-Page-Websites. Für Unternehmen sind mehrere Seiten erforderlich, um den Besuchern detaillierte Informationen zu geben.

Warum Sie eine Portfolio-Website haben sollten

Sie haben mehrere Vorteile, wenn Sie eine Portfolio-Website erstellen. Wenn Sie alles erstklassig halten, besteht eine gute Chance, Tonnen von Leads von der Website zu erhalten. Hier sind die Vorteile, die Sie mit einer Portfolio-Website genießen werden –

Präsentieren Sie Ihre Arbeit professionell: Das Erstellen einer Portfolio-Website ist der beste Weg, um alle Ihre bisherigen Arbeiten zu präsentieren. Sie können professionell zeigen, was Sie für Ihre früheren Kunden getan haben, was Sie in einem Lebenslauf nicht zeigen können. Gerade für Kreativprofis ist es einfach, dem Arbeitgeber mitzuteilen, welche Art von Arbeit man machen kann.

Machen Sie einen besseren Eindruck bei Arbeitgebern: Derzeit gibt es eine große Anzahl von Freiberuflern in verschiedenen Branchen. Wenn Sie sich von der Masse abheben möchten, ist der Aufbau einer professionellen Portfolio-Website der beste Weg, um die Aufmerksamkeit von Arbeitgebern auf sich zu ziehen. Es verleiht dem Arbeitgeber eine positive Stimmung und erhöht Ihre Chancen, das Projekt zu gewinnen.

Holen Sie sich mehr Werke: Die Pflege einer Portfolio-Website ist der beste Weg, um mehr Leads und mehr Kunden zu gewinnen. Sie können eine gute Beziehung zu Ihren potenziellen Kunden aufbauen, indem Sie eine Website unterhalten. Sogar Ihre früheren Kunden können Sie leicht über die Portfolio-Website finden.

Flexibilität: Bei der herkömmlichen Methode pflegten die Menschen einen Lebenslauf, um ihre Fähigkeiten zu demonstrieren. Aber es ist schwierig, den Lebenslauf regelmäßig zu aktualisieren. Aber eine Website gibt Ihnen die Flexibilität, Dinge schnell zu ändern. Wenn Sie eine neue Aufgabe erledigen, können Sie sie ganz einfach zu Ihrem Portfolio hinzufügen.

Dinge, die Sie zum Erstellen einer Portfolio-Website benötigen

Eine neue Website braucht einige wesentliche Dinge, die sind –

Domain: Dies ist der Name Ihrer Website sowie die Identität. Es gibt mehrere Marktplätze, auf denen Sie einen Domainnamen kaufen können. Je nach Kategorie der Domain variieren die Kosten.

Für eine brandneue Portfolio-Website empfehle ich die Verwendung eines frischen Domainnamens. Es wird ungefähr 10 $ kosten . Sie können eine von GoDaddy, Namecheap und ähnlichen Domain-Marktplätzen kaufen.

Hosting: Jede Art von Website benötigt einen Hosting-Service, bei dem der Websitebesitzer die Dateien für die Website hochlädt. Hosting-Dienste haben eine breite Palette von Paketen. Für den Anfang reicht ein Shared-Hosting-Service aus. Je nach Hosting-Anbieter variieren die Preise. Der Preisplan des renommierten Hosting-Dienstleisters Bluehost beginnt bei nur 2,95 $/Monat .

Wenn Sie mit viel Verkehr rechnen und so viele Dateien auf das Hosting hochladen möchten, können Sie sich für ein verwaltetes Webhosting entscheiden. Ich empfehle die Verwendung von WordPress CMS für die Website. Sie können die besten Webhosting-Anbieter für WordPress überprüfen, um weitere Details zu finden.

Plugins: Hier werde ich die Methode teilen, bei der Sie keine Codes kennen müssen. Dazu müssen Sie zwei wesentliche Plugins installieren –

• Elementor
• ElementsKit

Elementor ist ein beliebter Website-Builder, mit dem Benutzer jede Art von Website entwerfen können, ohne Codes schreiben zu müssen. Alles, was Sie auf der Website implementieren, muss nur das jeweilige Widget per Drag & Drop verschieben.

ElementsKit ist ein Elementor-Addon, das dem Design von Websites mit erweiterten Funktionen gewidmet ist. Wenn Sie nach dem besten Website-Builder für ein Portfolio suchen, ist dies der beste Page-Builder, den Sie verwenden können. Mit ElementsKit finden Sie Vorlagen für Portfolio-Websites.

Schritte zum Erstellen einer professionellen Portfolio-Website

Befolgen Sie die folgenden Schritte, um eine Portfolio-Website zu erstellen, ohne eine einzige Codezeile schreiben zu müssen.

Schritt 1: WordPress installieren

Nachdem Sie einen Domainnamen und einen Hosting-Service erworben haben, müssen Sie WordPress CMS installieren .

Die Installation von WordPress erfordert keinen großen Aufwand. Die meisten Hosting-Unternehmen haben eine Option für die WordPress-Installation mit einem Klick. Sie müssen sich nicht um technische Probleme kümmern.

Wenn Ihr gewählter Hosting-Anbieter jedoch keine Ein-Klick-Installation hat, können Sie WordPress manuell installieren.

Schritt 2: Installieren Sie wichtige Plugins – Elementor und ElementsKit

Wenn WordPress richtig installiert ist, können Sie jetzt die wesentlichen Plugins installieren, um eine professionelle Portfolio-Website zu gestalten. Wie oben erwähnt, müssen Sie Elementor und ElementsKit installieren.

Gehen Sie im WordPress-Dashboard zu Plugins und Sie werden auf eine neue Seite weitergeleitet. Suchen Sie dort nach Elementor und das Plugin wird angezeigt. Klicken Sie auf die Schaltfläche Installieren und aktivieren Sie das Plugin.

Gehen Sie nun zur Startseite von ElementsKit und wählen Sie den Plan nach Ihren Bedürfnissen aus. Da Sie eine Portfolio-Website erstellen, reicht ein „persönliches“ Paket aus. Wählen Sie den Plan und erhalten Sie das Plugin. Installieren und aktivieren Sie das Plugin, um alle Funktionen des ElementsKit nutzen zu können.

Schritt 3: Fügen Sie ein WordPress-Design hinzu

Wenn Sie ein gutes Layout für Ihre Website erreichen möchten, ist die Installation eines responsiven Portfolio-Themes unerlässlich. Sie können diesen Schritt jedoch überspringen, wenn Sie alles mit Portfolio-Website-Vorlagen von ElementsKit machen möchten. Ich würde empfehlen, das WordPress-Theme des BLO-Portfolios zu verwenden.

Schritt 4: Wählen Sie die Vorlage

Jetzt können Sie mit der Gestaltung Ihrer Website beginnen. Gehen Sie zum WordPress-Dashboard und wählen Sie „Neue Seite erstellen“. Wählen Sie dann „Mit Elementor bearbeiten“, um Funktionen zur Website hinzuzufügen, indem Sie einfach die Elemente von ElementsKit ziehen und ablegen.

Sie landen auf einer anderen Seite. Klicken Sie auf die Ekit-Schaltfläche und Sie landen in der Liste der Vorlagen. Es gibt drei verschiedene Optionen – Vorlagen, Seiten und Abschnitte . Klicken Sie auf „Vorlagen“ und Sie sehen alle verfügbaren Vorlagen von ElementsKit.

Wählen Sie aus der Liste der Vorlagen die Vorlage „Persönliches Portfolio“ aus . Klicken Sie auf Einfügen und die Vorlage wird in die Seite importiert. Gehen Sie zum nächsten Schritt.

Diese Vorlage hat mehrere Seiten und Sie können alle Abschnitte hinzufügen, indem Sie einfach die jeweiligen Vorlagenseiten einfügen. Sie können beispielsweise eine Homepage, eine Preisplanseite, eine FAQ-Seite und mehr hinzufügen.

Schritt 5: Bearbeiten Sie die Vorlage

Wenn Sie die Vorlage erfolgreich hinzugefügt haben, ist es an der Zeit, die Vorlage zu bearbeiten, indem Sie Ihre eigenen Elemente ersetzen.

Das erste, was Sie bearbeiten sollten, ist die Überschrift der Vorlage. Geben Sie die Überschrift entsprechend Ihrer Berufsbezeichnung oder dem Firmennamen an.

Ändern Sie auch das Demo-Bild und fügen Sie Ihres hinzu.

Angenommen, Sie sind ein professioneller Webentwickler, dann können Sie etwas schreiben wie „Hey, ich bin ein professioneller Webentwickler.“ Sie können dann die Überschriftenfarbe, Schriftarten, Höhe und Breite ändern.

Wenn Sie nun auf der Seite etwas nach unten scrollen, sehen Sie dort den Lösungsbereich. In diesem Abschnitt können Sie die von Ihnen angebotenen Dienste hinzufügen.

Klicken Sie für jeden Abschnitt des Demo-Service oben auf das Bearbeitungssymbol, um die Option zum Hinzufügen neuer Texte und kreativer Elemente zu erhalten.

• Gleiche Höhe: Hier können Sie für alle Servicebereiche die gleiche Höhe wählen.
• Symboltyp: Wählen Sie das Symbol für den Dienst aus. Sie können ein benutzerdefiniertes Symbol für die Website hochladen
• Symbol hinzufügen: Hier können Sie das Hinzufügen der Symboloption deaktivieren oder aktivieren
• Kopfzeilensymbol: Hier sehen Sie die Vorschau des Kopfzeilensymbols
• Titel: Wählen Sie den Titel für den Dienst aus
• Beschreibung: Schreiben Sie eine Beschreibung für den von Ihnen angebotenen Service

Sie können dann den Abschnitt "Über mich" bearbeiten. Fügen Sie die Details über Sie hinzu, damit jeder leicht verstehen kann, was Sie zu bieten haben.

Im linken Bereich können Sie die „Über mich“-Details bearbeiten und anpassen, und im rechten Bereich wird die Vorschau der Beschreibung angezeigt. Von Bildern bis hin zu Texten kann alles in diesem Abschnitt bearbeitet werden.

• Ttile: Hier kannst du den Titel über dich hinzufügen.
• Untertitel: Passen Sie den Untertitel für den Abschnitt „Über mich“ an.
• Titelbeschreibung : Fügen Sie eine Beschreibung für den Titel hinzu.
• Schattentext: Sie können Schattentext hinzufügen, wenn Sie möchten
• Trennzeichen : Sie können das Trennzeichen aktivieren oder deaktivieren und verschiedene Stile für das Trennzeichen auswählen.

Ebenso können Sie die vorgestellten Werke hinzufügen, die Ihre Kunden gerne sehen werden. Die Vorlage enthält eine Standardfußzeile. Sie können dies jedoch löschen, wenn Sie möchten, und eine bessere Fußzeilenvorlage aus der Vorlagenliste von ElementsKit hinzufügen.

Schritt 6: Fügen Sie eine Fußzeile hinzu

Um eine benutzerdefinierte Fußzeile für Ihre Portfolio-Website hinzuzufügen, klicken Sie auf die Ekit-Schaltfläche auf der Seite. Wählen Sie in der Kategorie Vorlagen die Fußzeile aus. Jetzt haben Sie die Liste aller verfügbaren Fußzeilenvorlagen . Wählen Sie eines aus und fügen Sie es auf der Seite ein. Bearbeiten Sie die Vorlagentexte und Links nach Ihren Bedürfnissen.

Schritt 7: Vorschau und Aktualisierung

Wenn schließlich alles in der Vorlage in Ordnung aussieht, können Sie eine Vorschau anzeigen, um eine klare Vorstellung davon zu bekommen, wie die Portfolio-Website aussehen wird. Nachdem Sie das Design der Website fertiggestellt haben, aktualisieren Sie die Seite.

Wenn Sie die obigen Schritte richtig befolgt haben, sollten Sie jetzt eine gut aussehende Portfolio-Website haben. Ebenso können Sie eine SaaS-Website, eine Alumni-Website usw. ohne Programmierung erstellen.

Dinge, die in eine Portfolio-Website aufgenommen werden sollten

Sie möchten eine Portfolio-Website erstellen, die Ihren Kunden gefällt, oder? Daher müssen Sie Ihrer Website die folgenden Abschnitte hinzufügen –

Dienstleistungen, die Sie anbieten

Präsentieren Sie alle Ihre Dienstleistungen auf der Website, damit die Besucher leicht wissen, was sie von Ihnen erwarten können. Egal, ob Sie ein professioneller Fotograf, Webentwickler oder irgendetwas anderes sind, Sie haben möglicherweise verschiedene Dienstleistungen anzubieten.

Fügen Sie sie nacheinander hinzu. Wenn Sie die Portfolio-Website-Vorlage von ElementsKit verwenden, sehen Sie einen Abschnitt mit Standarddiensten. Bearbeiten Sie diesen Abschnitt mit den von Ihnen angebotenen Diensten.

Bisherige Arbeitsproben

Wie können Sie Ihre Kunden davon überzeugen, dass Sie mit kritischen Aufgaben umgehen können? Nun, der beste Weg, das Vertrauen Ihrer potenziellen Kunden zu gewinnen, besteht darin, Ihre bisherigen Arbeitsproben aufzubewahren. Halten Sie die vorherigen Arbeitsproben sauber, damit die Besucher sie leicht durchsehen können.

Über mich

In diesem Abschnitt dreht sich alles um Sie. Es sollte branchenbezogene Keywords enthalten. Außerdem sollte der Abschnitt „Über mich“ Sie richtig beschreiben . Der Abschnitt Über mich hilft den Lesern, sich sofort ein klares Bild von Ihnen oder Ihrem Unternehmen zu machen.

Preise für Dienstleistungen

Sie erhalten mehr Leads für Ihr Unternehmen, wenn die Preisgestaltung attraktiv ist. Bieten Sie erschwingliche Preise für Ihre Dienstleistungen an und zeigen Sie diese im Preisbereich Ihrer Website an. Wenn Sie mit dem Preisbereich der Portfolio-Website-Vorlage nicht zufrieden sind, können Sie einfach in der Widget-Bibliothek nach dem Preis-Widget suchen. Fügen Sie den Widget-Bereich ein und bearbeiten Sie ihn mit den Preisen, die Sie anbieten möchten.

Kontakt Formular

Wenn den Website-Besuchern Ihre Arbeitsproben, Dienstleistungen und Preise gefallen, möchten sie mit Ihnen Kontakt aufnehmen. Dafür ist ein Kontaktformular auf der Website ein Muss . Aber keine Sorge. Sie können ein Kontaktformular ohne Codierung von Grund auf neu erstellen.

Installieren Sie den fortschrittlichsten Kontaktformular-Builder MetForm und beginnen Sie mit der Erstellung eines Kontaktformulars für Ihre Website. Auch hier können Sie die fertigen Formularvorlagen von MetForm verwenden und beeindruckende Kontaktformulare erstellen.

Einpacken

Jetzt, da Sie wissen, wie man eine Portfolio-Website erstellt, starten Sie jetzt damit. Befolgen Sie die Schritte, die ich geteilt habe, und Sie müssen sich nicht abmühen, eine professionelle Portfolio-Website zu entwerfen . Erstellen Sie also eine Portfolio-Website und erhalten Sie mehr Leads sowie mehr Umsatz.