Zum Inhalt springen

Schritt-für-Schritt: wie man eine Website erstellt

Möchtest du deine eigene Website bzw. deine Homepage erstellen, weißt aber nicht so richtig wie man eine Website erstellt? Wir zeigen dir Schritt für Schritt wie du deine Website erstellst und worauf du bei deiner ersten eigenen Website achten solltest.
anleitung wie man eine website erstellt

Übersicht

Egal ob du im Internet nach Informationen suchst, einkaufst, dich fortbildest oder dich mit anderen Menschen vernetzt: Websites spielen heutzutage eine entscheidende Rolle in unserer Online-Welt. Auch für kleine Unternehmen und Selbstständige ist dies nicht zu vernachlässigen, da die eigene Website eine entscheidende Rolle bei der Schaffung von Glaubwürdigkeit oder dem Aufbau von Kundenbeziehungen spielt.

Mit deiner eigenen Website:

Außerdem kannst du dich mit deiner eigenen Website genau so darstellen, wie du es möchtest. Du bist nicht abhängig durch die Design oder Layout Vorgaben von Instagram, Tiktok & Co., sondern du hast deine Website in eigener Hand.

Wie man eine Website erstellt und wie du dein erste Website angehst, erfährst du in diesem Beitrag – Schritt für Schritt.

Methode wählen

Überlege dir, ob du deine Website selbst erstellen oder an Webdesign Expert:innen abgeben möchtest. Mache dir außerdem Gedanken, wie deine Website erstellt werden soll: mit einem Homepage Baukasten, CMS oder per Webentwicklung? 

Content Management System (CMS)

Ein Content-Management-System ist eine Software, die dir dabei hilft Websites zu erstellen, ohne dass spezielle Programmierkenntnisse notwendig sind. Nutzer:innen müssen nicht direkt im Quellcode Anpassungen vornehmen, sondern arbeiten in einem Editor, um die Website zu erstellen. Das wohl bekannteste CMS ist WordPress. Die Software bietet unterschiedlichste Themes und zahlreiche Plugins (Funktionserweiterungen), welche überwiegend kostenlos zur Verfügung stehen. So verstecken sich keine unerwarteten Kosten und Websites können sehr individuell gestaltet werden.

Homepage Baukasten

Homepage-Baukästen sind besonders für Menschen geeignet, die keine Programmierkenntnisse haben und ihre Website selbst erstellen möchten. In einem Homepage Baukasten wählt man lediglich eine Vorlage (quasi eine Schablone) aus und kann anschließend per Drag-and-Drop das vorgegebene Layout mit Texten, Bildern etc. befüllen. Mit einem leicht zu bedienenden Baukasten kann man sich sehr schnell eine einfache Website aufbauen; jedoch sind die Anpassungsmöglichkeiten sehr eingeschränkt. Es ist außerdem darauf zu achten, dass oftmals wichtige Funktionen nur kostenpflichtig als Upgrade oder Zusatzoption erhältlich sind und sich so die Kosten häufen können. Bekannte Anbieter für Homepage Baukästen sind bspw. Ionos, Squarespace, Wix oder Jimdo.

Webentwicklung

Die Website-Entwicklung bietet die größte gestalterische Freiheit, jedoch sind hier Kenntnisse mit bestimmten Programmiersprachen erforderlich, wie zum Beispiel HTML, CSS oder JavaScript. Bei der Webentwicklung steht in der Regel nicht das Design der Website im Fokus, sondern primär die spezifischen Funktionalitäten, wie zum Beispiel individuelle Animationen etc.

Bei Monkey Creations erstellen wir deine Website mit dem CMS WordPress und integrieren den Website Editor Elementor. (Im klassischen WordPress Editor werden Anpassungen i.d.R im Backend vorgenommen und Änderungen am eigentlich Layout werden erst in der Preview Mode sichtbar). Elementor ermöglicht es uns, dass wir deine Website live im Frontend gestalten und komplett individualisieren können. Wenn du mit uns zusammenarbeitest, zeigen wir dir am Projektende selbstverständlich, wie du Elementor bedienen und so langfristig selbst Anpassungen an deiner Website machen kannst.

