So entwerfen Sie eine brag-würdige Website

Hier erfahren Sie, wie Sie eine prahlerische Website entwerfen, auch wenn Sie kein Designer sind

Werbung

Sie haben also beschlossen, dass es endlich Zeit ist, eine Website zu starten, auf der Sie Ihre beruflichen Fähigkeiten oder Ihre Nebenbeschäftigung unter Beweis stellen können. Zur Vorbereitung haben Sie die perfekte Domain gefunden, sich für einen Website Erstellungsdienst angemeldet, die richtige Vorlage ausgewählt und eine preisgekrönte Kopie entworfen, um sie dort hochzuwerfen. Und jetzt starren Sie auf Ihre große, schöne, leere Website. Betonung auf dem Rohling.

Trotz der Tatsache, wie einfach so viele Online-Plattformen heutzutage das Erstellen einer Website machen, wird Ihnen das Starren auf eine leere Seite wahrscheinlich immer noch den Kopf verdrehen. Schließlich müssen Sie noch einige Dinge herausfinden – z. B. welche Fotos aufgenommen werden sollen und wie die Seite gestaltet werden soll – und wenn Sie nicht über viel Webdesign-Wissen verfügen, kann der Prozess ernsthaft einschüchternd wirken.

Wir sind hier, um Ihnen zu sagen, dass Sie das haben. Um das Zusammenstellen einer schönen Website zum Kinderspiel zu machen, haben wir das ultimative Toolkit entwickelt, das Sie durch alle Elemente führt, die Sie benötigen, um Ihre Website zum Laufen zu bringen, sowie unsere Lieblingsprogramme und Profi-Tipps, um sie zu erstellen genial.

1. Die Bilder

Sie haben sicherlich das Sprichwort gehört: “Bilder sagen mehr als tausend Worte.” Dies gilt insbesondere für digitale Inhalte. Je mehr Sie durch auffällige Bilder vermitteln können, desto weniger Text müssen Sie verwenden, um zu beschreiben, was Sie sagen oder verkaufen möchten.

Denken Sie zunächst an sich und Ihre Arbeit. Haben Sie ein professionelles Foto, das Sie verwenden können? Wenn nicht, suchen Sie sich einen Freund und versuchen Sie, Ihren eigenen zu finden, oder stellen Sie einen Fachmann ein. Haben Sie Fotos oder Screenshots von Arbeiten, die Sie in der Vergangenheit durchgeführt haben? Sammle sie ein. Wie wäre es mit Fotos, die du liebst und auf Instagram geteilt hast und die deine Arbeit oder Persönlichkeit repräsentieren? Wählen Sie einige Ihrer Favoriten aus.

Wenn Sie Füllmaterial benötigen, sind Bilder auf Lager der richtige Weg. Unsplash und StockSnap.io sind einige unserer bevorzugten Optionen ohne Zuschreibung (dh Sie können sie nach Herzenslust kostenlos verwenden). Wenn Sie nicht finden, wonach Sie suchen, können Sie für ein oder zwei perfekte Bilder bezahlen. Es gibt unzählige Optionen, von großen Bildseiten wie Getty Images, die eine Integration mit haben unzählige Squarespace sind und Menschen, die über die Website einkaufen, Bilder im Wert von 10 US- Dollar anbieten, bis hin zu kleineren Unternehmen wie Stocksy und Twenty20, bei denen die Kosten normalerweise zwischen 10 und 25 US-Dollar liegen pro Bild.

Denken Sie bei der Auswahl dieser Fotos an Bilder, die Ihre Persönlichkeit oder die Dinge widerspiegeln, die Sie jeden Tag tun. Sitzen Sie, wie die meisten von uns, den ganzen Tag an einem Schreibtisch? Suchen Sie nach einem Schreibtischfoto, das zu Ihrer Persönlichkeit passt. Bezieht Ihre Hauptarbeit Menschen ein? Suchen Sie nach Aufnahmen, in denen Gruppen zusammenarbeiten. Sprechen Sie alles über Ihre Leidenschaft für das Reisen? Suchen Sie nach atemberaubenden Fotos Ihrer Lieblingsziele. Sie können sogar ein Video als Hintergrundbild verwenden, wenn dies für Ihre Arbeit sinnvoll ist!

Möglicherweise möchten Sie irgendwann Bilder bearbeiten, die Sie bereits online haben oder gefunden haben. Mit einem einfachen Bildeditor können Sie beschneiden, aufhellen, nachbessern und sogar Text oder Grafiken hinzufügen. Einige Website-Design-Services – einschließlich Squarespace – verfügen über einen Bildeditor als Teil der Plattform. Ansonsten gibt es viele kostenlose oder günstige Online-Optionen.PicMonkey bietet eine Reihe von Funktionen für 5 US-Dollar pro Monat, die von benutzerfreundlicher Zahnaufhellung über Make-up-Effekte für Ihren Kopfschuss bis hin zu Fotofiltern, Rahmen und mehr reichen.

