Fünf Tipps zum Erstellen einer coolen persönlichen Landing Page

Fünf Tipps zum Erstellen einer coolen persönlichen Landing Page / Internet

Wie behalten Sie den Überblick über alles, was Sie im Internet machen? Oder eine bessere Frage ist, wie Sie anderen mitteilen, was Sie in der virtuellen Welt gemacht haben? Am besten versuchen Sie, alle verstreuten - aber relevanten - Informationen auf einer persönlichen Landing Page zusammenzufassen.

Es ist zwar möglich, eine Landing Page manuell mit einem der verfügbaren allgemeinen Web-Builder zu erstellen oder möglicherweise eine Seite Ihres vorhandenen Blogs entsprechend zu ändern. Der schnellste und einfachste Weg, eine persönliche Landing Page zu erstellen, ist die Verwendung eines der verfügbaren Webdienste, die auf dieses Genre spezialisiert sind, z. mir. Diese Dienste bieten Ihnen die Tools, die zum Erstellen einer gut aussehenden, kostenlosen Zielseite erforderlich sind. Sie müssen lediglich eine kleine Mischung aus Personalisierung und Kreativität zu den Zutaten hinzufügen, damit sie kühler aussieht.

Den Schöpfer wählen

Sowohl About.me als auch Flavors.me bieten ähnliche Dienste und Tools an, aber ich habe About.me für mein Landing-Page-Projekt ausgewählt, da der kostenlose Account Flavors.me eingeschränkter ist. Sie können aber gerne den Service wählen, den Sie für Ihr Projekt mögen.

Wir haben About.me im Artikel über eine virtuelle Visitenkarte kurz besprochen. 4+ Einfache Möglichkeiten zum Erstellen einer virtuellen Visitenkarte 4+ Einfache Möglichkeiten zum Erstellen einer virtuellen Visitenkarte Lesen Sie weiter. Damals war es noch in der privaten Beta-Phase und nur eine Handvoll Leute hatten das Glück, damit zu experimentieren. Jetzt ist es stabiler und jeder kann sich für den Service anmelden. Ich denke, About.me verdient einen anderen Blick aus einer anderen Perspektive.

Bevor wir mit dem Erstellen (oder Bearbeiten) der Landing Page beginnen, ist es eine gute Idee, die Verzeichnisse (in About.me und Flavors.me) zu durchsuchen, um ein paar Ideen zu stehlen und ein allgemeines Bild darüber zu erhalten, wie weit Sie mit Ihrem Browser gelangen können persönliche Landingpage.

Dies ist ein Beispiel für Landing Pages aus About.me “Inspirierend” Verzeichnis:

Dieser ist von Flavors.me “Vorgestellt” Verzeichnis:

Nach dem Durchsuchen der Verzeichnisse sind mir verschiedene Entwurfsmuster aufgefallen, die wir auf unser Projekt anwenden können. Hier sind sie in keiner bestimmten Reihenfolge.

1. Das Bild vorbereiten

Der erste (und meiner Meinung nach wichtigste) Schritt beim Erstellen Ihrer persönlichen Zielseite ist die Vorbereitung des Bildes. Egal, ob Sie das Bild selbst machen oder einen Profifotografen bitten, es für Sie zu tun, ein großartiges Bild ist für die Erstellung einer guten Zielseite unerlässlich.

Mit einigen Ausnahmen wird der Besitzer immer auf ein gutes Zielseitenfoto gesetzt. Sie können ähnliche Ergebnisse erzielen, wenn Sie das Bild mit einem nicht ablenkenden Hintergrund aufnehmen - einer, der Sie besonders hervorhebt. Sie können auch versuchen, den Hintergrund zu beseitigen, indem Sie ein echtes Nahaufnahmenfoto machen. Ein weiterer Trick, den Sie verwenden können, besteht darin, das Motiv an die Seite des Rahmens zu stellen und nicht in die Mitte.

Während Sie ein Bild mit bis zu 1680 x 1050 Pixeln verwenden können, sollten Sie den Hauptfokus des Bildes auf 960 x 620 Pixel einstellen.

Wenn Sie mit dem Bild fertig sind, laden Sie es mit dem Upload-Tool auf den Server hoch.

2. Rühmen mit Biografie

Für manche Menschen dient eine persönliche Landing Page als Online-Lebenslauf (Lebenslauf), um ihnen bei der Suche nach einer Beschäftigung zu helfen. Sie behandeln ihre Landing Page als “Prunkbox”. Obwohl dies völlig in Ordnung ist, ist es ratsam, die Bioproduktion kurz und süß zu halten.

Anstatt die Landing Page mit Ihren Wanderungen zu füllen, verwenden Sie die “Verknüpfung” Funktion im Texteditor, um Ihre Zielseite mit Ihren anderen Seiten zu verbinden.

3. Anpassen der Farben

Sie können jedes Element Ihrer kostenlosen Zielseite mithilfe der bereitgestellten Farbpaletten auf jede gewünschte Farbe einstellen. Aber manchmal kann diese Freiheit überwältigend sein. Auch wenn die Farbkombinationsmöglichkeiten praktisch unbegrenzt sind, sollten Sie Farben verwenden, die Ihren Fotos ähneln oder diese ergänzen.

Zum Beispiel würde ein Schwarzweiß-Foto gut zu Schwarz, Weiß und Graustufen passen.

4. Fummeln mit den Schriftarten

Über.me gibt dem Benutzer Zugriff auf eine Handvoll Premium-Schriftarten, die von Typekit bereitgestellt werden. Sie können eine Weile mit den Schriftarten herumspielen, um die verschiedenen Kombinationen zu finden. Die grundlegende Kombination für die meisten Menschen ist “auffällig” Schriftarten für die Überschriften und “leicht zu lesen” diejenigen für den Inhalt.

Ein anderes Element von Schriftarten, mit dem Sie spielen können, ist die Größe. Um Ihre Seite ordentlich aussehen zu lassen, versuchen Sie, die “Name” und “Überschrift” Zeilen die gleiche Breite haben.

5. Die Services zusammenfassen

Obwohl About.me die Benutzer nicht auf vier Dienste beschränkt (wie das kostenlose Konto Flavors.me), können Sie nur einen einzigen Dienst hinzufügen. Um diese Einschränkung zu überwinden, können Sie die “direkten Link hinzufügen” Feature durch Klicken auf “URL oder RSS hinzufügen” oder indem Sie die Links in den Körper Ihrer Biografie einfügen. Bitte beachten Sie, dass durch Klicken auf einen direkten Link der Link in einem anderen Tab / Fenster geöffnet wird und Personen von Ihrer Zielseite weggelenkt werden.

Sie können die Dienste einfach löschen, wenn Sie möchten “Dienstleistungen” Speisekarte.

Mit den Zeigern oben habe ich auf About.me eine eigene Landing-Page erstellt, und hier ist das Ergebnis.

Ich habe auch versucht, den Prozess in Flavors.me zu replizieren und erhielt mehr oder weniger ein ähnliches Ergebnis.

Was ist mit dir? Besitzen und verwenden Sie eine Landing Page? Welchen Service nutzen Sie? Teilen Sie bitte Ihre eigenen Tipps zum Erstellen Ihrer Zielseite mithilfe der folgenden Kommentare.

Erfahren Sie mehr über: Business Card.