Domain registrieren

Wie soll deine Domain (also deine Internetadresse) lauten? Deine Domain sollte deinen Markennamen beinhalten und gleichzeitig kurz und knapp, sowie leicht zu buchstabieren sein. Überlege dir außerdem, welche Domain Endung deine Website haben soll. Ist dein Business international tätigt? Dann ist die .com Endung für dich. Ist dein Business allerdings lokal tätig, ist dein Länderkürzel zu empfehlen (z.B .de/.at etc.).

Prüfe, ob deine Wunsch-Domain noch verfügbar ist oder ob sie bereits vergeben ist. Schließlich kannst du sie dann bei deinem Domain-Anbieter (bspw. 1&1 Ionos, United Domains, GoDaddy o.ä) registrieren.

Hosting Anbieter wählen

Webhosting ist unverzichtbar, damit deine Besucher:innen auf deine Webseite zugreifen können. Dabei wird deine Website auf einem speziellen Computer, dem sogenannten Webserver, gespeichert. Diese sind permanent mit dem Internet verbunden und ermöglichen es, dass deine Website rund um die Uhr verfügbar ist.

Der zur Verfügung gestellte Speicherplatz auf diesen Servern wird als Webhosting bezeichnet. So kannst du deine Website online veröffentlichen und sicherstellen, dass sie von Nutzer:innen jederzeit aufgerufen werden kann.

Webhosting-Anbieter sind nicht nur für das Speichern deiner Website-Dateien zuständig, sondern verwalten auch deine Domain und liefern technischen Support, für deine reibungslose & zuverlässige Online-Präsenz. Beliebte Webhosting-Anbieter sind bspw. 1&1 Ionos, CheckDomain, oder Netcup. 

SSL-Zertifikat einrichten

Das SSL-Zertifikat aktiviert das Sicherheitsschloss und das https-Protokoll deiner Website. Es ermöglicht eine sichere Verbindung und verschlüsselt den Datenaustausch zwischen Webserver und Browser, um vor dem Zugriff Dritter zu schützen. Dies ist nötig, damit deine Website DSGVO konform ist.

Außerdem ermöglicht dir das SSL-Zertifikat ein besseres Ranking bei Google und deine Website-Besucher:innen bekommen keine Sicherheitswarnung, wenn Sie deine Website besuchen.

Website Art wählen

Welche Website Art ist die richtige für dich und dein Business? Reicht ein One-Pager, benötigst du eine einfache oder komplexe Website, bspw. mit Mitgliederbereich o.ä?  Es gibt verschiedene Arten von Websites, die je nach Zweck, Inhalt und Funktionalität unterschiedliche Ziele verfolgen. Jede Art von Website kann man zudem mit unterschiedlichen Funktionen erweitern (z.B Online-Shop Blog etc.). Grundlegend musst du dich dabei entscheiden, welchen Umfang deine Website haben soll:

Der Onepager

Bei einer Onepager-Website hast du eine einzige Seite, auf der alle Informationen (Angebote, Testimonials etc.) präsentiert werden. Interne Verlinkungen führen zu bestimmten Abschnitten auf der Seite oder man navigiert sich durch das Scrollen nach unten zu den gewünschten Inhalten. Typischerweise ist eine Onepager-Website linear aufgebaut und enthält Abschnitte wie den Hero, About, Angebot/Portfolio, Testimonials und Kontaktinformationen.

Ein OnePager eignet sich bei einem einzelnen Angebot bzw. einer begrenzten Anzahl von Angeboten und ermöglicht eine einfache Navigation. Solltest du umfangreiche Inhalte auf deiner Website darstellen und mehrere Angebote haben, ist eher eine mehrseitige Website zu empfehlen (siehe unten). 

MEHRSEITIGE WEBSITE

