Möchtest du eine Website erstellen, die auf deinen Bedürfnissen und Zielgruppen basiert? Dann ist dieser Guide genau das Richtige für dich. Er zeigt dir Schritt-für-Schritt, wie du angehende Webdesigner oder Wirtschaftsinformatiker mit den Grundlagen vertraut machen kannst.
Inhaltsverzeichnis
In diesem Guide werden wir die grundlegenden Konzepte des Website-Designs erkunden. Dazu gehören Inhaltsstruktur und Hierarchie sowie Navigationsmuster. Außerdem werfen wir einen Blick auf einige beliebte Layouts für verschiedene Arten von Websites und Templates, damit du schnell mit deiner neuen Seite loslegen kannst!
- Inhaltliche Struktur: Erhalte einen Überblick darüber, wie Websites um Hierarchien herum aufgebaut sind, die Besuchern helfen, das Gewünschte leichter zu finden. Das ist wichtig, weil es zuerst um das Publikum geht – nicht nur darum, etwas hübsch oder funktional zu machen, sondern tatsächlich darüber nachzudenken, wer unsere Seite/unseren Blogbeitrag besuchen würde, um seine Erfahrung angenehm zu gestalten
- Navigation Patterns: Lerne alle möglichen Arten, wie Menschen durch Websites navigieren, einschließlich traditioneller Listen, Slider (wie Pinterest), feste Menüs (oben auf der Seite) und mehr.
- Layout Patterns: Verschiedene Layouts haben unterschiedliche Funktionen für verschiedene Zwecke, wie z.B. Blogs, Portfolios oder Galerien, also ist es wichtig zu wissen, welche das sind, bevor wir mit dem Design unserer Website beginnen
Bloggen ist einfach! Du brauchst keine besonderen Fähigkeiten, außer zu wissen, wie man Wörter in ein Online-Formular namens „Blogpost“ eintippt. Das Einzige, was du vielleicht nicht sofort auf deinem eigenen Blog machen kannst, ist das Hinzufügen von Bildern, ohne Fotos von einer anderen Seite herunterzuladen – aber es gibt tonnenweise kostenlose Software, die dir auch bei diesem Teil helfen kann, wenn du wirklich nicht weiterkommst.
Wie wäre es, wenn ich dir zeige wie? Hier ist meine Anleitung für die Erstellung der ultimativen Blogpost-Vorlage in ein paar einfachen Schritten.
- Schritt Eins: Erstelle ein neues Dokument in Word, Google Docs oder WordPress.
- Schritt Zwei: Füge deinen Blogpost-Titel und die Meta-Beschreibung oben auf der Seite ein.
- Schritt Drei: Schreibe den Text deines Blogbeitrags, einschließlich Überschriften wie „Die Geschichte“, „Warum das wichtig ist“ usw. Denke daran, Links zu anderen Beiträgen hinzuzufügen, wenn du sie hier erwähnst! Gehe dann in den Bearbeitungsmodus und füge am Ende ein Bild mit einer Überschrift (Tipp) ein, die besagt „So fühle ich mich dabei“. Du könntest auch eine weitere Überschrift darunter einfügen, die „Fragen?“ heißt, damit die Leute wissen, dass sie Fragen zu dem, was du schreibst, stellen können.
Das war’s – jetzt veröffentlichen und in den sozialen Medien mit der ganzen Welt teilen!
1. Website Konzepte entwerfen
Um das richtige Website-Konzept zu entwerfen, musst du dich genau überlegen, welche Ziele und Aufgaben deine Website erfüllen soll. Denn sobald deine Website live ist, werden sich entsprechende Besucher auch hier tummeln.
Der Inhalt der Website spielt ebenfalls oft die entscheidende Rolle beim Design des Webspace: Welchen Content will man veröffentlichen? Wofür braucht es einen Blog oder News-Feeds? Was macht dieses Projekt besonders – was kann das Unternehmen bieten?
Diese und weitere Fragen solltest du dir grundsätzlich beantwortet haben, damit die Website deinen Erwartungen entsprechend funktioniert.
2. Die richtige Domain wählen
Vieles hängt von der richtigen Domain ab, du musst die richtige Domain entsprechend deiner Zielgruppe wählen. Spezialisiert sich beispielsweise ein Unternehmen auf die Produktion von Nahrungsmitteln, sollte man darauf setzen, diese Domain zu nutzen und nicht etwa den Namen des Gründervaters.
Die richtige Domain hilft dir außerdem mit der SEO-Optimierung: Es ist möglich alle relevanten Keywords optimal in den Ankertext zu integrieren – unabhängig vom Theme oder Layout. Sogar Google scheint das zu bemerken und wertet die Domain höher auf, weil sie als „autoritär“ gilt.
3. Eine Homepage gestalten
Um die Homepage zu gestalten, solltest du vorher überlegen:
- Welche Inhalte will ich im Aufbau der Homepage präsentieren?
- Wie kann ich die Besucher langfristig an meine Website binden?
Der Blog ist hier ein gutes Mittel. Allerdings hängt auch davon ab welches Thema deinen Beitrag bestimmt: Einige Unternehmen nutzen den Blog zur Markenführung und für Produktinformationen. Andere wiederum setzten auf Reichweite oder Imagepflege.
Hier solltest du dich mit deinem Team oder der Agentur abstimmen, welcher Weg für dich und das Unternehmen am besten ist.
Falls ich die Homepage selbst gestalten wollte, könnte ich beispielsweise folgendermaßen vorgehen:
Ich leg den Header fest – also ein Bild auf dem jeder Besucher sieht als er zu mir kommt.
Ich überlege mir, welches Layout für die Website am besten ist. Dabei könnte ich zum Beispiel wählen, ob es allgemein gehalten sein soll oder eher personalisiert und individuell.
Auf der Seite mit dem Design habe ich unter „Layout“ verschiedene Vorlagen gefunden: Hier findet man beispielsweise den Bloggerblog, Newsblogs oder Shopseiten – je nachdem was man sucht…
Aus diesem Grund sollte jeder, der eine Homepage selbst gestalten möchte, aufpassen welches Layout er wählt und sich am besten vorher überlegen was für ihn oder sein Unternehmen das richtige ist.
4. Design-Ideen finden und verwenden
Es ist nicht so einfach, eine gute Design-Idee finden. Um das zu erschweren, gibt es bei vielen Bilder-Datenbanken unterschiedliche Lizenzmodelle. Deshalb sollte man sich auch überlegen, welches Design kostengünstig ist und wo kreative selbst Design-bare Inhalte hochladen können.
5. SEO-Tipps berücksichtigen
Ich finde ein Webseitenkonzept muss mit dem SEO Gedanken erstellt werden. Das ist besonders wichtig, weil man mit einem Webseitenkonzept auch die Besucherströme ganzheitlich planen kann.
Halte dich daran, dass du in der „URI“, im Titel, in der Meta-Beschreibung und in den Headings, das entsprechende Suchbegriff verwendest!