Weiterführende Literatur: 50 kostenlose Fotos, mit denen Sie Ihre sozialen Profile atemberaubender gestalten können

2. Die Farbpalette

Viele Website-Vorlagen verfügen über ein voreingestelltes Farbschema. Wenn Ihnen das, was Sie erhalten, gefällt, können Sie diesen Abschnitt überspringen. Da Farben jedoch eine einfache Möglichkeit sind, Ihrer Website eine kleine Persönlichkeit zu verleihen, können Sie sie ändern.

Egal, ob Sie Schwarzweiß mit einem Hauch von Helligkeit mögen oder ein paar zusammengehörige Farbtöne auf Ihrer Website wünschen, wünschen coolors.co ist eine großartige Ressource, um Farben zu identifizieren, die zusammenarbeiten. Es ist sehr einfach zu bedienen – besuchen Sie einfach die Website und drücken Sie die Leertaste, bis Sie auf eine Reihe von Farbtönen stoßen, die Ihnen gefallen. Sie können sogar Fotos mit Farben hochladen, die Sie lieben, und Farbfelder direkt von ihnen erhalten. Wenn Sie viele Bilder in Ihre Website aufnehmen, kann dies eine gute Strategie sein, um sicherzustellen, dass Ihr Farbschema insgesamt funktioniert. Ein weiterer überraschender Ort, um Farben zu finden, die gut zusammenarbeiten und Sie repräsentieren? Dein Schrank! Ziehen Sie einige Ihrer Lieblingsfäden heraus und passen Sie Ihre Farbauswahl an diese an.

Um zu verhindern, dass die Dinge optisch überwältigend werden, empfehlen wir, eine weitgehend neutrale Palette mit ein bis zwei Akzentfarben zu wählen. Probieren Sie für einen einfachen Einstieg ein paar Graustufen sowie Ihre Lieblingsfarbe und den dazu passenden Farbton aus (z. B. Hellgrau, Mittelgrau, Dunkelgrau, Orange und Blau). Wenn Sie das, was Sie zusammengestellt haben, lieben, exportieren Sie die Palette als Ganzes oder kopieren Sie die Farbcodes für bestimmte Farbfelder, die Sie mögen, und fügen Sie sie direkt in Ihren Site-Code oder den integrierten Stileditor ein.

Weiterführende Literatur: Farbtheorie für Designer: Erstellen eigener Farbpaletten

3. Die Schriftarten

Schriften können einen großen Unterschied machen, wenn es um eine stilvolle und einfach zu lesende Website geht. Obwohl sie von Natur aus einfach zu sein scheinen, gibt es eine Menge Dinge, die Sie mit Schriftzügen tun können, um das Erscheinungsbild Ihrer geschriebenen Inhalte auf ein neues Niveau zu heben.

Auch hier werden viele Website-Vorlagen mit voreingestellten Schriftarten geliefert, aber wenn Sie Änderungen an fontpair.co vornehmen möchten eine einfache Lösung, um Schriftarten zu finden, die Ihrer Website einen professionell aussehenden Pizazz verleihen. Blättern Sie durch handverlesene Designer-Duos, um ein gutes Paar zu finden (und halten Sie sich auf jeden Fall an ein oder zwei Schriftarten auf der gesamten Website, um zu verhindern, dass die Dinge unordentlich aussehen).

Ein Wort der Warnung hier – obwohl es verlockend sein kann, etwas Lustiges oder Anderes auszuwählen, sollten Sie das gleiche Prinzip wie bei der Auswahl von Schriftarten in Ihrem Lebenslauf befolgen und sicherstellen, dass alles professionell und lesbar ist. Wenn Sie wirklich eine kursive oder eindeutige Schriftart einfügen möchten, spielen Sie damit, dass Sie sie nur an einer Stelle als grafisches Element platzieren (z. B. in Ihrer Kopfzeile) und den Rest des Textes einfacher halten.

Weiterführende Literatur: 20 beste und schlechteste Schriftarten für Ihren Lebenslauf (oder Ihre persönliche Website)

4. Das Seitenlayout

Jetzt haben Sie alles herausgesucht – aber wo setzen Sie alles auf die Seite? Wenn Sie mit Webdesign nicht vertraut sind, kann es schwierig sein, viele Inhalte zu organisieren und absichtlich aussehen zu lassen. Es gibt jedoch viele Möglichkeiten, schnell auf den neuesten Stand zu kommen.