Eine mehrseitige Website weist eine umfangreiche Struktur, Funktionen und Inhalte auf. Sie eignet sich also, wenn du viele verschiedene Informationen vermittelst und ein umfangreiches Angebotsspektrum anbietest, welche nicht auf einem OnePager präsentiert werden können. Bei einer mehrseitigen Website hast du die Möglichkeit pro Angebot spezifische Unterseiten zu erstellen. Mehrseitige Websites bestehen in der Regel aus einer Startseite, About-Seite, Angebotsübersicht (+Unterseiten für jedes Angebot) und einer Kontakt-Seite. Je nachdem was du anbietest kannst du deine Website auch mit einem Blog, Shop oder einem geschlossenem Mitgliederbereich für deine Kurse erweitern.

Website Aufbau & Layout definieren

Wie möchtest du deine Website strukturieren und aufbauen? Wie willst du dein Layout gestalten? Du kannst dich z.B auf Pinterest inspirieren lassen und anschließend einen Webdesign Entwurf erstellen.

Bedenke dabei, dass auch deine Website dein Brand Design aufnehmen sollte. Das Design darf deine Website Besucher:innen nicht überfordern, sondern sollte durch eine einfache Navigation intuitiv zu bedienen sein. Mehr zum Thema Layout & Website Gestaltung erfährst du auf unserem Blog.

Website umsetzen

Nun geht es an die eigentliche Umsetzung! Du erstellst alle Seiten für deine Website, deine Menü-Struktur usw. Vergiss nicht dein Impressum und deine Datenschutzerklärung. Denke dabei an folgende Punkte, die schlussendlich „gutes“ Webdesign ausmachen:

Deine Website ist NUTZERFREUNDLICH

Die Website sollte leicht verständlich und intuitiv zu bedienen sein. Entscheidend sind eine klare Navigation und strukturierte Inhalte, damit sich deine potenziellen Kund:innen auf auf deiner Website direkt zurechtfinden.

Deine Website ist ÄSTHETISCH & FUNKTIONAL

Für deine Website ist es entscheidend, Ästhetik mit Funktion zu verknüpfen. Neben einem ansprechendem Layout solltest du auffällige Call To Actions positionieren, um deine Website Besucher:innen zu bestimmten Aktionen aufzufordern. Setze auf deiner Website dein Brand Design ein, denn dieses trägt zur positiven Wahrnehmung und Wiedererkennung deines Unternehmens bei.

Deine Website ist RESPONSIVE

Heutzutage surfen die meisten Menschen über mobile Endgeräte im Internet, besonders mit ihrem Handy. Daher ist es wichtig, dass deine Website auch für Handy & Tablet optimiert ist, damit deine potenziellen Kund:innen nicht direkt wieder abspringen, sondern auf deiner Website bleiben.

Deine Website hat schnelle LADEZEITEN

Deine Website Besucher:innen sind ungeduldig: lädt deine Website zu langsam springen deine Besucher:innen schnell ab und sind oftmals genervt. Lange Ladezeiten hinterlassen nicht nur bei Website Besucher:innen einen negativen Eindruck, sondern auch bei Google. Lädt deine Website langsam, wird diese bei Google schlechter in den Suchergebnissen geranked.

Website veröffentlichen

Prüfe vor Go Live deiner Website ob alles da ist und funktioniert: Rechtsseiten (Impressum & Datenschutz), Verlinkungen, Navigation und die Darstellung auf mobilen Geräten. Stimmt soweit alles? Yes! Dann bist du ready & du kannst deine Website veröffentlichen!!

Dank Homepage-Baukästen und CMS Lösungen ist es heute möglich, dass theoretisch jeder seine eigene Website selbst erstellen kann, ohne Programmierkenntnisse zu benötigen. Dabei ist es natürlich trotzdem immer vom Vorteil, wenn du allgemein weniger Berührungsängste mit Technik und Online-Tools hast. Damit dir die Entscheidung leichter fällt, ob du in eine:n Webdesigner:in investierst oder nicht, findest du hier ein paar Entscheidungshilfen: 

Dann macht es Sinn, deine Website SELBST zu erstellen:

Dann macht es Sinn, in ein:e Webdesigner:in zu INVESTIEREN:

Silvie

Dürfen wir dich begleiten?

Wir sind Silvie und Conny von Monkey Creations – zwei freiberufliche Webdesignerinnen für mittelständische Unternehmen & Selbstständige, die online überzeugen wollen.

Möchtest du endlich deine Website mit Wordpress professionell erstellen lassen, mit der du dich aus der Masse abhebst? Dann mach den ersten Schritt und buche dir ganz unverbindlich ein digitales Kennlern-K:äffchen mit uns via Zoom.

Dort klären wir alle offenen Fragen, wir lernen uns kennen und schauen, wie wir dich am besten unterstützen können. 

Conny

Kundenstimmen

Gepostet auf Google Google
Andrea Heck profile picture
Andrea Heck
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
Absolute Empfehlung! Die beiden Schwestern sind echte Expertinnen - und dabei so sympathisch und herzlich dass ich mich von Anfang an gut aufgehoben gefühlt habe. Meine Wünsche wurden gehört, ich wurde gut abgeholt und bin mit dem Ergebnis sehr zufrieden - Jetzt sieht meine Homepage so aus, wie ich es mir vorgestellt habe - nein - eigentlich noch besser! Danke Conny! Also wer seine Homepage in guten Händen wissen möchte, der ist hier richtig.
Gepostet auf Google Google
Iva Kovač profile picture
Iva Kovač
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
Ich bin unglaublich dankbar für die tolle Zusammenarbeit mit Silvie und Conny! Conny hat mich mit ihrer Kreativität, ihrem Gespür für Design und ihrer herzlichen Art besonders begeistert. Die gesamte Zusammenarbeit war absolut unkompliziert und sehr angenehm. Meine Webseite ist wunderschön geworden – ich bekomme ständig Komplimente dafür! Vielen herzlichen Dank für eure großartige Arbeit. Ich würde euch jederzeit wieder beauftragen und kann euch von Herzen weiterempfehlen!
Gepostet auf Google Google
Linda Sasse profile picture
Linda Sasse
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
In love mit meiner neuen Webseite! Für meinen Web-Auftritt war es Zeit für ein Upgrade, und da Silvie und Conny von Monkey Creations bereits zauberhafte Pages für zwei Kolleginnen gestaltet hatten, bin ich mit ihnen ins Gespräch gegangen. Mir war vorab wichtig, dass sie verstehen, welche Ästhetik die Seite haben soll, dass sie MICH sehen und das in der Seite festhalten. Im ersten Gespräch war schnell klar, dass die beiden dafür die richtigen sind. Silvie und Conny haben tolle Designvorschläge gemacht - einer der ersten zwei war es bereits und wir haben nur noch Kleinigkeiten angepasst. Super easy, schnell in der Umsetzung, zuverlässig, herzlich. Es sind keine Wünsche offen geblieben - ich liebe meine neue Seite. <3 Danke, dass ihr mich so gesehen habt, ihr beiden! Absolute Empfehlung!
Gepostet auf Google Google
Hergen Hillen profile picture
Hergen Hillen
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
Auf der Suche nach einem Webdesigner habe ich in den vergangenen zwei Jahren viele frustrierende, aber auch skurrile und filmreife Erfahrungen gemacht. Für meine Website war schon lange ein Relaunch notwendig, aber jeder erzählte etwas anderes oder von fachlichen Dingen, die ich nicht verstanden habe. Die Welt der Webdesigner ist zweifelsohne vielschichtig und unberechenbar. Dann ist mir Monkey Creations empfohlen worden. Silvie und Conny Hofmann sind wirklich das Beste, was mir in Sachen Internetpräsenz mit meiner Website passieren konnte. Beide verstehen sehr viel von dem, was sie machen und anbieten. Sie reden nicht um den heißen Brei. Die Kommunikation war sehr verbindlich, auf Augenhöhe, informativ, schnörkellos und unerschrocken. Über das Ergebnis ihrer Arbeit habe ich mich sehr gefreut. Ein absoluter Glücksfall! Am Ende der Zusammenarbeit gab es dazu noch ein professionelles Erklär-Video, mit dem ich noch weitere Texte und Bilder in meine Webseiten einarbeiten kann. Ich bin mit der Arbeit sehr zufrieden und kann Monkey Creations mit gutem Gewissen weiterempfehlen. Ihr seid wirklich klasse!
Gepostet auf Google Google
ClaudiaD profile picture
ClaudiaD
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
Die Zusammenarbeit mit Monkey Creations war hoch professionell und sehr fokussiert. Die Erstellung der Webseite erfolgte nach einem umfassenden briefing in kürzester Zeit. Ich bin mit dem Design und den Texten sehr zufrieden. Auf alle meine Fragen wurde zeitnah reagiert und die abschließende Übergabe war sehr umfassend und detailliert. Große Empfehlung!
Gepostet auf Google Google
Caroline Hess profile picture
Caroline Hess
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
Absolute Herzempfehlung für alle, die ihre Webseite Profis überlassen wollen, die mit viel Herz und Know How alles einwandfrei und für mich vor allem Sorgenfrei ins www zaubern. Auch bei technischen Problemen ist sofort Hilfe da, großes Dankeschön!
Gepostet auf Google Google
Kerstin M. profile picture
Kerstin M.
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
Ich habe jemanden gesucht, der mich beim Relaunch meiner alten „Yoga im Hof“-Website unterstützt. Es brauchte ein neues Kleid – und endlich sollte sichtbar werden, was diesen besonderen Raum eigentlich ausmacht. Mit Silvie und Conny von Monkey Creations habe ich ein Team gefunden, das nicht nur fachlich richtig gut ist, sondern auch einfach super sympathisch. Humor ist mir in der Zusammenarbeit auch immer wichtig – und den haben die beiden genauso mitgebracht wie Herz und Können. Sie haben meine Ideen verstanden, wunderbar umgesetzt und eigene, inspirierende Vorschläge eingebracht. So ist eine Website entstanden, die sich endlich so anfühlt wie mein Raum: klar, warm und authentisch. Ich kann Monkey Creations von Herzen empfehlen!
Gepostet auf Google Google
Karla Sausner profile picture
Karla Sausner
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
Monkey Creations sing eine absolute Herzensempfehlung. Meine Website wurde noch viel schöner als ich mir sie vorgestellt habe. Die beiden sind genau auf meine Wünsche eingegangen und haben sie ansprechend für meine Kunden gestaltet. Die beiden arbeiten super effektiv und schnell, aber auch sehr gründlich. Wer also noch eine Webdisignerin braucht, die weiß was der Kunde braucht, ist hier genau richtig! Vielen vielen Dank ihr beiden!
Gepostet auf Google Google
Beobachter X profile picture
Beobachter X
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
Ich habe mich für Monkey Creations entschieden, weil ich jemanden gesucht habe, der meine Ideen professionell, aber auch persönlich umsetzt. Von Anfang an war der Kontakt mit Conny super angenehm. Sie war immer erreichbar, hat meine Wünsche ernst genommen und gleichzeitig mit tollen eigenen Vorschlägen überzeugt. ⭐️⭐️⭐️⭐️⭐️ Besonders gut gefallen hat mir, dass die Zusammenarbeit unkompliziert und herzlich war. Ich hatte nie das Gefühl, „nur eine Kundin“ zu sein, sondern wurde wirklich individuell beraten. Mit meiner neuen Webseite fühle ich mich richtig wohl. Sie präsentiert mein Business in einem neuen, modernen „Gewand“. Das macht mich wirklich sehr stolz! Ich würde Monkey Creations auf jeden Fall weiterempfehlen, weil hier Professionalität auf Menschlichkeit trifft. Vielen Dank, liebe Conny, für die großartige Arbeit! 🤍
Gepostet auf Google Google
Frizzi Heiner profile picture
Frizzi Heiner
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex überprüft, ob die Originalquelle der Bewertung Google ist.
Super Zusammenarbeit mit Conny und Silvie von Monkey Creations! Professionell, sympathisch und immer lösungsorientiert. Die strukturierte Begleitung und das Branding Workbook haben mir sehr geholfen, Klarheit über meine Außenwirkung zu gewinnen. Klare Empfehlung!

Angebot anfragen

Schicken Sie uns gern Ihre Anfrage über das Formular oder per Mail an hello@monkey-creations.de. Wir melden uns schnellstmöglich bei Ihnen!

Kontakt-Informationen
Ihre Praxis
Ihre Website