Wenn Sie Ihre Site auf Squarespace erstellen, werden Sie die Starter-Layouts des Unternehmens zu schätzen wissen, die Vorlagen bieten, die für alles optimiert sind, von Ihrer About-Seite bis zu einer Kontaktseite. Von dort aus können Sie Ihre Inhalte direkt einstecken oder Elementblöcke verschieben, um Ihren Anforderungen gerecht zu werden.

Ein weiterer großartiger Ort, um sich für Ihr Layout inspirieren zu lassen, sind die Websites anderer Leute! Nachahmung ist die beste Form der Schmeichelei. Finden Sie also Leute, von denen Sie glauben, dass sie ihre Websites gut organisiert haben, und versuchen Sie, die Elemente nachzuahmen, die Sie an ihnen mögen. Oder suchen Sie auf Pinterest nach Begriffen wie „Website-Design“ und „Website-Layout“, um Beispiele zu sammeln, die Sie selbst replizieren können.

Weiterführende Literatur: Die 35 besten persönlichen Websites, die wir je gesehen haben

5. Das Logo

Wenn Sie kein Designprofi sind, brauchen Sie das nicht wirklich kein Logo, aber es kann ein denkwürdiger Teil Ihres Brandings sein, den Sie von Ihrer Website über Ihre Social-Media-Profile bis hin zu Ihrem Lebenslauf und Ihren Visitenkarten überall verwenden können. Obwohl einige Logos besondere Details oder Talente erfordern, wie Muster, Textur oder Handschrift, können andere schöne und klare Designs mit einer Mischung aus Schriftarten, einigen Farben und einem einfachen Symbol erstellt werden, das zu Ihrer Marke passt.

Ungeachtet dessen, was Sie vielleicht glauben, benötigen Sie kein professionelles Programm oder keinen Designhintergrund, um etwas zu erstellen, das für Ihre digitale Präsenz geeignet ist. Squarespace Benutzer haben Zugriff auf einen integrierten Logo-Designer, der Ihren Site-Titel anzeigt, sowie auf einen Slogan und ein Symbol, wenn Sie möchten. Wenn Sie kein Squarespace-Kunde sind, können Sie das Tool weiterhin verwenden und 10 US-Dollar pro Logo bezahlen oder eine Plattform wie Canva verwenden, um etwas zu entwerfen, das für Ihre Marke funktioniert. Wenn Sie etwas wirklich Einzigartiges wollen, ist es eine gute Option, einen Fachmann zu bezahlen.

Um ein Logo zu erstellen, das Sie und Ihre Arbeit anspricht, entscheiden Sie zunächst, was Sie vermitteln möchten. Sind es Ihre Produkte, Ihre Markenpersönlichkeit oder eine Emotion? Sobald Sie es festgenagelt haben, entscheiden Sie, ob Sie sich nur für Typografie entscheiden oder auch ein Symbol einfügen. Spielen Sie von dort aus mit Schriften und Symbolen, um die richtige Form zu erhalten, bevor Sie Farbe einfügen. Es kann mehrere Iterationen dauern, aber Sie sollten in der Lage sein, etwas Einfaches und Relevantes zu finden, um Ihre Marke zu repräsentieren.

Beachten Sie, dass heute Logos an vielen Stellen auf einem Haufen von Medien erscheinen. Achten Sie darauf, wie Ihre in verschiedenen Größen, im Druck (für Ihre Visitenkarte und Marketingmaterialien), auf sozialen Websites und vor verschiedenen Hintergründen (z. B. dunkel, hell und transparent) aussehen.

Sie können Ihr Logo auch als Favicon verwenden (das winzige Symbol, das auf der Registerkarte Ihres Browsers angezeigt wird) oder es auf eine einfachere Version anpassen, um es dort zu verwenden. Ein Favicon hilft Ihrem Besucher nicht nur dabei, Sie zu identifizieren, sondern erhöht auch Ihre Glaubwürdigkeit, indem es ein bisschen Politur hinzufügt. In Squarespace wird jedes Bild, das Sie hochladen, automatisch formatiert, oder Sie können ein Bild mit favicon.cc erstellen.

Weiterführende Literatur: 7 Killer-Tipps für das Logo-Design

Wenn Sie all dies lesen und denken, dass es sich nach viel anhört, machen Sie sich keine Sorgen – Sie müssen nicht alles in einer Sitzung tun. In der Tat kann es hilfreich sein, ein paar Mal zu Ihrer Arbeit zurückzukehren, damit Sie sie mit neuen Augen sehen. Sie sind sich immer noch nicht sicher, ob es zusammenkommt? Teile es mit ein paar Freunden, um ihr Feedback zu erhalten. Kommuniziert es visuell, was Sie möchten? Sieht es aus wie du? Wenn nicht, haben Sie keine Angst, weiter zu basteln, bis Sie etwas haben, das Sie wirklich lieben.