<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Website erstellen &#8211; Stefanie Motiwal</title>
	<atom:link href="https://stefaniemotiwal.de/website/feed/" rel="self" type="application/rss+xml" />
	<link>https://stefaniemotiwal.de</link>
	<description>Mehr Kundinnen gewinnen ohne Social Media Stress</description>
	<lastBuildDate>Tue, 20 Oct 2026 23:29:44 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://stefaniemotiwal.de/wp-content/uploads/2022/11/cropped-Favicon-Neu-32x32.png</url>
	<title>Website erstellen &#8211; Stefanie Motiwal</title>
	<link>https://stefaniemotiwal.de</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Website mit KI erstellen: 5 Wege im Praxis-Check und was ich dir empfehle</title>
		<link>https://stefaniemotiwal.de/website-mit-ki-erstellen/</link>
					<comments>https://stefaniemotiwal.de/website-mit-ki-erstellen/#respond</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Mon, 19 Oct 2026 17:29:26 +0000</pubDate>
				<category><![CDATA[Startseite]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=15102</guid>

					<description><![CDATA[Wie traumhaft wäre das: Du schreibst in ein KI-Tool, wer du bist und was du anbietest, drückst auf den Zauberknopf und schwupps – kommt eine fertige, perfekte Website raus, die dir am laufenden Band Kund*innen bringt. Die erste Hälfte dieses Traums ist inzwischen Realität. Claude, ChatGPT und Co. bauen dir in wenigen Minuten eine Website, [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Wie traumhaft wäre das: Du schreibst in ein KI-Tool, wer du bist und was du anbietest, drückst auf den Zauberknopf und schwupps – kommt eine fertige, perfekte Website raus, die dir am laufenden Band Kund*innen bringt.</p>



<p class="wp-block-paragraph">Die erste Hälfte dieses Traums ist inzwischen Realität. Claude, ChatGPT und Co. bauen dir in wenigen Minuten eine Website, die - auf den ersten Blick - oft ziemlich gut aussieht. Die zweite Hälfte (die Kund*innen am laufenden Band) liefert dir leider noch kein Tool mit.</p>



<p class="wp-block-paragraph">Damit wir uns richtig verstehen: Ich bin keine KI-Gegnerin. Ich arbeite regelmäßig mit Claude und ChatGPT und habe auch getestet, eine Website komplett von der KI erstellen zu lassen Mein Ziel ist es, dir die Arbeit, das Marketing, die Technik soweit zu erleichtern, wie möglich - aber ohne, dass das Ergebnis darunter leidet. Gerade deshalb möchte ich dir zeigen, wo dir KI beim Website-Erstellen Zeit spart und wo dich die Abkürzung am Ende mehr Zeit kostet, als sie dir bringt.</p>



<h2 class="wp-block-heading">Website mit KI erstellen: Warum der Zauberknopf nicht reicht</h2>



<p class="wp-block-paragraph">Hinter einer Website, die Kund*innen gewinnt, stecken unzählige Entscheidungen. Bevor die erste Seite steht, klärst du unter anderem diese Fragen:</p>



<ul class="wp-block-list">
<li>Wer sind deine Wunschkund*innen und was beschäftigt sie gerade?</li>



<li>Welches Angebot steht im Mittelpunkt und welches Problem löst es?</li>



<li>Was unterscheidet dich von den vielen anderen, die etwas Ähnliches anbieten?</li>



<li>Welche Unterseiten brauchst du?</li>



<li>Welchen Weg gehen Besucher*innen bis zur Anfrage?</li>



<li>Welche Farben, Schriften und Fotos passen zu dir und deiner Marke?</li>



<li>Welche Tools hängen dran: Newsletter, Terminbuchung, Zahlungsanbieter?</li>
</ul>



<p class="wp-block-paragraph">Für diese Fragen brauchst du Zeit. Viele Antworten findest du erst, wenn du über dein Business nachdenkst, mit Kund*innen sprichst oder dein Angebot ein paar Mal verkauft hast. Eine KI kann dich dabei als Sparringspartnerin begleiten, die Antworten musst du aber letztlich selbst finden, damit sie auch wirklich zu dir passen. </p>



<p class="wp-block-paragraph">Und hier liegt der Haken: Gibst du der KI diese Entscheidungen nicht mit, trifft sie sie für dich. Sie wählt dabei das Wahrscheinlichste, und das ist das, was sie in unzähligen anderen Websites gesehen hat - heraus kommt also ein ziemlich gewöhnlicher Durchschnitt. Genau das, was du im Marketing bei einem sehr vollen Markt NICHT möchtest. </p>



<h2 class="wp-block-heading">KI-Websites: Schön reicht einfach nicht aus</h2>



<p class="wp-block-paragraph">Bei meinem eigenen Test war das Ergebnis eindeutig: Ohne viel Aufwand, Hintergrundinfos und richtig guten Input sah die Website langweilig und generisch aus - wenn du schon mehrere KI-Websites gesehen hast, wird dir das Muster schnell auffallen. </p>



<p class="wp-block-paragraph">Aber fast noch schlimmer sind meist die Texte: Du liest dir einen Abschnitt durch und es hört sich vielleicht ganz gut an, aber nach dem Lesen denkst du dir "Äh... was möchte die Person damit eigentlich konkret sagen?"</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6af031faa56cc&quot;}" data-wp-interactive="core/image" data-wp-key="6af031faa56cc" class="wp-block-image size-full wp-lightbox-container"><img fetchpriority="high" decoding="async" width="580" height="109" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.49.54.png" alt="" class="wp-image-15131" srcset="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.49.54.png 580w, https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.49.54-480x90.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 580px, 100vw" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<p class="has-text-align-center wp-block-paragraph"><em>Äh.... bitte was? </em></p>



<p class="wp-block-paragraph">Ganz besonders schlimm finde ich persönlich diese Häufung von Worten wie "trägt" oder "ehrlich" - oft in Zusammenhängen, in denen sie einfach gar keinen Sinn machen und mittlerweile von der KI einfach inflationär gebraucht werden. </p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6af031faa5c85&quot;}" data-wp-interactive="core/image" data-wp-key="6af031faa5c85" class="wp-block-image size-full wp-lightbox-container"><img decoding="async" width="611" height="266" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.44.19.png" alt="" class="wp-image-15124" srcset="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.44.19.png 611w, https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.44.19-480x266.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 611px, 100vw" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<p class="has-text-align-center wp-block-paragraph"><em>Ein "ehrlicher" Impuls? Gibt es also auch unehrliche Impulse? </em></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Das ist ein Problem: Alle haben Zugriff auf dieselben Tools. Erstellen viele Selbstständige ihre Website auf diese Weise, sehen die Ergebnisse sehr ähnlich aus und klingen auch so. Deine Besucher*innen denken „Ahja, nett“ - aber buchen nichts. Denn bei der Masse an Angeboten reicht „nett“ einfach nicht mehr aus, damit sich jemand für dich entscheidet.</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6af031faa6156&quot;}" data-wp-interactive="core/image" data-wp-key="6af031faa6156" class="wp-block-image size-full wp-lightbox-container"><img decoding="async" width="860" height="270" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.47.18.png" alt="" class="wp-image-15128" srcset="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.47.18.png 860w, https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.47.18-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 860px, 100vw" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<p class="has-text-align-center wp-block-paragraph"><em>Nicht so. Nicht so. Sondern so - wir alle können es mittlerweile nicht mehr lesen, oder? </em></p>



<p class="wp-block-paragraph">Die größere Gefahr sehe ich aber sogar noch woanders: Eine KI-Website sieht auf den ersten Blick gut aus, du denkst dir dann als Anbieterin „Wow, super!“, hakst das Thema Website gedanklich ab und kümmerst dich um andere Aufgaben. Dass deine Website nicht für dich arbeitet, merkst du oft erst Monate später, wenn überhaupt. In der Zwischenzeit lässt sie Besucher*innen verwirrt zurück und/oder holt sie nicht ab. Aber genau diese Menschen hätten deine Wunschkund*innen werden können.</p>



<figure data-wp-context="{&quot;imageId&quot;:&quot;6af031faa65e7&quot;}" data-wp-interactive="core/image" data-wp-key="6af031faa65e7" class="wp-block-image aligncenter size-large wp-lightbox-container"><img decoding="async" width="1024" height="401" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.47.48-1024x401.png" alt="" class="wp-image-15126" srcset="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.47.48-1024x401.png 1024w, https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.47.48-980x443.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-13.47.48-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button></figure>



<p class="has-text-align-center wp-block-paragraph"><em>Die KI scheint oft zu probieren, wie kurz Sätze wohl werden können...</em></p>



<h3 class="wp-block-heading"><strong>Design-Fails</strong></h3>



<p class="wp-block-paragraph">Der Name WebDESIGN kommt nicht von ungefähr - gerade mit Farben, Schriften, Anordnung, Abständen, Hintergründen, Bildern, Hierarchie lässt sich so <strong>unfassbar viel übermitteln, was weit über das geschriebene Wort hinausgeht.</strong> Wenn du dein Branding mit eine*r Branddesigner*in ausarbeitest, wird unter anderem berücksichtigt, welche Zielgruppe du hast, was deine Persönlichkeitsmerkmale sind, wie du auftreten möchtest, was du anbietest, was dich besonders macht und von anderen unterscheidet - all das wird dann übersetzt in ein stimmiges Design, was einfach schon auf den ersten Blick vermittelt "hier bin ich richtig" - und zwar den richtigen Kund*innen! </p>



<p class="wp-block-paragraph">Gerade das kann die KI einfach noch nicht leisten (und ich bin mir ziemlich sicher, dass sie hier nie so gut werden wird wie Designer*innen mit Erfahrung und Wissen) und sowohl was ich bei Kontrasten als auch bei Gradienten, Farbverläufen schon gesehen habe ist teilweise ganz schön krass: </p>



<figure class="wp-block-image size-full"><img decoding="async" width="956" height="89" src="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-14.45.42.png" alt="" class="wp-image-15142" srcset="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-14.45.42.png 956w, https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-14.45.42-480x89.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 956px, 100vw" /></figure>



<p class="has-text-align-center wp-block-paragraph"><em>Kannst du das etwa gut lesen? Also ich persönlich hätte da eine weiße Schrift gewählt... Kontraste sind wichtig für Barrierefreiheit!</em></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="364" src="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-14.45.50-1024x364.png" alt="" class="wp-image-15143" srcset="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-14.45.50-1024x364.png 1024w, https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-14.45.50-980x454.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-20-um-14.45.50-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></figure>



<p class="has-text-align-center wp-block-paragraph"><em>Hui, da wurden die Farbverläufe aber wirklich unpassend zusammengestellt..</em></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>Fazit: Was eine Website unverwechselbar macht, kann die KI sich nicht einfach ausdenken (bzw. sollte sie bitte nicht). </strong>Es kommt aus dir und deinem Business:</p>



<ul class="wp-block-list">
<li>deine Haltung und deine Meinung zu Themen deiner Branche</li>



<li>echte Beispiele und Ergebnisse aus der Arbeit mit deinen Kund*innen</li>



<li>die Worte, mit denen deine Kund*innen ihr Problem beschreiben</li>



<li>deine Geschichte und der Grund, warum du tust, was du tust</li>



<li>eigene Fotos statt Stockbilder</li>
</ul>



<p class="wp-block-paragraph">Gibst du der KI dieses Material mit, wird das Ergebnis deutlich besser. Dafür musst du es allerdings erst einmal erarbeitet haben - die Basis kannst du also nicht überspringen, egal wie sehr du dir das wünschst.</p>



<h2 class="wp-block-heading">Du musst das Ergebnis beurteilen können</h2>



<p class="wp-block-paragraph">Deine Steuererklärung würdest du auch nicht von einer KI erstellen lassen und auf gut Glück abschicken (hoffe ich zumindest). Bei deiner Website gilt dasselbe: Die KI liefert dir ein Ergebnis, das auf den ersten Blick vielleicht überzeugend aussieht. Ob alles aber nach Design-, Copywriting-, Datenschutz-, und Sicherheitsaspekten Sinn macht und korrekt ist, kann sie dir allerdings nicht garantieren. Diese Prüfung bleibt an dir hängen und ist oft wesentlich schwieriger bei neu erstellten KI-Dateien durchzuführen als bei etablierten Systemen wie z.B. WordPress, bei denen du unzählige Anleitungen und Expert*innen findest. </p>



<p class="wp-block-paragraph">Diese Punkte solltest du bei jeder Website prüfen können, die eine KI für dich erstellt hat:</p>



<p class="wp-block-paragraph"><strong>Datenschutz:</strong> Impressum und Datenschutzerklärung brauchst du als Selbstständige auch auf einer KI-Website. Außerdem bindet KI-generierter Code ggf. externe Dienste direkt ein, zum Beispiel Google Fonts, YouTube-Videos, ein Newsletter-Anmeldeformular oder Analyse-Tools. Ohne Einwilligung deiner Besucher*innen wird das datenschutzrechtlich heikel.</p>



<p class="wp-block-paragraph"><strong>Sicherheit:</strong> Eine reine HTML-Seite ohne Formulare bietet an sich noch relativ wenig Angriffsfläche. Kritisch wird es aber, sobald Kontaktformulare, Logins oder Skripte auf dem Server dazukommen. Diesen Code hat die KI geschrieben, und außer dir hält ihn niemand aktuell. Im Zweifelsfall öffnest du damit Angreifern Tür und Tor, um Schadcode zu verbreiten. Bei WordPress kannst du mit einigen Maßnahmen (Sicherheitsplugins, regelmäßigen Updates, Backups) schon die größten Sicherheitslücken schließen und trotzdem den großen Funktionsumfang an getesteten, etablierten Plugins genießen.</p>



<p class="wp-block-paragraph"><strong>Mobile Version:</strong> Teste jede Seite auf deinem eigenen Handy und am besten auch auf dem Tablet. Lässt sich das Menü bedienen? Sind Schrift und Buttons groß genug (die KI arbeitet sehr gerne mit Ameisenschrift)? Bricht ein Bild oder eine Tabelle aus dem Layout?</p>



<p class="wp-block-paragraph"><strong>Barrierefreiheit:</strong> Reichen die Kontraste? Haben alle Bilder Alternativtexte? Stimmt die Reihenfolge der Überschriften? Kannst du die Seite mit der Tastatur bedienen?</p>



<p class="wp-block-paragraph"><strong>SEO:</strong> Hat jede Seite einen eigenen Titel und eine Meta-Beschreibung? Gibt es eine Sitemap? Hast du die Website in der Google Search Console angemeldet? Wie du außerdem in KI-Suchmaschinen sichtbar wirst, liest du in meinem Artikel <a target="_blank" rel="noopener" href="https://stefaniemotiwal.de/geo-statt-seo/">GEO statt SEO</a>.</p>



<p class="wp-block-paragraph">Bist du bei einigen dieser Fragen unsicher, ist das kein Grund zur Panik. Du weißt jetzt, wo du dir Wissen aneignen solltest, bevor du die KI für dich arbeiten lässt.</p>



<p class="wp-block-paragraph">Daneben gibt es die größeren Fragen rund um KI: Urheberrecht, Datenschutz bei den KI-Anbietern selbst und die Umweltkosten. Sarah Osenberg hat dazu einen lesenswerten Artikel geschrieben: <a target="_blank" rel="noopener" href="https://losprobiert.de/wissenswertes-zu-ki/">KI und GenAI kritisch betrachtet</a>.</p>



<p class="wp-block-paragraph"><strong>Fehler, Fails, lustige und weniger lustige Probleme</strong>: <a href="https://weventure.de/blog/ki-grenzen" target="_blank" rel="noopener">In diesem Artikel </a>sind weltweite Fehler der KI auf Websites gezeigt, wie zu teilweise größeren Problemen geführt haben. Auch hier gilt natürlich: Bitte prüfe jede Information, bevor du sie einfach so übernimmst oder online stellst - die KI tut das nämlich nicht sondern bietet dir Texte an, die erstmal plausibel klingen, egal ob sie es wirklich sind oder nicht. </p>



<h2 class="wp-block-heading">5 Wege, KI für deine Website zu nutzen (kleiner Praxis-Check)</h2>



<p class="wp-block-paragraph">KI kann dir auf sehr unterschiedliche Arten beim Website-Erstellen helfen. Diese fünf Wege habe ich mir genauer angeschaut.</p>



<h3 class="wp-block-heading">Weg 1: Website mit Claude oder ChatGPT als Code erstellen</h3>



<p class="wp-block-paragraph">Du beschreibst der KI deine Website, und sie schreibt dir den Code dafür: HTML für die Inhalte, CSS für das Design und oft etwas JavaScript. Diese Dateien lädst du bei deinem Webhoster hoch, und deine Website ist online. Das geht schnell, und gestalterisch hast du alle Freiheiten.</p>



<p class="wp-block-paragraph">Die Haken zeigen sich, sobald du mit der Website arbeiten willst:</p>



<ul class="wp-block-list">
<li><strong>Jede Änderung passiert im Code.</strong> Ein neuer Preis, ein anderes Foto, ein einzelnes Wort: Ohne HTML-Kenntnisse findest du die richtige Stelle kaum, ohne dabei etwas anderes zu verschieben. Deshalb bitten viele in der Praxis für jede Kleinigkeit die KI um eine neue Version und laden dann die Datei neu hoch - echt viel Aufwand für Mini-Änderungen.</li>



<li><strong>Menü und Footer stecken in jeder Datei.</strong> Kommt eine neue Unterseite dazu, passt du das Menü auf jeder einzelnen Seite an. Auch Farben und Schriften sind oft über viele Dateien verteilt. Und selbst wenn die KI sie sauber in einer eigenen Datei bündelt, hast du noch keine Oberfläche, in der du deine Inhalte bequem pflegst. Genau dafür wurden ja vor über 20 Jahren Content-Management-Systeme wie WordPress entwickelt - damit man eben nicht mehr einzeln in Dateien rumpfuschen muss 😉</li>



<li><strong>Neue Funktionen müssen programmiert werden.</strong> Ein Kontaktformular braucht zum Beispiel einen Teil, der auf dem Server läuft und die Nachricht verschickt. In WordPress greifst du auf ein großes Verzeichnis an getesteten, etablierten Plugins zu, oft inklusive Support und Updates. Bei einer KI-Website lässt du dir jede Funktion neu programmieren oder bindest einen externen Dienst ein. Dann müsstest du jede der neu programmierten Funktionen ausgiebig testen - und als jemand, der im Software-Testing gearbeitet hat kann ich dir sagen: Der Aufwand davon wird in der Praxis oft unterschätzt.</li>



<li><strong>Ein Blog wird mühsam.</strong> Jeder Artikel ist eine neue Datei, und die Übersichtsseite pflegst du von Hand.</li>



<li><strong>Das Hochladen will gelernt sein.</strong> Du findest heraus, wie die Dateien zu deinem Webhoster kommen, zum Beispiel per FTP, über den Dateimanager deines Hosters oder Anbieter wie Netlify.</li>
</ul>



<p class="wp-block-paragraph">Von WordPress bist du damit unabhängig - dafür hängst du bei jeder Änderung an der KI, solange du den Code nicht selbst im Detail verstehst.</p>



<p class="wp-block-paragraph"><strong>Mein Fazit <strong>👎</strong>:</strong> Für Selbstständige ohne Programmierkenntnisse empfehle ich diesen Weg nicht. Als schneller Entwurf, um eine Designrichtung auszuprobieren oder Ideen visualisiert zu sehen, kann er dir trotzdem helfen.</p>



<h3 class="wp-block-heading">Weg 2: WordPress mit KI verknüpfen</h3>



<p class="wp-block-paragraph">Seit WordPress 7.0 (Mai 2026) steckt im Kern von WordPress eine Grundlage für KI. In einem zentralen Bereich verbindest du deine Website mit einem KI-Anbieter wie OpenAI, Anthropic oder Google, und Plugins können diese Verbindung anschließend nutzen. Du kannst dir das wie eine Steckdose vorstellen: WordPress liefert den Anschluss, die Funktionen selbst kommen über Plugins.</p>



<p class="wp-block-paragraph">Das offizielle KI-Plugin erstellt zum Beispiel Titel, Auszüge, Alternativtexte und Bilder. Im Block-Editor erscheint die Möglichkeit, Inhalte mit KI erstellen zu lassen - allerdings brauchst du dafür separates Guthaben beim jeweiligen KI-Anbieter, unabhängig vom normalen monatlichen Abo, was du evtl. schon bezahlst.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="889" height="35" src="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-19-um-09.55.48.png" alt="" class="wp-image-15116" srcset="https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-19-um-09.55.48.png 889w, https://stefaniemotiwal.de/wp-content/uploads/2026/10/Bildschirmfoto-2026-10-19-um-09.55.48-480x35.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 889px, 100vw" /></figure>



<p class="wp-block-paragraph">WordPress spricht über die Schnittstelle (API) mit dem Anbieter, und die rechnet er separat nach Verbrauch ab. Du legst dir dafür ein eigenes API-Konto an und lädst Guthaben auf. Bedenke außerdem: Alles, was du über das Plugin an die KI schickst, landet beim Anbieter.</p>



<p class="wp-block-paragraph">Für Technik-Interessierte: Über die neue Abilities API können KI-Assistenten mit passenden Zusatz-Tools auch Aktionen auf deiner Website ausführen, zum Beispiel Entwürfe anlegen. Das richtet sich bisher vor allem an Entwickler*innen.</p>



<p class="wp-block-paragraph"><strong>Mein Fazit <strong>👎</strong>:</strong> Beim Seitenbauen bringt dir die KI-Integration in WordPress aktuell noch wenig. Das Fundament an sich klingt aber trotzdem schon ganz gut: Du arbeitest auf einem stabilen System mit Benutzerverwaltung, Sicherheitsplugins und vernünftigem Datenschutz und setzt KI gezielt dort ein, wo sie dir hilft.</p>



<h3 class="wp-block-heading">Weg 3: Unterseiten mit Divi AI erstellen lassen</h3>



<p class="wp-block-paragraph">Arbeitest du mit dem Divi Theme, erstellt dir Divi AI eine Unterseite nach deiner Beschreibung. Die Seiten an sich haben mich aber in der Vergangenheit überhaupt nicht überzeugt und auch die Prompts werden anders als in normalen KI-Tools nicht korrekt berücksichtigt. </p>



<p class="wp-block-paragraph">Hier ein Video aus meinem Praxistest von 2025: </p>



<iframe loading="lazy" width="560" height="315" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen consent-original-src-_="https://www.youtube-nocookie.com/embed/mVaF3qkgz5o?si=lQ1FiJe6jrhBZyeS" consent-required="14177" consent-by="services" consent-id="14178"></iframe>



<p class="wp-block-paragraph">Eine wesentlich bessere Alternative ist der - leider kostenpflichtige - Divi KI Agent, siehe nächster Punkt. </p>



<p class="wp-block-paragraph"><strong>Mein Fazit👎:</strong> Als Rohbau höchstens ein bisschen brauchbar - in der Praxis geht es aber oft schneller und vor allem viel besser, wenn du die Unterseite mit Divi selbst erstellst.</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">Weg 4: Den Divi KI Agenten nutzen</h3>



<p class="wp-block-paragraph">Seit Divi 5.12 (September 2026) gibt es einen KI-Agenten direkt im Divi Builder, und er geht deutlich weiter als Divi AI. Im Build Mode beschreibst du, was passieren soll, und der Agent setzt es direkt auf deiner Seite um: Er legt Layouts an, bearbeitet Module, ändert Design-Einstellungen und verwaltet Menüs. Im Ask Mode stellst du Fragen zu deiner Seite, ohne dass sich etwas verändert. Ganz fehlerfrei arbeitet er noch nicht, und leider brauchst du für ihn ein Divi-AI-Abo plus Guthaben.</p>



<p class="wp-block-paragraph">Wie der Agent funktioniert und was er im Praxistest kann, zeige ich dir in meinem Artikel <a target="_blank" rel="noopener" href="https://stefaniemotiwal.de/divi-ki-agent/">Divi KI Agent: So funktioniert er &amp; was er kann</a>, inklusive Video.</p>



<p class="wp-block-paragraph"><strong>Mein Fazit</strong> 👍: Sieht ganz vielversprechend aus, vor allem wenn er bei den kleinen Einstellungsproblemen in Divi helfen kann oder Seiten anhand von Screenshots nachbauen kann - in der Praxis funktioniert aber noch nicht alles so super.</p>



<h3 class="wp-block-heading"><strong>Weg 5: Divi-Layouts mit Claude &amp; Co. erstellen.</strong> </h3>



<p class="wp-block-paragraph">Du kannst dir von der KI JSON-Dateien erstellen lassen und diese als Layout in Divi importieren. So verbindest du die Gestaltungsfreiheit der KI mit dem stabilen Fundament von WordPress. Du kannst diese erstellte Seite dann zum Glück vollständig mit dem Divi Builder weiter bearbeiten und musst nicht - wie bei der reinen HTML Datei, siehe Weg 1 - eine neue Datei erstellen für jede Änderung. </p>



<p class="wp-block-paragraph">Bevor die Seite erstellt werden kann musst du der KI (ich habe es mit Claude getestet) eine Beispiel JSON Datei mitgeben, damit sie das Format korrekt auslesen und nachbauen kann. Das ist nicht immer ganz einfach und braucht manchmal mehrere Anläufe. Wie das geht, zeige ich im <a href="https://stefaniemotiwal.de/divi-5-powerkurs/" target="_blank" rel="noopener">Divi 5 Powerkurs</a>.</p>



<p class="wp-block-paragraph"><strong>Mein Fazit 👎</strong>: Relativ viel Aufwand für ein Ergebnis, dass du mit ein bisschen Divi Kenntnissen vermutlich schneller und schöner selbst gemacht hättest. Aber wenn du weder Zeit noch Nerven hast, das selbst nachzubauen, ist das ggf. ein Weg für dich.</p>



<h2 class="wp-block-heading">Mein Fazit: KI beim Website-Erstellen? Jein, wenn dann nur mit Vorarbeit</h2>



<p class="wp-block-paragraph">KI kann dir beim Website-Erstellen viel Zeit sparen. Allerdings nur, wenn du die Grundlagen geklärt hast und weißt, wie ein gutes Ergebnis aussieht. Mein Test hat genau das bestätigt: Eine KI-Website lohnt sich erst, wenn die ganze Vorarbeit erledigt ist (Und ganz ehrlich? Selbst dann mache ich es noch schneller und besser per Hand).</p>



<p class="wp-block-paragraph"><strong>Ja zur KI</strong>, wenn du</p>



<ul class="wp-block-list">
<li>genau weißt, wer deine Zielgruppe ist, was du anbietest und was dich ausmacht,</li>



<li>der KI alles mitgibst, was sie für die Aufgabe wissen muss, inklusive Hintergrundwissen und deiner Erfahrungen,</li>



<li>beurteilen kannst, ob das Ergebnis richtig gut ist oder nur an der Oberfläche kratzt.</li>
</ul>



<p class="wp-block-paragraph"><strong>Nein zur KI</strong>, wenn du auf gut Glück Zeit sparen willst und am Ende eine hübsch aussehende, nett klingende, aber austauschbare Website hast.</p>



<p class="wp-block-paragraph">Meine Empfehlung: WordPress als stabile Basis, dazu KI als Sparringspartnerin. Arbeitest du mit Divi, beschleunigen der KI-Agent und importierte JSON-Layouts das Bauen. Abraten würde ich dir davon, deine Business-Website komplett als Code von Claude oder ChatGPT erstellen zu lassen, solange du diesen Code nicht selbst verstehst.</p>



<p class="wp-block-paragraph">So nutze ich KI selbst: Claude und ChatGPT sind für mich Sparringspartner. Ich lasse sie größere Datenmengen auswerten, Muster erkennen, Texte korrekturlesen und Ideen ordnen. Meine Texte schreibe ich selbst und lasse sie gegenchecken: Habe ich etwas doppelt? Komme ich schnell genug zum Punkt? Gibt es einen roten Faden? Die Grundidee kommt von mir, und auch die Antwort der KI ist für mich eine Meinung und nie der Weisheit letzter Schluss. Das Denken sollten wir weiterhin selbst übernehmen.</p>



<h2 class="wp-block-heading">Häufige Fragen zum Website-Erstellen mit KI</h2>



<p class="wp-block-paragraph"><strong>Kann KI eine Website erstellen?</strong></p>



<p class="wp-block-paragraph">Ja. Claude oder ChatGPT schreiben dir den Code für eine komplette Website, und in Divi baut der KI-Agent Seiten nach deiner Beschreibung. Ob diese Website Kund*innen gewinnt, hängt von deiner Vorarbeit ab: Zielgruppe, Angebot, Positionierung und Inhalte, die nach dir klingen.</p>



<p class="wp-block-paragraph"><strong>Ist eine KI-Website gut für SEO?</strong></p>



<p class="wp-block-paragraph">Nur weil sie oft schneller geladen wird, ist sie nicht automatisch besser für Suchmaschinen. Ganz im Gegenteil: Ob du gefunden wirst, entscheidet vor allem, ob deine Inhalte die Fragen deiner Zielgruppe beantworten. Dazu kommen technische Grundlagen wie Seitentitel, Meta-Beschreibungen und eine Sitemap, an die die KI nicht zuverlässig von selbst denkt.</p>



<p class="wp-block-paragraph"><strong>Lohnt sich eine Website mit KI?</strong></p>



<p class="wp-block-paragraph">Als alleiniges Bauwerkzeug: Nein. Als Unterstützung: Ja, wenn du die Grundlagen geklärt hast und das Ergebnis beurteilen kannst. In diesem Fall spart dir KI Zeit beim Strukturieren, Formulieren und Bauen einzelner Abschnitte, wenn du das nicht selbst erledigen möchtest. Ohne diese Vorarbeit bekommst du eine austauschbare Website, und die kostet dich am Ende mehr Zeit (und Umsatz!!), als sie dir spart.</p>



<p class="wp-block-paragraph"><strong>Brauche ich für die KI-Funktionen in WordPress ein Claude- oder ChatGPT-Abo?</strong></p>



<p class="wp-block-paragraph">Ein normales Abo reicht dafür nicht. WordPress verbindet sich über die Schnittstelle (API) mit dem KI-Anbieter, und die rechnet der Anbieter separat nach Verbrauch ab. Du brauchst ein eigenes API-Konto mit Guthaben.</p>



<h2 class="wp-block-heading">Mit Vorlagen und strategisch eingesetzter KI zu mehr Sichtbarkeit und Umsatz: Rock your Website</h2>



<p class="wp-block-paragraph">In meinen Gruppenprogrammen arbeiten wir mit händisch erstellten, kuratierten Vorlagen für deine Unterseiten. Sie enthalten Textplatzhalter und sind auf den deutschsprachigen Markt zugeschnitten, denn der tickt anders als der US-Markt. Dazu bekommst du KI-Prompts mit einer detaillierten Beschreibung, damit die KI dich insbesondere bei der Recherche (für Suchmaschinen, für Kooperationspartner etc.) beim Texten unterstützt, statt alles für dich zu schreiben. So kommst du schneller zu einem richtig guten Ergebnis, das zu dir und deinem Business passt, und stichst mit deiner Persönlichkeit heraus.</p>



<p class="wp-block-paragraph">In <strong>Rock your Website</strong>, meinem 4-monatigen Mentoring für mehr Sichtbarkeit, Umsatz und Reichweite, machen wir genau die Vorarbeit, ohne die keine KI ein gutes Ergebnis liefert. Die nächste Runde startet Ende Januar 2027.</p>



<p class="wp-block-paragraph"><a href="https://stefaniemotiwal.de/ryw-warteliste/" target="_blank" rel="noopener">Hier kommst du auf die Warteliste für Rock your Website</a></p>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/website-mit-ki-erstellen/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Was Teilnehmer*innen über Weekend Website sagen – echte Erfahrungen &#038; Ergebnisse</title>
		<link>https://stefaniemotiwal.de/was-teilnehmerinnen-ueber-weekend-website-sagen-echte-erfahrungen-ergebnisse/</link>
					<comments>https://stefaniemotiwal.de/was-teilnehmerinnen-ueber-weekend-website-sagen-echte-erfahrungen-ergebnisse/#respond</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Fri, 09 May 2025 17:35:02 +0000</pubDate>
				<category><![CDATA[Website erstellen]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=11011</guid>

					<description><![CDATA[Website erstellen? Für viele klingt das nach Wochen voller Technik-Frust, unübersichtlicher Baukästen und fehlender Klarheit. Genau deshalb habe ich den Kurs &#8222;Weekend Website&#8222; entwickelt – für Selbstständige, die endlich eine professionelle Website wollen, ohne sich durch stundenlange Tutorials zu quälen oder die Erstellung noch monatelang aufzuschieben, weil alles so kompliziert und überwältigend ist. In diesem [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Website erstellen? Für viele klingt das nach Wochen voller Technik-Frust, unübersichtlicher Baukästen und fehlender Klarheit. Genau deshalb habe ich den Kurs "<strong><a href="https://stefaniemotiwal.de/weekend-website">Weekend Website</a>"</strong> entwickelt – für Selbstständige, die endlich eine professionelle Website wollen, ohne sich durch stundenlange Tutorials zu quälen oder die Erstellung noch monatelang aufzuschieben, weil alles so kompliziert und überwältigend ist.</p>



<p class="wp-block-paragraph">In diesem Artikel zeige ich dir, was ehemalige Teilnehmer*innen über den Kurs sagen, welche Herausforderungen sie vorher hatten – und wie sie sie gelöst haben. Ihre Worte sprechen für sich. </p>



<p class="wp-block-paragraph">Vielleicht erkennst du dich in der einen oder anderen Situation sogar wieder?</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">"Der "Weekend Website" Kurs hat mir damals super geholfen, die Grundlagen (und noch einiges mehr) rund um WordPress wirklich zu verstehen. Innerhalb weniger Tage stand mein Website-Grundgerüst – und ich wusste genau, wie ich selbst Dinge anpassen kann. Gerade diese Unabhängigkeit ist mir total wichtig. Ich kann den Kurs von Herzen empfehlen, wenn Du schnell und ohne Technik-Overload eine eigene Website aufbauen willst!&nbsp;" - <a href="https://veronikamunt.de/" target="_blank" rel="noopener">Veronika Munt, <strong>Digital Workplace Managerin &amp; Expertin für digitalen Minimalismus</strong></a></p>
</blockquote>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="799" height="2560" src="https://stefaniemotiwal.de/wp-content/uploads/2025/05/veronika-seite-scaled.png" alt="" class="wp-image-11019" style="width:600px" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/05/veronika-seite-scaled.png 799w, https://stefaniemotiwal.de/wp-content/uploads/2025/05/veronika-seite-480x1538.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 799px, 100vw" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">"Vor dem Kurs wusste ich gar nicht, wo ich überhaupt anfangen sollte. Allein die Begriffe wie Hosting, Theme, Plugins – das war für mich komplettes Neuland. <strong>Ich hatte keine Ahnung, wie ich das alles jemals umsetzen sollte.</strong><br>Durch den Kurs konnte ich meine Website selbst gestalten und bin damit direkt mit meinem Pinterest-Angebot online gegangen. Tatsächlich habe ich <strong>meine erste Pinterest-Kundin gewonnen, weil ich bereits eine Website</strong> hatte und mein Auftritt damit <strong>professioneller wirkte</strong> als bei anderen Pinterest VAs.<br>Besonders begeistert hat mich, dass wirklich alles Schritt für Schritt erklärt wurde – perfekt für Anfängerinnen. Als Mama <strong>mit wenig Zeit war das genau das Richtige</strong>. Ich konnte direkt loslegen, habe <strong>in kurzer Zeit meine eigene Website erstellt und einen großen Schritt in Richtung Sichtbarkeit getan.</strong>" <a href="https://annihochdorfer.de/" target="_blank" rel="noopener">Anni Hochdorfer, Pinterest-Expertin</a></p>
</blockquote>



<figure class="wp-block-image size-full is-resized"><a href="https://annihochdorfer.de" target="_blank" rel="noopener"><img decoding="async" width="1080" height="1920" src="https://stefaniemotiwal.de/wp-content/uploads/2025/04/Testimonial-Anni.png" alt="" class="wp-image-10918" style="width:600px" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/04/Testimonial-Anni.png 1080w, https://stefaniemotiwal.de/wp-content/uploads/2025/04/Testimonial-Anni-980x1742.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/04/Testimonial-Anni-480x853.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw" /></a></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">"Ich habe zuerst versucht meine Website mit einem Baukastensystem meines Webhosters zu erstellen, war aber nicht mit den Möglichkeiten der Konfiguration zufrieden. Dann habe ich überlegt, meine Website mit WordPress umzusetzen, wusste aber nicht, wie ich am besten starten sollte. Da kam Weekend Website gerade richtig. Durch "Weekend Website" konnte ich in kürzester Zeit die Grundstruktur meiner Website erstellen und war begeistert endlich alles so individuell einstellen zu können, wie ich es mir von Anfang an gewünscht hatte. Mir hat der ganze Kurs sehr gut gefallen, da er Schritt für Schritt aufgebaut ist und es wirklich leicht ist, sehr schnell die eigene Website zu erstellen. Alles wichtige für den Start wird erklärt und WordPress mit Divi bietet die Flexibilität sich eine Website ganz nach den eigenen Vorstellungen und Wünschen zu gestalten." <a href="https://thebrainyway.at/" target="_blank" rel="noopener">Iris Klawatsch, Expertin für gehirngerechtes Arbeiten </a></p>
</blockquote>



<figure class="wp-block-image size-full"><a href="https://thebrainyway.at/" target="_blank" rel="noopener"><img decoding="async" width="426" height="1920" src="https://stefaniemotiwal.de/wp-content/uploads/2025/05/TheBrainWa.jpg" alt="" class="wp-image-12496" style="object-fit:cover" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/05/TheBrainWa.jpg 426w, https://stefaniemotiwal.de/wp-content/uploads/2025/05/TheBrainWa-227x1024.jpg 227w, https://stefaniemotiwal.de/wp-content/uploads/2025/05/TheBrainWa-341x1536.jpg 341w" sizes="(max-width: 426px) 100vw, 426px" /></a></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"></blockquote>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">"Ich hatte wirklich keine Ahnung, wie ich eine Website gestalte, bzw. wie so etwas überhaupt aufgebaut ist. Man sieht ja immer nur die tollen, fertigen Webseiten, aber der Weg dorthin war mir völlig unklar. Ich hatte zwar schon auf YouTube immer wieder nach Videos geschaut, aber geholfen hat es mir nicht. Es gab auch einfach zu viel Auswahl. Was ich brauchte, war wirklich eine Step by Step Anleitung von Anfang an.<br>Der Kurs hat mir eine großartige Basis an Verständnis über den Aufbau und die Funktionen einer Website vermittelt. Ich bin dadurch in der Lage, immer wieder an meiner Website herumzubasteln und diese umzugestalten. Und es macht mir tatsächlich Spaß! Da ich mittlerweile auf Malta lebe und sich mein Angebot verändert hat, konnte ich Dank des Kurses meine Website komplett überarbeiten und neu aufbauen. Die Investition hat sich für mich wirklich gelohnt und ich würde den Kurs zu 100 % weiterempfehlen.<br>Für mich war es einfach das Gesamtpaket, das mich sehr begeistert hat. Ich habe wirklich alles Wissenswerte für den Start vermittelt bekommen und konnte mich Stück für Stück durch die Lektionen arbeiten. Einfach gut didaktisch aufbereitet! Danke 😊" <a href="https://www.instagram.com/yvonnes.ayurvedic.kitchen/" target="_blank" rel="noopener">Yvonne Büser</a> - <a href="https://yvonnesayurvedakitchen.com/" target="_blank" rel="noopener">https://yvonnesayurvedakitchen.com/</a></p>
</blockquote>



<figure class="wp-block-image size-full is-resized"><img decoding="async" width="746" height="2560" src="https://stefaniemotiwal.de/wp-content/uploads/2025/05/ayurveda-kitchen-scaled.png" alt="" class="wp-image-11021" style="width:600px" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/05/ayurveda-kitchen-scaled.png 746w, https://stefaniemotiwal.de/wp-content/uploads/2025/05/ayurveda-kitchen-480x1647.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 746px, 100vw" /></figure>



<p class="wp-block-paragraph"></p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">"Vor dem Kurs hatte ich keine Ahnung, wie man eine Website erstellt und großen Respekt vor dem Projekt. Immer die Angst im Nacken, schaffe ich das wirklich? Verstehe ich die technische Umsetzung? Andererseits war der Wunsch nach einer eigenen Website da und zu wenig Geld auf dem Konto, so dass ich die Aufgabe nicht auslagern konnte.<br>Durch die Schritt für Schritt Erklärungen und die sehr gut verständlichen Videos, habe ich alles in meinem Tempo umsetzen können. Durch die Videos kann man sich einzelne Punkte einfach immer wieder anschauen und dann gleich direkt umsetzen.&nbsp;<br>Ich getraue mir, neue Ideen jetzt selbst auszuprobieren und z.B. Unterseiten zu erstellen, die nur Kunden mit einem entsprechenden Passwort öffnen können. So kann ich Inhalte direkt über meine Seite zur Verfügung stellen.<br>Mich hat begeistert, dass ich am Ende meine Website wirklich selbst erstellt habe und diese online ist.<br>Auch im Nachgang kann man sich immer wieder gezielt bestimmte Inhalte anschauen und Änderungen selbst vornehmen." <strong>Sandy Urbanek</strong> - <a href="https://struktur-klarheit.de" data-type="link" data-id="https://struktur-klarheit.de" target="_blank" rel="noopener">Struktur Klarheit</a></p>
</blockquote>



<figure class="wp-block-image size-full is-resized"><a href="https://stefaniemotiwal.de/wp-content/uploads/2025/05/Podcast-Struktur-Klarheit-scaled.png"><img decoding="async" width="971" height="2560" src="https://stefaniemotiwal.de/wp-content/uploads/2025/05/Podcast-Struktur-Klarheit-scaled.png" alt="" class="wp-image-11099" style="width:600px" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/05/Podcast-Struktur-Klarheit-scaled.png 971w, https://stefaniemotiwal.de/wp-content/uploads/2025/05/Podcast-Struktur-Klarheit-480x1265.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 971px, 100vw" /></a></figure>



<h2 class="wp-block-heading">Weitere Erfahrungen: </h2>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">"Meine größte Herausforderung vor dem Kurs war, dass ich gar nicht wusste, wo ich anfangen soll und wie ich mit der Technik zurecht kommen soll bzw. wie ich alles einstellen und programmieren muss. Durch "Weekend Website" konnte ich Schritt für Schritt meine Website selbst erstellen. Du hast alles sehr verständlich und nachvollziehbar erklärt, ich konnte dir sehr gut folgen und meine Website nahm immer mehr Gestalt an. Auch deine Stimme war total angenehm und es hat sogar Spaß gemacht, den Kurs durchzuarbeiten 🙂 Mich hat das Endergebnis begeistert und dass ich im Prinzip alles alleine hinbekommen habe (natürlich mit deiner Unterstützung, aber im Endeffekt selbstständig). Der Schritt von "absolut kein Plan von der Erstellung einer Website" hin zu meiner fertigen Website war rückblickend ein richtig tolles Gefühl." <strong><a href="http://psychologie-snacks.de" target="_blank" rel="noopener">Alina Tappert, Psychologin</a></strong> </p>
</blockquote>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Ich hatte zuvor versucht, meine Website mit Elementor zu bauen, aber das war für mich total umständlich und frustrierend. Dann bin ich auf deinen „Weekend Website“-Kurs gestoßen – und das hat für mich wirklich alles verändert. Dank deiner klaren Struktur, der verständlichen Schritt-für-Schritt-Anleitung und dem Einsatz von Divi konnte ich endlich loslegen und meine Website in kurzer Zeit aufbauen. Der Kurs hat mir genau das gegeben, was ich gebraucht habe: eine pragmatische Anleitung ohne unnötigen Schnickschnack. Inzwischen baue ich sogar zwischendurch mal eben Landing Pages – zwischen Aufwachen und Frühstück, ganz ohne Stress."  <strong>Dajana Plautz</strong></p>
</blockquote>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">"Stefanies Kurs war für mich als Technik-Laie, die sich lange vor dem Projekt „Webseite“ gedrückt hat ein absoluter Glücksgriff. Der Kurs ist wirklich Step by Step und vor allem auch sehr gut verständlich aufgebaut. Selbst kleine Besonderheiten wie ein Farbverlauf wurden sehr gut erklärt. Besonders gefiel mir auch,- ich Vergleich zu anderen Kursen, dass ich sehr gut mitgekommen bin und das, was gezeigt wurde auch direkt nachvollziehen konnte. Nun habe ich eine kleine Seite, die erstmal nur als Virtuelle Visitenkarte gilt inkl. Newsletter Einbindung, bei der ich mich dank dem Weekend -Kurs auch sicher fühle, sie nach und nach, zu erweitern." - <strong>Sabine Weippert, Autorin</strong></p>
</blockquote>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">"Ich hatte zwar vor Jahren mal mit TYPO3 gearbeitet, aber das lag lange zurück – ich war unsicher, ob ich es wirklich schaffe, meine Website selbst aufzubauen, ohne komplett den Überblick zu verlieren. Der Kurs hat mir das nötige Know-how und vor allem das Selbstvertrauen gegeben, Schritt für Schritt vorzugehen – plötzlich war das Ganze nicht mehr überwältigend, sondern machbar. Mich hat begeistert, wie klar und strukturiert alles aufgebaut war – und dass ich am Ende wirklich meine Website in den Händen hielt, die genau zu mir passt.&nbsp;" <strong><a href="https://claire-fahnenstich.eu/" target="_blank" rel="noopener">Claire Fahnenstich</a></strong></p>
</blockquote>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>Bist du bereit, auch deine Erfolgsstory zu schreiben und endlich mit deinem Angebot sichtbar zu werden? Dann leg gleich los und sichere dir "<a href="https://stefaniemotiwal.de/weekend-website">Weekend Website</a>". </strong></p>



<figure class="wp-block-image size-large is-resized"><a href="https://stefaniemotiwal.de/weekend-website"><img decoding="async" width="1024" height="1024" src="https://stefaniemotiwal.de/wp-content/uploads/2025/04/Weekend-Website-1-1024x1024.png" alt="Weekend Website - Erstelle deine Website an einem Wochenende" class="wp-image-10923" style="width:400px" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/04/Weekend-Website-1-1024x1024.png 1024w, https://stefaniemotiwal.de/wp-content/uploads/2025/04/Weekend-Website-1-980x980.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/04/Weekend-Website-1-480x480.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></a></figure>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/was-teilnehmerinnen-ueber-weekend-website-sagen-echte-erfahrungen-ergebnisse/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Über-mich-Seite schreiben: Der ausführliche Guide für Coaches, Berater*innen und Dienstleister*innen</title>
		<link>https://stefaniemotiwal.de/ueber-mich-seite-schreiben/</link>
					<comments>https://stefaniemotiwal.de/ueber-mich-seite-schreiben/#respond</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Tue, 06 May 2025 20:18:14 +0000</pubDate>
				<category><![CDATA[Startseite]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=11124</guid>

					<description><![CDATA[Du sitzt vor dem leeren Bildschirm und sollst deine Über-mich-Seite schreiben – und plötzlich weißt du nicht mehr, wer du eigentlich bist und was du da überhaupt tun sollst! 😅 Die gute Nachricht: Du bist damit nicht allein. Die schlechte: Ohne eine richtig gute Über-mich-Seite verschenkst du jeden Tag wertvolle Chancen, neue Kund*innen zu gewinnen [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Du sitzt vor dem leeren Bildschirm und sollst deine Über-mich-Seite schreiben – und plötzlich weißt du nicht mehr, wer du eigentlich bist und was du da überhaupt tun sollst! 😅 Die gute Nachricht: Du bist damit nicht allein. Die schlechte: Ohne eine richtig gute Über-mich-Seite verschenkst du jeden Tag wertvolle Chancen, neue Kund*innen zu gewinnen (sie ist übrigens fast immer die meistgelesene Unterseite auf deiner Website - no pressure).</p>



<p class="wp-block-paragraph">In diesem Artikel erfährst du, wie du endlich deine Über-mich-Seite schreiben kannst, die nicht nur dich authentisch präsentiert, sondern auch tatsächlich neue Aufträge generiert. </p>



<p class="wp-block-paragraph">Nach dem Lesen wirst du wissen, was wirklich auf deine Über-mich-Seite gehört – und was du getrost weglassen kannst!</p>



<h2 class="wp-block-heading">Warum deine Über-mich-Seite kein Lebenslauf sein sollte</h2>



<p class="wp-block-paragraph">Stell dir vor, jemand fragt dich auf einer Party: "Und, was machst du so?" – würdest du mit deinem Schulabschluss anfangen und dann chronologisch durch dein Leben wandern? Wohl kaum! Und doch ist genau das der häufigste Fehler auf Über-mich-Seiten: Sie beginnen bei Adam und Eva und enden irgendwann bei der aktuellen Tätigkeit – wenn die Leser*innen bis dahin nicht schon abgesprungen sind.</p>



<p class="wp-block-paragraph">Viele tun sich so schwer mit dieser Seite, weil sie nicht wissen, was sie eigentlich damit erreichen wollen (und weil sie Angst haben, sich öffentlich zu zeigen, <a href="https://stefaniemotiwal.de/warum-website-nicht-fertig-wird/" data-type="post" data-id="6868">wie in diesem Blogartikel beschrieben</a>). Deine Über-mich-Seite ist kein notwendiges Übel oder ein verstaubter Ladenhüter auf deiner Website – sie ist dein Türöffner, dein Handschlag, dein erster richtiger Kontakt mit potenziellen Kund*innen!</p>



<p class="wp-block-paragraph">Ihre wahre Aufgabe? <strong>Vertrauen</strong> aufzubauen, eine <strong>Verbindung</strong> zu schaffen und – ganz wichtig – zu zeigen, warum ausgerechnet DU die richtige Person für das Problem deiner Besucher*innen bist (oder eben auch nicht, falls die Besucher*in so gar nicht zu dir passt!). Sie ist kein Selbstzweck, sondern dein heimlicher Verkaufsstar - das macht sie so viel einfacher zu schreiben, als du vielleicht denkst.</p>



<h2 class="wp-block-heading">Was Besucher*innen wirklich auf deiner Über-mich-Seite wissen wollen</h2>



<p class="wp-block-paragraph">Wenn jemand auf deiner Website auf "Über mich" klickt, dann nicht, weil diese Person deine komplette Biografie lesen möchte - naja, meistens jedenfalls nicht. </p>



<p class="wp-block-paragraph">Nein, in Wahrheit geht es um drei essentielle Fragen:</p>



<ol class="wp-block-list">
<li><strong>Verstehst du mein Problem?</strong> (Empathie)</li>



<li><strong>Kannst du mir helfen?</strong> (Expertise)</li>



<li><strong>Kann ich dir vertrauen?</strong> (Authentizität)</li>
</ol>



<p class="wp-block-paragraph">Das Über-mich-Seite schreiben ist also eigentlich ein versteckter Dialog. Du zeigst: "Ich weiß genau, wo du stehst" – und schaffst damit sofort eine Verbindung. Du demonstrierst deine Fähigkeiten und Erfahrungen – aber immer bezogen auf den Nutzen für deine Kund*innen, sonst schweifst du zu sehr ab und verlierst deine Leser*innen. Und du lässt ein Stück deiner Persönlichkeit durchscheinen, damit die Menschen hinter dem Bildschirm dich als echten Menschen wahrnehmen.</p>



<p class="wp-block-paragraph">Besonders als Coach, Berater*in oder Dienstleister*in bist DU ja die Person, die die Aufträge ausführt - und brauchst eine gute Über-mich-Seite, die genau diese Brücke baut. Denn bei persönlichen Dienstleistungen kaufen die Menschen nicht nur dein Angebot – sie kaufen DICH.</p>



<h2 class="wp-block-heading">Die größte Falle: Zu viel Ich, zu wenig Du</h2>



<p class="wp-block-paragraph">Hand aufs Herz: Wie oft kommt das Wort "Ich" auf deiner aktuellen Über-mich-Seite vor? Vermutlich ziemlich häufig, oder? Das ist auch ganz natürlich – schließlich geht es ja um dich! Aber hier liegt der größte Irrtum beim Über-mich-Text schreiben: Es geht eigentlich gar nicht um dich – es geht um deine Leser*innen und was du für sie tun kannst (mehr dazu findest du auch in meinem <a href="https://stefaniemotiwal.de/website-texte-struktur/">Minikurs "Power Pages"</a>).</p>



<p class="wp-block-paragraph">Ein typischer Fehler ist der chronologische Lebenslauf ohne erkennbare Relevanz für die Zielgruppe:</p>



<p class="wp-block-paragraph"><em>"Ich habe BWL studiert, dann drei Jahre in einer Agentur gearbeitet, bevor ich 2018 meine Ausbildung zum Coach abgeschlossen habe. Seit 2019 bin ich selbständig und biete Coachings an."</em></p>



<p class="wp-block-paragraph">Das Problem bei dieser eher langweiligen Aufzählung: Dieser Text beantwortet keine der drei wichtigen Fragen, die wir oben besprochen haben. Er zeigt weder Empathie noch klaren Nutzen.</p>



<p class="wp-block-paragraph">Der Idealfall ist eine Über-mich-Seite, die deine Persönlichkeit mit deinem Nutzenversprechen verbindet:</p>



<p class="wp-block-paragraph"><em>"Als jemand, der selbst jahrelang im Hamsterrad der Selbstzweifel steckte, weiß ich genau, wie es sich anfühlt, wenn du das Gefühl hast, unter deinen Möglichkeiten zu bleiben. Heute helfe ich ambitionierten Frauen dabei, ihre Selbstsabotage zu überwinden und endlich das Business aufzubauen, das sie verdienen."</em> </p>



<p class="wp-block-paragraph">Siehst du den Unterschied? Der zweite Text macht sofort klar: Ich verstehe dich, ich kann dir helfen, und hier ist meine Geschichte, die zeigt, warum du mir vertrauen kannst. </p>



<h2 class="wp-block-heading">So gelingt dir ein starker Einstieg</h2>



<p class="wp-block-paragraph">Klar kannst du auch starten mit "Hallo, ich bin XY und ich bin Coach/Beraterin/Dienstleisterin für Z" (das schreibe ich bei mir auch so ähnlich) – aber es geht auch packender, individueller, raffinierter! Was du brauchst, ist ein sogenannter "Hook" – ein Haken, oder auch Aufhänger, der sofort packt und Interesse weckt.</p>



<p class="wp-block-paragraph">Hier sind drei unterschiedliche Beispiele, von denen du dich mal inspirieren lassen kannst - komplett individuell und du bekommst direkt einen Eindruck davon, welche Persönlichkeit sich hinter diesem jeweiligen Einstieg verbirgt, oder?</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="492" src="https://stefaniemotiwal.de/wp-content/uploads/2025/05/Ueber-mich-Seite-Beispiel-3-1024x492.png" alt="" class="wp-image-11130" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/05/Ueber-mich-Seite-Beispiel-3-980x471.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/05/Ueber-mich-Seite-Beispiel-3-480x231.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="606" src="https://stefaniemotiwal.de/wp-content/uploads/2025/05/Ueber-mich-Seite-Beispiel-2-1024x606.png" alt="" class="wp-image-11129" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/05/Ueber-mich-Seite-Beispiel-2-980x580.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/05/Ueber-mich-Seite-Beispiel-2-480x284.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="594" src="https://stefaniemotiwal.de/wp-content/uploads/2025/05/Ueber-mich-Seite-Beispiel-1-1024x594.png" alt="" class="wp-image-11128" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/05/Ueber-mich-Seite-Beispiel-1-980x568.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/05/Ueber-mich-Seite-Beispiel-1-480x278.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></figure>



<p class="wp-block-paragraph">Wie du zum Beispiel auch einsteigen könntest: </p>



<p class="wp-block-paragraph"><strong>Mit dem, was du tust (elegant verpackt mit deiner Expertise): </strong>"<em>In den letzten 7 Jahren habe ich über 500 Kund*innen dabei begleitet, ihre größte Angst zu überwinden – die Angst, sichtbar zu werden. Was ich dabei gelernt habe: Es ist nie zu spät, deine wahre Stimme zu finden."</em></p>



<p class="wp-block-paragraph"><strong>Oder mit einem Problem, was vielen nicht bewusst ist, deine Zielgruppe aber betrifft: </strong> <em>"Die meisten Unternehmen scheitern nicht an ihren Produkten, sondern an der Art, wie sie darüber sprechen. Meine Mission ist es, komplexe Ideen in Botschaften zu verwandeln, die nicht nur verstanden, sondern auch gefühlt werden."</em></p>



<p class="wp-block-paragraph"><strong>Oder mit etwas, was dich in deinem Feld besonders macht und deine Superkraft hervorhebt:</strong> "Ich glaube an die Kraft des Unerwarteten. Während andere nach Trends suchen, designe ich das, was noch nicht existiert – aber genau das, was deine Kund*innen nicht mehr missen möchten, sobald sie es gesehen haben."</p>



<p class="wp-block-paragraph">Ein solcher Einstieg für deine Über-mich-Seite weckt sofort Neugier und schafft den perfekten Übergang zu deiner Geschichte und deinem Angebot.</p>



<h2 class="wp-block-heading">Der perfekte Aufbau für deine Über-mich-Seite</h2>



<p class="wp-block-paragraph">Mit dem folgenden Aufbau für deine Über-mich-Seite kannst du sicher sein, dass du alle wichtigen Elemente abdeckst:</p>



<h3 class="wp-block-heading">Der Hook – dein unwiderstehlicher Einstieg</h3>



<p class="wp-block-paragraph">Wie im Abschnitt hiervor erwähnt: Beginne mit einer starken Aussage, einer überraschenden Erkenntnis oder einer Geschichte, die sofort zum Weiterlesen animiert. Zeige gleich zu Beginn, dass du die Herausforderungen deiner Zielgruppe verstehst.</p>



<h3 class="wp-block-heading">Dein Warum – was dich antreibt</h3>



<p class="wp-block-paragraph">Hier kommt deine persönliche Geschichte ins Spiel – aber nicht als chronologischer Lebenslauf, sondern als Erklärung, warum du tust, was du tust. Was hat dich zu deiner Arbeit gebracht? Welches Problem wolltest du lösen? Diese Story schafft Authentizität und emotionale Verbindung. Du kannst hier auch prima deine Werte unterbringen - so wird gleich beim Lesen geprüft, ob sie übereinstimmen (wenn ja gibt das dicke Vertrauens-Bonuspunkte!).</p>



<h3 class="wp-block-heading">Der Nutzen – was deine Kund*innen davon haben</h3>



<p class="wp-block-paragraph">Jetzt wird es konkret: Welche <strong>Transformation</strong> <em>(ich hasse dieses Wort, aber das bringt auf den Punkt, was deine Arbeit tun sollte)</em> bietest du an? Wie verändert sich das Leben oder Business deiner Kund*innen durch die Zusammenarbeit mit dir? Hier darfst du auch Ergebnisse und Erfolge teilen – aber immer mit dem Fokus darauf, was das für zukünftige Kund*innen bedeutet.</p>



<h3 class="wp-block-heading">Die persönliche Note – Mensch statt Marke</h3>



<p class="wp-block-paragraph">Ein kleiner Einblick in dein Leben abseits des Business macht dich nahbar und sympathisch. Das können Hobbys sein, eine Leidenschaft oder auch ein überraschendes Detail. Ich bin ja ein großer Fan von Fun Facts, die du auf meiner <a href="https://stefaniemotiwal.de/ueber-mich/" data-type="page" data-id="3983">Über-mich-Seite</a> auch finden wirst. </p>



<p class="wp-block-paragraph">Gar nicht so einfach, ich weiß! Aber genau diese persönlichen Elemente bleiben oft am stärksten in Erinnerung und helfen oft dabei, dich noch menschlicher und echter wahrzunehmen.</p>



<h3 class="wp-block-heading">Der Call to Action – der nächste Schritt</h3>



<p class="wp-block-paragraph">Was sollen deine Besucher*innen als Nächstes tun? Biete ihnen einen klaren Weg, wie sie mit dir in Kontakt treten oder mehr über deine Angebote erfahren können.</p>



<p class="wp-block-paragraph">Dieser Über-mich-Seite Aufbau ist natürlich flexibel – du kannst die Länge der einzelnen Abschnitte an deine individuelle Geschichte und dein Angebot anpassen. Wichtig ist nur, dass alle Elemente einen klaren Bezug zu deiner Zielgruppe haben und dass die ganze Seite im Idealfall einen roten Faden hat und nicht total im Chaos ausartet.</p>



<h2 class="wp-block-heading">Dos and Don'ts – Das gehört rein (und das bitte nicht!)</h2>



<p class="wp-block-paragraph">Was macht eine Über-mich-Seite wirklich stark, und was solltest du unbedingt vermeiden?</p>



<h3 class="wp-block-heading">Dos – Das gehört auf deine Über-mich-Seite:</h3>



<ul class="wp-block-list">
<li><strong>Deine Expertise klar benennen</strong> – Was ist dein Spezialgebiet? Worin bist du besonders gut?</li>



<li><strong>Die Verbindung zu deiner Zielgruppe herstellen</strong> – Wie bist du selbst mit dem Problem in Berührung gekommen, das du jetzt löst?</li>



<li><strong>Konkrete Ergebnisse nennen</strong> – Nicht "Ich helfe Menschen", sondern "Ich helfe dir, deinen Umsatz innerhalb von 3 Monaten zu verdoppeln"</li>



<li><strong>Deinen einzigartigen Ansatz erklären</strong> – Was macht deine Arbeitsweise besonders?</li>



<li><strong>Ein professionelles, authentisches Foto</strong> – Menschen kaufen von Menschen!</li>



<li><strong>Persönliche Werte einbringen</strong> – Wofür stehst du? Was treibt dich an?</li>



<li><strong>Qualifikationen, die relevant sind</strong> – Ausbildungen und Erfahrungen, die direkt mit deinem Angebot zusammenhängen</li>
</ul>



<h3 class="wp-block-heading">Don'ts – Das hat auf deiner Über-mich-Seite nichts zu suchen:</h3>



<ul class="wp-block-list">
<li><strong>Lückenloser Lebenslauf</strong> – Deine Schulzeit ist nur in den seltensten Fällen relevant</li>



<li><strong>Generische Floskeln</strong> – "Ich bin kreativ, zuverlässig und kommunikativ" (das behaupten alle)</li>



<li><strong>Zu viele irrelevante Qualifikationen</strong> – Nicht jedes Wochenend-Seminar muss erwähnt werden</li>



<li><strong>Übertriebene Selbstdarstellung</strong> – "Ich bin die beste/einzige/revolutionärste..."</li>



<li><strong>Zu viel Fachsprache</strong> – Nicht jeder versteht deine Branchenabkürzungen</li>



<li><strong>Unspezifische Versprechen</strong> – "Ich helfe dir, dein volles Potenzial zu entfalten"</li>



<li><strong>Fehlender Call-to-Action</strong> – Deine Leser*innen sollten mindestens am Ende wissen, was sie als Nächstes tun sollen</li>
</ul>



<p class="wp-block-paragraph">Diese Liste ist natürlich nicht vollständig, aber sie gibt dir eine gute Orientierung, um deine Über-mich-Seite zu überprüfen oder neu zu schreiben. Das Wichtigste: Jedes Element sollte einen klaren Zweck erfüllen und zur Gesamtwirkung deiner Seite beitragen.</p>



<h2 class="wp-block-heading">Bonus-Tipp: So machst du deine Über-mich-Seite SEO-fit</h2>



<p class="wp-block-paragraph">Eine gute Über-mich-Seite spricht nicht nur deine Besucher*innen an, sondern auch die Suchmaschinen. Hier sind die wichtigsten Punkte, die du beachten solltest:</p>



<ul class="wp-block-list">
<li><strong>Meta-Titel:</strong> Nutze hier dein Hauptkeyword, z.B. "Über mich: [Dein Name] - [Deine Kernleistung]" (du kannst den Meta-Titel mit kostenlosen WordPress Plugins wie z.B. RankMath einstellen)</li>



<li><strong>URL:</strong> Halte sie kurz und prägnant, z.B. deineadresse.de/ueber-mich</li>



<li><strong>H1-Überschrift:</strong> Integriere dein Keyword, aber bleib natürlich, z.B. "Über mich: Wie ich dir helfe, [Ergebnis zu erreichen]"</li>



<li><strong>Zwischenüberschriften:</strong> Nutze H2- und H3-Überschriften mit relevanten Keywords</li>



<li><strong>Interne Verlinkungen:</strong> Verlinke zu deinen Angeboten, deiner Kontaktseite und anderen relevanten Seiten</li>



<li><strong>Alt-Texte für Bilder:</strong> Beschreibe dein Foto mit Keywords, z.B. "Coach für XY [Dein Name]"</li>
</ul>



<p class="wp-block-paragraph">Mehr zur Suchmaschinenoptimierung (und wie du wo was genau einstellst) setzt du in meinem Programm "Rock your Website" um.</p>



<h2 class="wp-block-heading">Let's do it gemeinsam</h2>



<p class="wp-block-paragraph">Das hat dir sicherlich schon Einiges zum Nachdenken gegeben, oder? Aber ich weiß, manchmal ist der Weg von der Theorie zur Praxis gar nicht so einfach.</p>



<p class="wp-block-paragraph">In meinem Gruppenprogramm "<a href="https://stefaniemotiwal.de/ryw-warteliste/" data-type="page" data-id="11960">Rock your Website</a>" können wir deine "Über mich" Seite gemeinsam so überarbeiten, dass sie die richtigen Kund*innen überzeugt. Mit tiefgehenden Anleitungen, wöchentlichen Q&amp;A Calls, unbegrenztem Feedback auf deine Texte und einem Live-Workshop zu Website-Texten.</p>



<p class="wp-block-paragraph"><a href="https://stefaniemotiwal.de/ryw-warteliste/" data-type="page" data-id="11960">Trag dich gern hier in die unverbindliche Warteliste ein, um den nächsten Start nicht zu verpassen!</a></p>



<h2 class="wp-block-heading">Fazit: Deine Über-mich-Seite ist keine Pflicht, sondern deine Chance</h2>



<p class="wp-block-paragraph">Deine Über-mich-Seite ist so viel mehr als nur ein notwendiger Teil deiner Website – sie ist deine Bühne, dein Vertrauensbeweis und oft der entscheidende Faktor, ob jemand mit dir zusammenarbeiten möchte oder nicht.</p>



<p class="wp-block-paragraph">Die gute Nachricht: Mit den richtigen Bausteinen und einem klaren Fokus auf das, was deine Zielgruppe wirklich über dich wissen will, wird das Über-mich-Seite schreiben plötzlich viel einfacher. Du musst nicht dein ganzes Leben offenlegen oder eine perfekte Geschichte erzählen – du musst nur authentisch sein und zeigen, wie du deinen Kund*innen helfen kannst.</p>



<p class="wp-block-paragraph">Also, los geht's! Es ist Zeit, dass deine Über-mich-Seite endlich die Arbeit macht, für die sie gedacht ist: Vertrauen aufbauen und Kund*innen gewinnen!</p>



<p class="wp-block-paragraph">Verlink auch super gern deine Über-mich-Seite hier in den Kommentaren! </p>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/ueber-mich-seite-schreiben/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Die 10 besten Plugins für deine WordPress Website in 2025</title>
		<link>https://stefaniemotiwal.de/10-beste-wordpress-plugins-2025/</link>
					<comments>https://stefaniemotiwal.de/10-beste-wordpress-plugins-2025/#comments</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Thu, 23 Jan 2025 00:44:50 +0000</pubDate>
				<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=9747</guid>

					<description><![CDATA[WordPress ohne Plugins? Ja das ginge &#8230; theoretisch. Aber Fakt ist: Auch wenn du dir mit dem Divi-Theme* einige Plugins sparen kannst, gibt es trotzdem noch richtig geniale Funktionen, die einfach nicht fehlen dürfen und weder bei WordPress noch beim Divi-Theme standardmäßig mit dabei sind. Wenn ich jetzt auf eine einsame Insel ziehen und nur [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">WordPress ohne Plugins? Ja das ginge ... theoretisch. Aber Fakt ist: Auch wenn du dir mit dem <a href="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=69543" target="_blank" rel="noopener">Divi-Theme</a>* einige Plugins sparen kannst, gibt es trotzdem noch richtig geniale Funktionen, die einfach nicht fehlen dürfen und weder bei WordPress noch beim Divi-Theme standardmäßig mit dabei sind. </p>



<p class="wp-block-paragraph">Wenn ich jetzt auf eine einsame Insel ziehen und nur 10 Plugins mitnehmen dürfte, dann wären es definitiv die Folgenden: </p>



<h2 class="wp-block-heading">Platz 10: Yoast Duplicate Post</h2>



<p class="wp-block-paragraph">Zugegeben - man käme theoretisch auch ohne dieses Plugin aus. Aber es ist einfach super duper praktisch: Du kannst mit der Maus über einen Blogbeitrag oder eine Seite fahren und mit nur einem Klick die Seite oder den Blogbeitrag <strong>duplizieren</strong>, um sie dann direkt zu bearbeiten. Das spart dir im Alltag einige Klicks - das ist doch immer gut, oder? </p>



<figure class="wp-block-image size-full"><img decoding="async" width="890" height="298" src="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Duplizieren.png" alt="Unscheinbar, aber super praktisch: Die Duplizieren Funktion" class="wp-image-9752" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Duplizieren.png 890w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Duplizieren-480x161.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 890px, 100vw" /></figure>



<h2 class="wp-block-heading">Platz 9: OMGF</h2>



<p class="wp-block-paragraph">Nutzt du Google Fonts, wie vermutlich rund 99% aller WordPress-Nutzer*innen? Dann kannst du die Google Fonts entweder händisch runterladen, um sie dann auf deiner Website zu installieren, oder du installierst dir OMGF und es wird <a href="https://stefaniemotiwal.de/google-fonts-lokal-installieren/" data-type="post" data-id="5743">mit wenigen Klicks ganz automatisch und DSGVO-konform</a> für dich eingerichtet. Und praktisch hab ich ja immer gern - hab ich schonmal erwähnt, oder? </p>



<h2 class="wp-block-heading">Platz 8: Divi Plus</h2>



<p class="wp-block-paragraph">Erst 1, 2 Jahre nachdem ich zum Divi-Theme gewechselt habe, habe ich festgestellt: Es gibt noch richtig geniale Plugins, mit denen man das Divi-Theme um viele Funktionen erweitern kann. Da ist z.B. sowas dabei wie ein Testimonial-Slider, fancy Schrift, die live getippt wird, geniale Foto-Effekte ... auf der <a href="https://stefaniemotiwal.de/divi-plus-2/" data-type="page" data-id="5244">Divi Plus Beispielseite</a> hab ich ein paar Effekte zum Anschauen eingefügt. Falls dir das Plugin gefällt, kannst du es mit einer bestehenden Divi-Lizenz für 79 Dollar jährlich dazu kaufen. Nimmst du an einem meiner Kurse teil, ist es immer mit dabei 🙂 </p>



<h2 class="wp-block-heading">Platz 7: WP Armour</h2>



<p class="wp-block-paragraph">Ich erinnere mich noch an Zeiten, in denen ich täglich neue Spam E-Mails im Posteingang hatte - meistens von Eric Jones oder irgendwelchen Prinzen, die mir unendlich viel Geld vermachen wollten. Dank <strong>WP Armour</strong> hat das ein Ende - über keines meiner Kontaktformulare kam seitdem nochmal eine Spam E-Mail rein. Fast schon ein wenig schade ... aber auch nur fast. Das Plugin muss dabei einfach nur installiert und aktiviert werden und legt sich dabei wie ein Schutzfilm über deine bestehenden Formulare - leider sind externe Formulare wie z.B. von Active Campaign eingebettete dabei ausgeschlossen. </p>



<h2 class="wp-block-heading">Platz 6: Bloom</h2>



<p class="wp-block-paragraph">Wenn du mit dem <a href="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=69543" data-type="link" data-id="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=69543" target="_blank" rel="noopener">Divi-Theme</a> arbeitest, kannst du dieses nette Plugin nutzen, um Pop-Ups, Slide-ins oder sonstige schöne Anmeldeformulare für deinen Newsletter zu gestalten. Die Funktionen des Plugins sind super - die Einrichtung und insbesondere die grafische Gestaltung hat aber noch Luft nach oben. Trotzdem nutze ich es ganz gern, weil gerade dieses Slide-ins dezenter sind als Pop-Ups und das Plugin prima mit dem Divi-Theme zusammen funktioniert (sollte es ja wohl auch - wenn es vom gleichen Hersteller kommt!). </p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="744" src="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Bloom-Einstellungsmoeglichkeiten-1024x744.png" alt="" class="wp-image-9758" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Bloom-Einstellungsmoeglichkeiten-980x712.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Bloom-Einstellungsmoeglichkeiten-480x349.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></figure>



<h2 class="wp-block-heading">Platz 5: Easy Table of Content</h2>



<p class="wp-block-paragraph">Auch wieder so ein super praktisches Plugin: Einmal aktiviert und eingerichtet, fügt es in jeden Blogeintrag automatisch ein anklickbares Inhaltsverzeichnis ein - läuft! </p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="351" src="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Easy-Table-of-Contents-Plugin-1024x351.png" alt="Easy Table of Contents Plugin" class="wp-image-9759" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Easy-Table-of-Contents-Plugin-980x336.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Easy-Table-of-Contents-Plugin-480x165.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></figure>



<h2 class="wp-block-heading">Platz 4: RankMath</h2>



<p class="wp-block-paragraph">Mein absolutes Lieblings-SEO Plugin. Früher habe ich wie so viele andere auch Yoast SEO genutzt, bin aber mittlerweile bei RankMath hängen geblieben. Die Verknüpfung mit Google (Search Console) geschieht bei der Einrichtung automatisch und danach kannst du deine Beiträge und Seiten wunderbar anpassen und optimieren, z. B. indem du sie ganz aus dem Index entfernst (bietet sich z.B. bei Impressum oder Danke-Seiten an) oder die sogenannten Meta-Daten anpasst, damit die Google-Vorschau besser aussieht als der automatisch generierte Standard. </p>



<figure class="wp-block-image size-large is-resized"><img decoding="async" width="1024" height="216" src="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Bearbeitung-von-Metadaten-1024x216.png" alt="" class="wp-image-9756" style="width:579px;height:auto" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Bearbeitung-von-Metadaten-1024x216.png 1024w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Bearbeitung-von-Metadaten-980x207.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Bearbeitung-von-Metadaten-480x101.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></figure>



<h2 class="wp-block-heading">Platz 3: Security Optimizer</h2>



<p class="wp-block-paragraph">Das etwas fortgeschrittene Sicherheitsplugin bietet geniale Sicherheits-Einstellungen - komplett kostenlos (natürlich gibt es auch eine kostenpflichtige Pro-Version, aber auch in der Basis-Version lassen sich alle wichtigen Features nutzen). </p>



<p class="wp-block-paragraph"><strong>Du kannst damit z.B.: </strong></p>



<ul class="wp-block-list">
<li>Nutzer blockieren, die sich mehrfach mit falschem Passwort einloggen (verhindert Hackingangriffe ziemlich zuverlässig)</li>



<li>die Standard Anmeldeseite für den Administrator /wp-admin auf eine beliebige andere Adresse ändern (bitte merken auf welche - sonst ist es doof für dich 😬)</li>



<li>2-Faktor-Authentifizierung einschalten</li>



<li>die WordPress-Version verstecken (damit Hacker nicht sehen können, welche Version genutzt wird und somit welche Sicherheitslücken da sind)</li>
</ul>



<p class="wp-block-paragraph">... und noch diverse tolle Sachen mehr. Die Konfiguration ist hierbei etwas umfangreicher und wenn man dabei einen Fehler macht, kann man sich selbst aussperren. Wenn dir das also zu heikel ist, kannst du auch mit dem Plugin "Limit Login Attempts Reloaded" schon eine Basis Sicherheit reinbringen. </p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="722" src="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Security-Optimizer-1024x722.png" alt="" class="wp-image-9753" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Security-Optimizer-980x691.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Security-Optimizer-480x339.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></figure>



<h2 class="wp-block-heading">Platz 2: Updraft Plus</h2>



<p class="wp-block-paragraph">Ein fantastisches, kostenloses Plugin mit dem du einerseits Backups manuell oder automatisch machen lassen und zurücksichern kannst, andererseits aber auch eine Website von einer Domain oder einem Hoster zu einer / einem anderen umziehen kannst. Egal, welche Änderungen ich an einer Website vornehme - erstmal wird immer ein Backup mit Updraft Plus gemacht! </p>



<h2 class="wp-block-heading">Platz 1: WP Rocket</h2>



<p class="wp-block-paragraph">Mein mit Abstand liebstes Plugin, wenn es um verbesserte Ladegeschwindigkeit geht, ist <a href="https://shareasale.com/r.cfm?b=1859857&amp;u=3010613&amp;m=74778&amp;urllink=&amp;afftrack=" target="_blank" rel="noopener">WP Rocket</a>*. Zusammen mit EWWW Image Optimizer für die Bildeinstellungen kannst du deine Website damit erheblich schneller laden lassen - das freut deine Besucher*innen und damit auch Google natürlich enorm. Was auch genial ist: Falls mal etwas bei der Einrichtung nicht klappt, du Fehler bekommst oder die Ladegeschwindigkeit einfach nicht besser wird, schreibst du den Support an und dir wird weitergeholfen - mag ich!</p>



<p class="wp-block-paragraph"><strong>Jetzt möchte ich von dir wissen: Welche dieser Plugins kennst und nutzt du schon? Und welches sind deine Lieblingsplugins? </strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><em>Die mit * markierten Links sind Affiliate Links. Ich empfehle nur, wovon ich 100% überzeugt bin. </em></p>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/10-beste-wordpress-plugins-2025/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Webdesign im Einklang mit Deinem Human Design: Wie Du Deine Website authentisch gestaltest</title>
		<link>https://stefaniemotiwal.de/webdesign-tipps-human-design/</link>
					<comments>https://stefaniemotiwal.de/webdesign-tipps-human-design/#comments</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Tue, 21 Jan 2025 17:12:51 +0000</pubDate>
				<category><![CDATA[Website erstellen]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=9708</guid>

					<description><![CDATA[Wie Du mit Human Design eine Website kreierst, die Deine Energie widerspiegelt und Deine Zielgruppe magnetisch anzieht Spiegelt Deine Website aktuell wirklich Deine Persönlichkeit und Energie wider – oder fühlt sie sich irgendwie fremd an? Hast Du das Gefühl, Deine Zielgruppe authentisch anzusprechen, oder bleibst Du hinter einer Fassade stecken? Wie würde es sich anfühlen, [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>Wie Du mit Human Design eine Website kreierst, die Deine Energie widerspiegelt und Deine Zielgruppe magnetisch anzieht</strong></p>
<p><em>Spiegelt Deine Website aktuell wirklich Deine Persönlichkeit und Energie wider – oder fühlt sie sich irgendwie fremd an?</em><br />
<em>Hast Du das Gefühl, Deine Zielgruppe authentisch anzusprechen, oder bleibst Du hinter einer Fassade stecken?</em><br />
<em>Wie würde es sich anfühlen, eine Website zu haben, die sich so stimmig anfühlt wie ein Zuhause – für Dich und Deine Kund:innen?</em></p>
<p><span style="font-weight: 400;">Du blickst Dich um.</span></p>
<p><span style="font-weight: 400;">Überall glänzt es golden. Es sieht wunderschön aus. </span></p>
<p><span style="font-weight: 400;">Der Vogel-Käfig, in dem Du sitzt, ist mit filigranen Ornamenten verziert und perfekt designt.</span></p>
<p><span style="font-weight: 400;">Er muss ein Vermögen gekostet haben.</span></p>
<p><span style="font-weight: 400;">Alles scheint absolut makellos.</span></p>
<p><span style="font-weight: 400;">Doch es gibt ein Problem:</span></p>
<p><span style="font-weight: 400;">Es ist nicht Dein Käfig.</span></p>
<p><span style="font-weight: 400;">Dir fällt auf, dass die Sitzstangen nicht zu Deinen Krallen passen, das Futter nicht das ist, was Du brauchst, und wenn Du singst, hallt es dumpf und unnatürlich.</span></p>
<p><b>Du kannst die Flügel ausbreiten, aber nie wirklich fliegen.</b></p>
<p><span style="font-weight: 400;">So fühlen sich viele Menschen, wenn sie versuchen, eine Website zu gestalten, die nicht wirklich zu ihnen passt. Sie übernehmen Designs, die gerade im Trend sind, oder folgen vermeintlichen Best Practices, die sich für sie falsch anfühlen.</span></p>
<p><span style="font-weight: 400;">Das Ergebnis?</span></p>
<p><span style="font-weight: 400;">Eine Website, die vielleicht schick und perfekt aussieht, aber nicht in Resonanz mit Dir oder Deiner Kundenfamilie (Zielgruppe) steht.</span></p>
<p><span style="font-weight: 400;">Doch was wäre, wenn Du Deinen Käfig gegen den weiten Himmel eintauschst – Deinen Himmel?</span></p>
<p><span style="font-weight: 400;">Wenn Du eine Website erschaffen könntest, die genau Dich repräsentiert:</span></p>
<p><span style="font-weight: 400;">Deine Energie, Deine Vision, Dein Warum?</span></p>
<p><span style="font-weight: 400;">Genau das ermöglicht Dir Human Design im Webdesign.</span></p>
<p>&nbsp;</p>
<h2><span style="font-weight: 400;">1. Was ist Human Design und warum ist es relevant fürs Webdesign?</span></h2>
<p><span style="font-weight: 400;">Jeder Mensch trägt eine einzigartige energetische Signatur in sich, die beeinflusst, wie er fühlt, denkt, handelt und Entscheidungen trifft.</span></p>
<p><span style="font-weight: 400;">Und Human Design hilft Dir, diese Energie besser zu verstehen.</span></p>
<p><span style="font-weight: 400;">Human Design ist eine Persönlichkeitsanalyse, die Astrologie, Chakrenlehre, I Ging und Kabbala kombiniert, um ein „Chart“ Deiner persönlichen Stärken und Herausforderungen zu erstellen.</span></p>
<p><i><span style="font-weight: 400;">(I feel you: Zu Beginn klingt das vielleicht alles etwas sehr esoterisch und nach Spiritualitäts-Gedöns, auch ich war auch skeptisch – bis ich 2020 mein Chart gelesen habe. Das hat alles völlig verändert! Also, gib diesem Artikel eine Chance und fühle selbst rein.)</span></i></p>
<p><span style="font-weight: 400;">Warum ist Human Design speziell für Webdesign relevant?</span></p>
<p><span style="font-weight: 400;">Ganz einfach:</span></p>
<p><span style="font-weight: 400;">Die Eigenschaften aus Deinem Chart wirken sich nicht nur auf unsere persönliche Entwicklung, sondern auch auf kreative Prozesse aus.</span></p>
<blockquote><p><strong>Eine Website ist viel mehr als eine Ansammlung von Texten, Bildern und Funktionen. Sie ist eine Erweiterung von Dir – eine visuelle und energetische Darstellung Deiner Vision, Werte und Persönlichkeit.</strong></p></blockquote>
<p><span style="font-weight: 400;">Wenn Deine Website nicht authentisch wirkt oder sich für Dich „falsch“ anfühlt, werden auch Deine Besucher:innen diese Dissonanz spüren. *truefact*</span></p>
<p><span style="font-weight: 400;">Human Design unterstützt Dich dabei, Deinen einzigartigen Stil und Deine Stärken zu erkennen und diese in Deine Website einfließen zu lassen. Es zeigt Dir, wie Du einen kreativen Prozess gestaltest, der Dich nicht überfordert, sondern stärkt.</span></p>
<p><span style="font-weight: 400;">Indem Du Deine Website im Einklang mit Deinem Human Design Typ entwickelst, erschaffst Du nicht nur ein optisch ansprechendes Ergebnis, sondern auch eine Plattform, die Dich wirklich repräsentiert.</span></p>
<p><span style="font-weight: 400;">Und das Beste daran?</span></p>
<p><span style="font-weight: 400;">Es fühlt sich leicht, intuitiv und authentisch an.</span></p>
<p><span style="font-weight: 400;">Um diesen Artikel also wirklich zu </span><b>verstehen</b><span style="font-weight: 400;"> und zu </span><b>fühlen</b><span style="font-weight: 400;">, empfehle ich Dir Dein Chart zu erstellen.</span></p>
<p><i><span style="font-weight: 400;">(Sonst kannst Du nur an der Seite gelangweilt zuschauen und nicht mittanzen. Das wär doch ziemlich schade…wir wollen Dich gleich bei der Webdesign-Choreo mittanzen sehen, also *hopphopp* bitte weiterlesen und fix Dein kostenfreies Chart erstellen.)</span></i></p>
<p>&nbsp;</p>
<h3><span style="font-weight: 400;">So bekommst Du Dein eigenes kostenfreies Human Design Chart</span></h3>
<p><span style="font-weight: 400;">Mit Deinem Geburtsdatum, der Uhrzeit und dem Geburtsort kannst Du Dein Chart online berechnen lassen und herausfinden, welcher Energietyp Du bist.</span></p>
<p><span style="font-weight: 400;">Dafür brauchst Du jetzt nur noch diesen </span><a href="https://www.humandesignservices.de/cms/index.php/rave-chart" target="_blank" rel="noopener"><span style="font-weight: 400;">Chart-Generator</span></a><span style="font-weight: 400;">.</span></p>
<p><span style="font-weight: 400;">Und nein, Du musst nicht einmal Deine E-Mail-Adresse eingeben. *zwinker*</span></p>
<p><a href="https://www.humandesignservices.de/cms/index.php/rave-chart" target="_blank" rel="noopener"><span style="font-weight: 400;">[Also hüpf nun kurz zum Chart-Generator und komm anschließend wieder zurück.]</span></a></p>
<p><span style="font-weight: 400;">Du kennst Deinen Energietypen?</span></p>
<p><span style="font-weight: 400;">Perfekt.</span></p>
<p><span style="font-weight: 400;">Weiter gehts…</span></p>
<p><span style="font-weight: 400;">Human Design unterscheidet fünf grundlegende Typen:</span></p>
<p><span style="font-weight: 400;">Generator, Projektor, Manifestor, Reflektor und Manifestierender Generator (MG).</span></p>
<p><a href="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Bild-Energietypen.png"><img decoding="async" class="aligncenter wp-image-9715 size-large" src="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Bild-Energietypen-1024x576.png" alt="Webdesign-Tipps im Einklang mit Deinem Human Design_Gastartikel_Bild Energietypen" width="1024" height="576" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Bild-Energietypen-1024x576.png 1024w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Bild-Energietypen-980x551.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Bild-Energietypen-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></a></p>
<h2><span style="font-weight: 400;">2. Die Rolle Deines Human Design Typs im kreativen Prozess</span></h2>
<p><span style="font-weight: 400;">Jeder Human Design Typ bringt spezifische Eigenschaften, Energien und Entscheidungsprozesse mit sich, die sich auf kreative Projekte – wie das Gestalten einer Website – auswirken.</span></p>
<p><strong>Indem Du Deinen Typ kennst, kannst Du Deine Stärken gezielt nutzen und mögliche Stolpersteine vermeiden.</strong></p>
<p><span style="font-weight: 400;">Lass uns die fünf Typen gemeinsam genauer betrachten:</span></p>
<p>&nbsp;</p>
<h3><span style="font-weight: 400;">Generator</span></h3>
<p><span style="font-weight: 400;">Generatoren sind die Energiebringer unter den Human Design Typen.</span></p>
<p><span style="font-weight: 400;">Sie haben die Gabe, mit ihrer anhaltenden Energie beeindruckende Dinge zu erschaffen – vorausgesetzt, sie arbeiten an etwas, das sie wirklich begeistert.</span></p>
<p><span style="font-weight: 400;">Wofür Dein Herz nicht zu 100% brennt, fühlt sich so schwer an, wie einen großen IKEA-Schrank ohne Anleitung aufzubauen. *uaaahhhh*</span></p>
<p>&nbsp;</p>
<p><strong>Das ist wichtig für Dich:</strong></p>
<p><span style="font-weight: 400;">Als Generator fühlst Du Dich im Flow, wenn Du auf Deine innere Begeisterung hörst.</span></p>
<p><span style="font-weight: 400;">Beginne also Dein Webdesign mit Ja/Nein-Fragen wie: “Fühlt sich diese Idee gut an?“ oder “Gefällt mir das Design?”. Wenn Dein Bauchgefühl “Ja“ sagt, ist das ein Zeichen, dass Du auf dem richtigen Weg bist.</span></p>
<p><span style="font-weight: 400;">Achte darauf, dass Du nicht zu viel auf einmal anpackst oder versuchst, etwas zu erzwingen. </span></p>
<p><span style="font-weight: 400;">Warte lieber auf die richtige Gelegenheit und </span><b>reagiere</b><span style="font-weight: 400;"> darauf, anstatt blind zu initiieren.</span></p>
<p>&nbsp;</p>
<h3><span style="font-weight: 400;">Manifestierender Generator (MG)</span></h3>
<p><span style="font-weight: 400;">MGs kombinieren die Ausdauer der Generatoren mit der Initiativkraft der Manifestoren.</span></p>
<p><span style="font-weight: 400;">Sie sind vielseitig und lieben es, viele Dinge gleichzeitig zu tun.</span></p>
<p><strong>Das ist wichtig für Dich:</strong></p>
<p><span style="font-weight: 400;">Als MG bist Du am kreativsten, wenn Du Deine Vielseitigkeit nutzen kannst.</span></p>
<p><span style="font-weight: 400;">Multitasking liegt Dir, aber achte darauf, Dich nicht zu verzetteln.</span></p>
<p><span style="font-weight: 400;">Dein Enthusiasmus kann Dich dazu verleiten, Projekte zu früh abzuschließen oder ständig neue Webdesign-Ideen zu verfolgen. </span></p>
<p><span style="font-weight: 400;">Ja, Du kannst mehrere Dinge gleichzeitig rocken, aber nicht auf 25 verschiedenen Hochzeiten innnerhalb einer einzigen Stunde tanzen. Finde einen Weg, Deinen Prozess zu strukturieren.</span></p>
<p>&nbsp;</p>
<h3><span style="font-weight: 400;">Projektor</span></h3>
<p><span style="font-weight: 400;">Projektoren sind die Guides und Führer im Human Design.</span></p>
<p><span style="font-weight: 400;">Sie haben einen natürlichen Sinn für Struktur und Klarheit und können gut erkennen, was andere brauchen und sie entsprechend begleiten.</span></p>
<p><strong>Das fühlt sich stimmig für Dich an:</strong></p>
<p><span style="font-weight: 400;">Deine Stärke liegt in der Fokussierung auf Details und in Deiner Fähigkeit, andere zu leiten. </span></p>
<p><span style="font-weight: 400;">Doch anstatt sofort loszulaufen, warte auf Einladungen oder Feedback. </span></p>
<p><span style="font-weight: 400;">Projektoren haben oft begrenzte Energie. Was überhaupt nicht schlimm ist. Nehme Dir aber nicht vor Dein Webdesign innerhalb von 1-2 Tagen zu kreieren. Du darfst Dir mehr Zeit schenken, um die volle Webdesign-Wirkung entfalten zu können.</span></p>
<p><span style="font-weight: 400;">Versuche demnach, Deinen kreativen Prozess nicht zu überstrapazieren, indem Du zu lange oder ohne klare Richtung arbeitest.</span></p>
<p>&nbsp;</p>
<h3><span style="font-weight: 400;">Manifestor</span></h3>
<p><span style="font-weight: 400;">Manifestoren sind die Initiatoren – sie haben die Fähigkeit, neue Ideen in Bewegung zu bringen und andere zu inspirieren. Ihre Stärke liegt in ihrer Unabhängigkeit und Entschlossenheit.</span></p>
<p><strong>Für Dich gilt:</strong></p>
<p><span style="font-weight: 400;">Als Manifestor kannst Du mutig Entscheidungen treffen und Deine Vision direkt umsetzen. </span></p>
<p><span style="font-weight: 400;">Vertraue Deinem Impuls, etwas Neues zu erschaffen, und lass Dich nicht von anderen aufhalten.</span></p>
<p><span style="font-weight: 400;">Manchmal könntest Du das Gefühl haben, dass andere Deinen kreativen Weg blockieren.</span></p>
<p><span style="font-weight: 400;">Es ist wichtig, dass Du Deine Schritte kommunizierst, um Unterstützung zu gewinnen. </span></p>
<p><span style="font-weight: 400;">Achtung: Das bedeutet nicht, um Erlaubnis zu fragen.</span></p>
<p>&nbsp;</p>
<h3><span style="font-weight: 400;">Reflektor</span></h3>
<p><span style="font-weight: 400;">Reflektoren sind die Spiegel ihrer Umgebung. Sie haben eine natürliche Sensibilität für Energien und Trends und können sich mühelos an unterschiedliche Situationen anpassen.</span></p>
<p><strong>Sei Dir bitte dessen bewusst:</strong></p>
<p><span style="font-weight: 400;">Deine Stärke liegt in Deiner Fähigkeit, Dinge aus einer einzigartigen Perspektive zu betrachten. </span></p>
<p><span style="font-weight: 400;">Nimm Dir Zeit, um verschiedene Ideen zu reflektieren und Dich inspirieren zu lassen, bevor Du entscheidest, was beim Thema Webdesign am besten zu Dir passt.</span></p>
<p><span style="font-weight: 400;">Du brauchst mehr Zeit für Entscheidungen als andere Typen.</span></p>
<p><span style="font-weight: 400;">Das ist keine Schwäche, sondern Deine Art, die bestmögliche Wahl zu treffen.</span></p>
<p>&nbsp;</p>
<h2><span style="font-weight: 400;">3. Praktische Webdesign-Tipps für die Gestaltung einer authentischen Website</span></h2>
<h3><span style="font-weight: 400;">Warum ist visuelles Branding so wichtig?</span></h3>
<blockquote><p><strong>Dein visuelles Branding ist der erste Eindruck, den Besucher Deiner Website wahrnehmen – und dieser Eindruck entscheidet oft darüber, ob sie bleiben oder weiterklicken.</strong></p></blockquote>
<p><span style="font-weight: 400;">Es ist der Türöffner, der Deine Kundenfamilie einlädt, sich mit Deinen Inhalten zu beschäftigen. </span></p>
<p><span style="font-weight: 400;">Ein stimmiges und authentisches visuelles Branding ist daher essenziell, um Deine Zielgruppe anzuziehen und ihnen ein Gefühl von Vertrauen und Professionalität zu vermitteln.</span></p>
<p><span style="font-weight: 400;">Visuelles Branding geht weit über Farben und Logos hinaus. Es ist die visuelle Sprache, die Deine Werte, Persönlichkeit und Vision repräsentiert. Ein harmonisches Erscheinungsbild schafft:</span></p>
<p><a href="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Warum-ist-visuelles-Branding-wichtig-1.png"><img decoding="async" class="aligncenter wp-image-9716 size-large" src="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Warum-ist-visuelles-Branding-wichtig-1-1024x576.png" alt="Webdesign-Tipps im Einklang mit Deinem Human Design_Gastartikel_Warum ist visuelles Branding wichtig (1)" width="1024" height="576" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Warum-ist-visuelles-Branding-wichtig-1-1024x576.png 1024w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Warum-ist-visuelles-Branding-wichtig-1-980x551.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/01/Webdesign-Tipps-im-Einklang-mit-Deinem-Human-Design_Gastartikel_Warum-ist-visuelles-Branding-wichtig-1-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></a></p>
<p><span style="font-weight: 400;">Ein gutes visuelles Branding ist jedoch nicht nur ansprechend, sondern spiegelt auch Deine Persönlichkeit und Energie wider.</span></p>
<p><span style="font-weight: 400;">Hier kommt Dein Human Design ins Spiel: Jeder Typus hat seine eigenen Stärken, die Du visuell unterstreichen kannst, um Deine Authentizität hervorzuheben.</span></p>
<p><span style="font-weight: 400;">Trotzdem möchte ich vor diesen Webdesign-Tipps betonen, dass Du bei einer bestehenden Website nicht alles verändern musst, weil es eventuell nicht mit Deinem Design harmoniert.</span></p>
<p><span style="font-weight: 400;">Die Verantwortung liegt bei Dir, tiefer in den entsprechenden Punkt reinzufühlen.</span></p>
<p><span style="font-weight: 400;">Ist alles fein?</span></p>
<p><span style="font-weight: 400;">Dann bleibt es erst einmal genauso. </span></p>
<p><span style="font-weight: 400;">Denn das Gute ist:</span></p>
<p><span style="font-weight: 400;">Eine Website ist nie in Stein gemeißelt. </span></p>
<p><span style="font-weight: 400;">Veränderungen oder Anpassungen dürfen erfolgen, wenn wir bereit dafür sind. *zwinker*</span></p>
<p>&nbsp;</p>
<h3><span style="font-weight: 400;">Wirkungsvolle Webdesign-Tipps für Generatoren: Emotionale Tiefe und intuitive Kraft</span></h3>
<p><span style="font-weight: 400;">Im visuellen Branding für Generatoren sollte ihre emotionale Tiefe und kontinuierliche Stärke betont werden.</span></p>
<p><strong>Praktische Umsetzung:</strong></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Verwende warme Farben wie kräftige Rottöne oder erdige Brauntöne, um Leidenschaft und emotionale Intensität zu vermitteln.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Setze ein konsistentes Farbschema für die gesamte Website, um Kontinuität zu stärken.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Nutze sanft wellende Linien oder fließende Formen, um Energie und Dynamik darzustellen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Ergänze Muster oder Texturen, die an fließendes Wasser erinnern, um emotionale Tiefe und Transformation zu betonen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Verwende maximal zwei Schriftarten für eine einheitliche und klare Struktur.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Ein konsistentes Layout und wiederkehrende Designelemente fördern die Kohärenz und Struktur.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Dein Logo und andere Branding-Elemente sollten auf jeder Seite sichtbar sein, um Wiedererkennung und Kontinuität zu gewährleisten.</span></li>
</ul>
<h3><span style="font-weight: 400;">Bewährte Webdesign-Tipps für Manifestierende Generatoren: Vielfalt und Klarheit</span></h3>
<p><span style="font-weight: 400;">Im Branding für MGs sollte die Vielfalt ihrer Talente klar und ansprechend dargestellt werden. Ihr Branding muss diese Vielfalt widerspiegeln, ohne chaotisch oder überfordernd zu wirken.</span></p>
<p>&nbsp;</p>
<p><strong>Praktische Umsetzung:</strong></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Verwende klare Linien und eine minimalistische Farbpalette (z. B. Weiß, Grau, Pastellfarben), um eine ruhige, fokussierte Atmosphäre zu schaffen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Setze gezielte Akzente, um besondere Talente hervorzuheben, ohne das Design zu überladen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Nutze Farbverläufe (max. 2 Farben), um Vielfältigkeit und Anpassungsfähigkeit darzustellen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Integriere Pfeile, um Deine Besucher intuitiv durch die Seite zu führen und ein Gefühl der Orientierung zu bieten.</span></li>
</ul>
<h3><span style="font-weight: 400;">Verlässliche Webdesign-Tipps für Projektoren: Führung und Klarheit</span></h3>
<p><span style="font-weight: 400;">Im Branding für Projektoren sollte die Führungsrolle betont werden, um Vertrauen und Orientierung zu vermitteln.</span></p>
<p><strong>Praktische Umsetzung:</strong></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Setze auf helle, strahlende Designs, die Deine Führungsqualitäten widerspiegeln.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Verwende Symbole wie Leitsterne oder Kompasse, um Deine Rolle als Führungspersönlichkeit zu visualisieren.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Nutze weiche, einladende Pastelltöne für eine warme Atmosphäre, die Deine Weisheit unterstreicht.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Setze klare, einfache Schriftarten ein, um Klarheit und Zuverlässigkeit zu vermitteln.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Füge gezielte Call-to-Action-Buttons hinzu, die klare Handlungsanweisungen geben und Deine Kunden „führen“.</span></li>
</ul>
<h3><span style="font-weight: 400;">Wirksame Webdesign-Tipps für Manifestoren: Dynamik und Innovation</span></h3>
<p><span style="font-weight: 400;">Manifestoren sind Vorreiter und Impulsgeber. Ihr Branding sollte Fortschritt, Energie und Antrieb ausstrahlen, um ihre einzigartige Persönlichkeit sichtbar zu machen.</span></p>
<p><span style="font-weight: 400;">Für Manifestoren sollte das Branding Antrieb, Innovation und den Mut, neue Wege zu gehen, widerspiegeln.</span></p>
<p><strong>Praktische Umsetzung:</strong></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Nutze dynamische Grafiken oder Bilder, die Bewegung und Fortschritt symbolisieren (z. B. schnelle Fahrzeuge, Raketen, Feuerwerk).</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Setze metallische Akzente ein, um Stärke und Durchsetzungsvermögen zu betonen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Wähle ein futuristisches Design mit modernen Formen, minimalistischen Layouts und innovativen Animationen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Verwende lebendige Farben und starke Kontraste, um Energie und Optimismus auszudrücken.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Füge viel “White Space” ein, damit die Besucher:innen Raum bekommen, um über Deine transformierenden, wachrüttelnden Texte nachdenken zu können.</span></li>
</ul>
<h3><span style="font-weight: 400;">Funktionierende Webdesign-Tipps für Reflektoren: Vielseitigkeit und Anpassungsfähigkeit</span></h3>
<p><span style="font-weight: 400;">Reflektoren sind einzigartige Spiegel der Umgebung. Ihr Branding sollte Eleganz und Flexibilität ausdrücken, um ihre vielseitige Natur sichtbar zu machen.</span></p>
<p><strong>Praktische Umsetzung:</strong></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Verwende ein Logo oder Designelemente mit changierenden Farben oder reflektierenden Oberflächen, um die Anpassungsfähigkeit zu betonen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Achte auf ein responsives Design, das sich leicht an verschiedene Plattformen anpasst (mobile first!).</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Integriere vielfältige Inhalte (Texte, Bilder, Videos) und interaktive Funktionen, um die Vielseitigkeit zu zeigen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Nutze interaktive Features, die den Besuchern erlauben, die Website individuell anzupassen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Setze viel “White Space“ ein, damit Besucher:innen Raum haben, über Deine Inhalte nachzudenken.</span></li>
</ul>
<p>&nbsp;</p>
<h2><span style="font-weight: 400;">Fazit: Authentizität als Schlüssel zum Erfolg</span></h2>
<p><span style="font-weight: 400;">Die Gestaltung Deiner Website im Einklang mit Deinem Human Design ist mehr als nur eine kreative Aufgabe – sie ist eine Einladung, Deine Einzigartigkeit sichtbar zu machen und Deine Stärken authentisch zu präsentieren.</span></p>
<p><span style="font-weight: 400;">Indem Du die besonderen Qualitäten Deines Typ – sei es als Generator, manifestierender Generator, Projektor, Manifestor oder Reflektor – verstehst, entsteht eine Website, die nicht nur funktional, sondern auch energetisch stimmig ist. *perfect-match*</span></p>
<p><span style="font-weight: 400;">Deine Website wird zu einem Raum, der Deine Kundenfamilie auf natürliche Weise anzieht, inspiriert und in Resonanz mit Deinen Werten und Fähigkeiten bringt.</span></p>
<p><span style="font-weight: 400;">Denke daran:</span></p>
<blockquote><p><strong>Authentizität entsteht nicht durch Perfektion, sondern durch das bewusste Einbringen Deiner individuellen Energie.</strong></p></blockquote>
<p><i><span style="font-weight: 400;">(Gerne diesen Satz nochmal lesen!)</span></i></p>
<p><span style="font-weight: 400;">Du musst nicht alles auf einmal “perfekt” machen.</span></p>
<p><span style="font-weight: 400;">Deine Website darf mit Dir wachsen und sich mit Deiner eigenen Entwicklung wandeln.</span></p>
<p><span style="font-weight: 400;">Nutze die </span><b>Webdesign-Tipps für Deinen Human Design Energietypen</b><span style="font-weight: 400;"> und vertraue darauf, dass die Verbindung zu Deinem Design Dir die richtigen Entscheidungen weist.</span></p>
<p><span style="font-weight: 400;">Auf diese Weise gestaltest Du nicht nur eine Website, sondern ein digitales Zuhause, das Deine Persönlichkeit widerspiegelt und den Menschen, die zu Dir passen, Orientierung und Inspiration bietet.</span></p>
<p><span style="font-weight: 400;">Und jetzt:</span></p>
<p><span style="font-weight: 400;">Trau Dich, Deinen einzigartigen Weg in der digitalen Welt zu gehen!</span></p>
<p><span style="font-weight: 400;">[Teile uns gerne Deinen Energietyp in den Kommentaren mit und verlinke Deine Website. Damit wir Dein digitales Zuhause kennenlernen dürfen.]</span></p>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/webdesign-tipps-human-design/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Schriftarten für deine Website wählen und kombinieren</title>
		<link>https://stefaniemotiwal.de/website-fonts/</link>
					<comments>https://stefaniemotiwal.de/website-fonts/#respond</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Wed, 13 Mar 2024 09:00:13 +0000</pubDate>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Website-Strategie]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=2506</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[
<div class="et_pb_section_1 et_pb_section et_section_regular et_block_section"><div class="et_pb_row_1 et_pb_row et_block_row preset--module--divi-row--bdae504e-4bfa-4547-9b70-b86fca4013ce"><div class="et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough"><div class="et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--default"><div class="et_pb_text_inner"><p>Wenn du dir deine Website selbst erstellen möchtest, wirst du früher oder später auch deine Schriften aussuchen. Nutzt du die weit verbreiteten Google Fonts, die bei WordPress in einigen Themes dabei sind oder sonst über ein Plugin (z.B. Easy Google Fonts) eingebunden werden können, dann hast du allein schon gut 900 Schriftarten zur Auswahl.<br />Wie solltest du also bei der Auswahl vorgehen?</p>
<p>Zunächst macht es Sinn, sich kurz die fünf Kategorien der Schriften anzuschauen:</p>
</div></div><div class="et_pb_divider_6 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module"><div class="et_pb_divider_internal"></div></div><div class="et_pb_text_8 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--default"><div class="et_pb_text_inner"><h2>Welche Schriftarten gibt es?</h2>
<p>In der Typographie unterscheidet man grob zwischen fünf Kategorien von Schriftarten:</p>
<ol>
<li>Schriftarten <strong>mit Serifen</strong>,</li>
<li>Schriftarten <strong>ohne Serifen</strong> (sans serif),</li>
<li><strong>handschriftliche</strong> Schriftarten,</li>
<li><strong>Schreib</strong>schriften und</li>
<li><strong>Egyptienne</strong>.</li>
</ol>
<p>Serifen sind sozusagen die Schnörkel, die Füßchen, die sich an den Enden befinden - vergleiche einmal <span style="font-family: 'Times New Roman'; font-weight: normal;">Times New Roman</span> (mit Serifen) mit <span style="font-family: Arial; font-weight: normal;">Arial </span>(ohne Serifen):</p>
<p><strong>Serifenschriften</strong> sind die klassischsten Schriftarten und werden am häufigsten verwendet. Längere Texte lassen sich in der Regel besser mit Serifen lesen.</p>
<p><span style="font-family: 'Times New Roman'; font-weight: normal; font-size: x-large;">Beispiel Serifenschrift (Times New Roman)</span></p>
<p><strong>Serifenlose</strong> Schriften wirken etwas moderner und werden in der digitalen Welt häufiger eingesetzt.</p>
<p><span style="font-family: Arial; font-weight: normal; font-size: x-large;">Beispiel serifenlose Schrift (Arial)</span></p>
<p>Bei <strong>Egyptienne</strong> Schriften - auch Slab Serif genannt - ist die Schriftstärke der einzelnen Buchstaben genau gleichen. Sie wirken dadurch eher massiv und erzeugen einen "Vintage-Look".</p>
<p><span style="font-family: 'Josefin Slab'; font-weight: normal; font-size: x-large;">Beispiel Egyptienne Schrift (Josefin Slab)</span></p>
<p><strong>Hand- und Schreibschriften</strong> geben dem Text einen sehr persönlichen Stil und sind auf Websites bei Überschriften oder einzelnen Worten in der Überschrift sehr beliebt. Schreibschriften können altbacken wirken, werden aber z.B. bei Hochzeitscovern gern verwendet. Bei Schreibschriften gibt es keine Zwischenräume, da "der Stift" nicht abgesetzt wird. Man muss jedoch vor allem bei Handschriften darauf achten, dass die Schrift trotzdem noch gut lesbar bleibt und man sie nicht zu viel, vor allem nicht für längere Texte einsetzt.</p>
<p><span style="font-family: 'Amithen local'; font-weight: normal; font-size: xx-large;">Beispiel Handschrift (Amithen)</span></p>
<p><span style="font-family: 'Seaweed Script'; font-weight: normal; font-size: xx-large;"><span style="font-family: Sentania;">Beispiel Schreibschrift (Sentania)</span></span></p>
<p>&nbsp;</p>
</div></div><div class="et_pb_divider_7 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module"><div class="et_pb_divider_internal"></div></div><div class="et_pb_text_9 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--default"><div class="et_pb_text_inner"><h2>Wie finde ich die richtigen Schriftarten für mich und mein Branding?</h2>
<p>Wie auch Farben haben Schriftarten bestimmte Wirkungen auf den Betrachter. Wenn wir durch das Lesen eines einzelnen Blogartikels genau wüssten, welche Schrift wir auswählen sollen, würde es wohl nicht so viele Branddesigner*innen geben. Eine klare Antwort auf die Frage lautet also: Frag am besten einen Profi! Ich kann hier wärmstens Lena Küssner von goingneon.de empfehlen, die dir nach eingehender Analyse ein Brand Design erstellen kann, dass dich vom Hocker holt.</p>
<p>Was du bedenken solltest bei der Auswahl deiner Schriften:</p>
<ul>
<li><strong>Wer genau ist deine Zielgruppe?</strong> Wen sprichst du an? Ist diese eher seriös? Verspielt? Feminin? Elegant? Klar? Kantig? Bodenständig? - Dies darf sich in einer Schrift wiederspiegeln.</li>
<li><strong>Was bietest du an?</strong> Musikinstrumente erfordern andere Schriften als Spielsachen oder Interior-Design-Beratung!</li>
<li><strong>Was macht dich aus?</strong> Bist du witzig, schnell, perfektionistisch, laut, zurückhaltend, umsetzungsstark? Auch das kannst du durch die Wahl der richtigen Schrift zeigen, ohne Worte zu benutzen.</li>
</ul>
<p>Um genau einschätzen zu können, welche Schrift was genau aussagt, solltest du dich entweder ausführlich mit dem Eindruck von Schriften befassen oder einen Profi damit beauftragen - es lohnt sich wirklich.</p>
<p>Außerdem gibt es diverse Links, unter denen du schon ein paar schöne Auswahlen an Schriften finden kannst, wie z. B. <a href="https://www.canva.com/de_de/lernen/professionelle-fonts-fuer-deine-website/" target="_blank" rel="noopener">hier direkt bei Canva</a>.</p>
<p>&nbsp;</p>
</div></div><div class="et_pb_divider_8 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module"><div class="et_pb_divider_internal"></div></div><div class="et_pb_text_10 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--default"><div class="et_pb_text_inner"><h2>Welche Schriftarten passen zusammen?</h2>
<p><strong>Kontrast ist wichtig</strong>! Wichtig ist beim Mischen, dass man keine zwei Schriften der gleichen Art mischen sollte - also <strong>keine zwei serifenlosen oder zwei handschriftliche Schriftarten mischen</strong>. Sie sollten genügend Unterschiede zeigen, sonst wird unbewusst eine Verwirrung hervorgerufen.</p>
<p>Ein guter Start für dein Personal Branding, also deinen Markenstil ist es, wenn du dir</p>
<ul>
<li>eine Schriftart für Überschriften aussuchst und</li>
<li>eine Schrift für den Fließtext (also den ganz normalen Text auf deiner Website).</li>
</ul>
<p>Möglich ist es, dir noch eine <strong>dritte Schriftart für spezielle Betonungen</strong> auszusuchen, z.B. so etwas wie Buttons. Aber das Ganze sollte nicht zu "bunt" werden und immer noch harmonisch wirken.</p>
<p>Auf <a href="https://fontjoy.com/" target="_blank" rel="noopener">fontjoy.com</a> kannst du dir zufällige Schriftenkombinationen generieren lassen und direkt sehen, wie diese zusammenpassen.</p>
</div></div><div class="et_pb_divider_9 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module"><div class="et_pb_divider_internal"></div></div><div class="et_pb_text_11 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--default"><div class="et_pb_text_inner"><h2>Online Tools für Schriftarten</h2>
<ul>
<li>Direkt auf <a href="https://fonts.google.com/" target="_blank" rel="noopener">Google Fonts</a> kannst du dir die Schriftarten anschauen, die z.B. vom Divi Theme und vielen anderen WordPress Themes automatisch eingebunden werden</li>
<li><a href="https://www.calligraphr.com/de/" target="_blank" rel="noopener">Calligraphr</a> - Hiermit kannst du deine eigene Handschrift einscannen und am Computer verwenden</li>
<li>Es gibt noch weitere Websites, auf denen du dir Schriftarten herunterladen kannst (z.B. <a href="https://www.dafont.com/" target="_blank" rel="noopener">Dafont</a>), jedoch sind viele nicht kostenlos für kommerzielle Zwecke und die jeweiligen Lizenzbedingungen sind teilweise nicht so leicht herauszufinden</li>
<li>In <a href="https://canva.com" target="_blank" rel="noopener">Canva</a> kannst du in der Premium Version deine Branding Schriftarten hochladen, falls diese nicht schon vorhanden sind, und damit all deine Grafiken schnell und einfach erstellen.</li>
</ul>
<p>&nbsp;</p>
</div></div><div class="et_pb_divider_10 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module"><div class="et_pb_divider_internal"></div></div><div class="et_pb_text_12 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--default"><div class="et_pb_text_inner"><h2>Wie kann ich Schriftarten auf anderen Websites herausfinden?</h2>
<p>Dafür nutzt du im Browser die Entwicklertools, in Google Chrome kannst du dazu einfach mit der rechten Maustaste auf ein Wort klicken und "Untersuchen" auswählen. Falls beim Rüberfahren über die Schrift noch kein Fenster erscheint, musst du einmal auf das Pfeilsymbol klicken:</p>
<p><a href="https://stefaniemotiwal.de/wp-content/uploads/2021/02/Element-untersuchen-auf-einer-Seite.png"><img decoding="async" class="size-full wp-image-8553 alignleft" src="https://stefaniemotiwal.de/wp-content/uploads/2021/02/Element-untersuchen-auf-einer-Seite.png" alt="Element untersuchen auf einer Website" width="445" height="83" srcset="https://stefaniemotiwal.de/wp-content/uploads/2021/02/Element-untersuchen-auf-einer-Seite.png 445w, https://stefaniemotiwal.de/wp-content/uploads/2021/02/Element-untersuchen-auf-einer-Seite-300x56.png 300w" sizes="(max-width: 445px) 100vw, 445px" /></a></p>
<p>&nbsp;</p>
<p>Wenn du anschließend mit der Maus über den gewünschten Text fährst, wird dir in einem separaten Fenster neben Infos zu der Schriftfarbe (Color) und Größte auch die Schriftart selbst angezeigt - hier z. B. bei Font: "Overpass Light":</p>
</div></div><div class="et_pb_image_1 et_pb_image et_pb_module et_block_module"><a href="https://stefaniemotiwal.de/wp-content/uploads/2021/02/Schrift-auf-einer-Website-herausfinden.png" class="et_pb_lightbox_image" alt="Schrift auf einer Website herausfinden"><span class="et_pb_image_wrap"><img decoding="async" src="https://stefaniemotiwal.de/wp-content/uploads/2021/02/Schrift-auf-einer-Website-herausfinden.png" width="382" height="300" srcset="https://stefaniemotiwal.de/wp-content/uploads/2021/02/Schrift-auf-einer-Website-herausfinden.png 382w, https://stefaniemotiwal.de/wp-content/uploads/2021/02/Schrift-auf-einer-Website-herausfinden-300x236.png 300w" sizes="(max-width: 382px) 100vw, 382px" class="wp-image-8554" alt="Schrift auf einer Website herausfinden" title="Schrift auf einer Website herausfinden" /></span></a></div><div class="et_pb_divider_11 et_pb_divider et_pb_space et_pb_divider_position_top et_pb_module"><div class="et_pb_divider_internal"></div></div><div class="et_pb_text_13 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module preset--module--divi-text--default"><div class="et_pb_text_inner"><h2>Schriftarten lokal einbinden (datenschutzkonform)</h2>
<p>Mit dem kostenlosen Plugin OMGF kannst du die von dir verwendeten Schriften ganz einfach DSGVO-konform (lokal) einbinden. In der <a href="https://stefaniemotiwal.de/google-fonts-lokal-installieren/">OMGF Anleitung</a> zeige ich dir ganz genau, wie dies geht.</p>
</div></div></div></div></div>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/website-fonts/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPress Website erstellen: Die übersichtliche Schritt für Schritt Anleitung</title>
		<link>https://stefaniemotiwal.de/website-erstellen-anleitung/</link>
					<comments>https://stefaniemotiwal.de/website-erstellen-anleitung/#respond</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Mon, 05 Feb 2024 09:52:23 +0000</pubDate>
				<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=7279</guid>

					<description><![CDATA[Du willst endlich deine eigene Website erstellen? Dann lernst du in diesem Blogartikel, worauf es dabei ankommt, welche Schritte dazugehören und wie du vorgehen solltest. Übrigens: Auch wenn im alltäglichen Sprachgebrauch oft von &#8222;Homepage&#8220; gesprochen wird, verwende ich immer die Bezeichnung &#8222;Website&#8220;, da &#8222;Homepage&#8220; eigentlich nur für die Startseite einer gesamten Website steht. Warum ist [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Du willst endlich deine eigene Website erstellen? Dann lernst du in diesem Blogartikel, worauf es dabei ankommt, welche Schritte dazugehören und wie du vorgehen solltest.</p>



<p class="wp-block-paragraph">Übrigens: Auch wenn im alltäglichen Sprachgebrauch oft von "<strong>Homepage</strong>" gesprochen wird, verwende ich immer die Bezeichnung "Website", da "Homepage" eigentlich nur für die Startseite einer gesamten Website steht.</p>



<h2 class="wp-block-heading">Warum ist eine eigene Website so wichtig?</h2>



<p class="wp-block-paragraph">Auch wenn es nach wie vor Unternehmer*innen gibt, die nur auf einen Social Media Kanal schwören, empfehle ich immer eine Website als Basis für dein (Online-)Business. Ein unschlagbarer Website-Vorteil ist, dass potentielle Kund*innen nach der Lösung zu einem Problem googeln und du (mit der entsprechenden Optimierung) gute Chancen hast, als Lösung gefunden zu werden. Außerdem hilft dir eine professionelle Website dabei, Vertrauen aufzubauen.</p>



<p class="wp-block-paragraph">Du kannst z. B. erfolgreiche Projekte, Kundenstimmen und natürlich dich selbst zeigen. Über deine Website kannst du zudem 24/7 schon häufig gestellte Fragen beantworten, einfache Kontaktmöglichkeiten bereitstellen und Terminvereinbarung anbieten - rund um die Uhr Kundenservice und Support also! Eine strategisch erstellte Website kann dir außerdem dabei helfen, Produkte zu verkaufen und somit mehr Umsatz zu verdienen. Na, wenn das keine Vorteile sind?</p>



<h2 class="wp-block-heading">Die Wahl des richtigen Systems: Website-Baukasten oder Content-Management-System (CMS)?</h2>



<p class="wp-block-paragraph">Hui, da kommen wir gleich schon zu der ersten Schwierigkeit: Welches System möchtest du für deine Website nutzen? Ganz grob gesagt hast du die Wahl zwischen einem der unzähligen Baukastensysteme - die in der Regel einfacher zu bedienen, aber teilweise in den Funktionen eingeschränkt und teurer sind - und einem Content-Management-System wie WordPress oder Joomla, die kostenlos sind und einen schier unbegrenzten Funktionsumfang haben, aber etwas mehr Zeit für die Einarbeitung fordern. Ich bin ja klar für WordPress, warum und welche anderen Systeme mit ihren Vor- und Nachteilen es gibt, findest du im Blogartikel zu den <a href="https://stefaniemotiwal.de/website-systeme/">Website-Systemen</a>.</p>



<p class="wp-block-paragraph"><strong>In meinem Website-Fahrplan stelle ich dir übrigens für 0€ die <a href="https://stefaniemotiwal.de/website-fahrplan-ws/">12 Schritte zur Erstellung deiner Business-Website</a> vor - als PDF Anleitung inkl. Video und Checkliste!</strong></p>



<h2 class="wp-block-heading">Planung und Vorbereitung</h2>



<p class="wp-block-paragraph">Bevor du mit dem Auto wohin fährst, machst du dir in den allermeisten Fällen Gedanken um ein paar Dinge: Wo will ich überhaupt hinfahren? Muss ich noch tanken? Hole ich jemanden auf dem Weg ab? Muss ich noch was Wichtiges mitnehmen? Fährst du einfach so drauf los, kann das zwar Spaß machen, aber führt in den allermeisten Fällen nicht zum gewünschten Ziel - und vielleicht hast du auch ein paar wichtige Dinge vergessen, wie z. B. Mitfahrer, deine Geldbörse oder Sprit!</p>



<p class="wp-block-paragraph">Auch bei einer Website ist es leider so: Einfach drauf los zu basteln macht meistens mehr Spaß, bringt dir aber nicht das gewünschte Ergebnis - in den allermeisten Fällen zahlende Kund*innen. Mach dir also im Vorfeld Gedanken über die wichtigsten Eckpunkte, unter anderem:</p>



<ul class="wp-block-list">
<li>Wen möchte ich mit meiner Website überhaupt ansprechen?</li>



<li>Welche Unterseiten benötige ich?</li>



<li>Was sind meine Angebote?</li>



<li>Wie sollen Besucher*innen mit mir in Kontakt treten?</li>
</ul>



<p class="wp-block-paragraph"><strong>Für mehr Details zur Website-Planung (Positionierung, Seiten &amp; mehr) lade dir hier mein <a href="https://stefaniemotiwal.de/website-workbook-ws/">Website Workbook für 0€</a> runter.&nbsp;</strong></p>



<h2 class="wp-block-heading">Seiten definieren</h2>



<p class="wp-block-paragraph">Jetzt ist ein guter Zeitpunkt gekommen, um dir eine Liste der benötigten Unterseiten zu machen. Natürlich hast du auch die Möglichkeit, mit einem sogenannten <a href="https://stefaniemotiwal.de/onepager/">Onepager</a> zu starten, bei dem du alle Inhalte auf einer langen Seite unterbringst und in Abschnitte einteilst. Ansonsten würde ich dir unbedingt die folgenden Unterseiten empfehlen:</p>



<ul class="wp-block-list">
<li>Startseite (ist ja klar)</li>



<li>Datenschutzerklärung (Pflicht)</li>



<li>Impressum (Pflicht)</li>



<li>Kontakt (je nachdem wie man dich kontaktieren kann ggf. mit Kontaktformular, Link zu einem Buchungskalender, Telefonnummer...)</li>



<li>Über mich (super wichtig für den Vertrauensaufbau)</li>



<li>Angebote</li>



<li>ggf. Unterseiten für deine Angebote, wenn diese etwas mehr Platz und Erklärungen benötigen</li>



<li>Blog (von hier aus lassen sich deine einzelnen Blogartikel aufrufen)</li>



<li>ggf. Newsletter-Anmeldeseite (die kann aber ruhig auch erst später kommen)</li>
</ul>



<p class="wp-block-paragraph">Wenn du dich beim Lesen schon überfordert fühlst: Starte ruhig erstmal nur mit den allernötigsten Inhalten auf den 2, 3 wichtigsten Seiten - es darf einfach alles mit der Zeit wachsen und muss nicht von Anfang an vollständig sein.</p>



<h2 class="wp-block-heading">Website-Texte erstellen, die begeistern</h2>



<p class="wp-block-paragraph">Was den meisten neben der Technik am Allerschwersten fällt in Bezug auf die Website? Texte erstellen! Fragen wie</p>



<ul class="wp-block-list">
<li>"Wo soll ich überhaupt anfangen?"</li>



<li>"Wie persönlich soll ich auf der Über mich Seite werden?"</li>



<li>"Wie lang soll die Angebotsseite werden?"</li>



<li>"Wie ist die Startseite aufgebaut"?</li>



<li>"Was schreibe ich überhaupt, um die Besucher*innen wirklich abzuholen?"</li>



<li>"Wie kann ich die Texte so darstellen, dass sie nicht so langweilig aussehen?"</li>



<li>"Wie schaffe ich es, dass meine Texte auch verkaufen?"</li>
</ul>



<p class="wp-block-paragraph">sind bei meinen Kund*innen zu Beginn der Zusammenarbeit an der Tagesordnung. Mit meinem <a href="https://www.digistore24.com/product/659971" target="_blank" rel="noopener">Website KI-Texthelfer </a>kannst du mit deiner Lieblings-KI arbeiten, um noch schneller überzeugende Texte zu schreiben -  Vorlagen für den Aufbau der einzelnen Seiten sind mit dabei. </p>



<p class="wp-block-paragraph">Mein Lieblings-Hack: Frag deine Kund*innen! Das kann vor, während und nach der Zusammenarbeit sein -&nbsp; ich nutze hierzu sehr gern Fragebögen und schaue mir ganz genau an, wie die Antworten formuliert werden. Als Fragen geht sowas wie "Was ist deine größte Herausforderung in Bezug auf x (dein Thema)?"</p>



<h2 class="wp-block-heading">Domain registrieren und System einrichten</h2>



<p class="wp-block-paragraph">Wow, du hast eine ganze Menge vorbereitet - jetzt geht es an die Umsetzung auf technischer Ebene! Dazu müssen erst einige Entscheidungen getroffen werden, zum Beispiel:</p>



<h3 class="wp-block-heading">Welches System möchtest du verwenden?</h3>



<p class="wp-block-paragraph">Falls du ein <a href="https://stefaniemotiwal.de/website-systeme/">Baukastensystem</a> nutzen möchtest, registrierst du deinen Account und die Domain bei dem jeweiligen Anbieter, also z. B. Squarespace oder Wix direkt. Du hast dort meist direkt im Bestellprozess die Möglichkeit, dir eine Domain, also Webadresse unter der du erreichbar sein wirst, zu kaufen.</p>



<p class="wp-block-paragraph">Die weiteren Schritte in dieser Anleitung beziehen sich auf WordPress - meinen absoluten Favoriten und das weltweit am meisten genutzte Website-System.</p>



<h3 class="wp-block-heading">Webhoster auswählen</h3>



<p class="wp-block-paragraph">Bei WordPress entscheidest du dich - relativ frei - für einen Webhoster (meine Empfehlung ist <a href="https://all-inkl.com/PA77D651F949D4" target="_blank" rel="noopener">all-inkl.com*</a>, aber auch Raidboxes und Webgo sind prima) und bestellst dort deine Domain und den Webhosting-Tarif. Der besagt z. B. wie viel Speicherplatz dir zur Verfügung steht, wie viele Domains du inklusive hast, wie viele E-Mail-Adressen du anlegen kannst usw.</p>



<h3 class="wp-block-heading">Welche Domain wählen?</h3>



<p class="wp-block-paragraph">Wenn dir die Entscheidung für eine Domain schwer fällt, fang ruhig mit deinem Namen an - zumindest, wenn es davon nicht 100e andere gibt, die bei Google weit vorne stehen. Der Bindestrich zwischen Vor- und Nachname wird im deutschsprachigen Raum gern genutzt, im internationalen Raum eher nicht. Er macht es Handynutzern auch ein klitzekleines bisschen schwerer, deine Adresse einzutragen, hat ansonsten aber keine Nachteile. Mit einem Kunstnamen, wie z. B. Yoga-mit-Ulli.de bist du zwar spezifischer, legst dich aber auch fest auf ein bestimmtes Business und kannst nicht so flexibel nach Monaten oder Jahren umschwenken (bzw. kannst du schon, du verlierst dann aber auch alle Backlinks, also die Links, die auf deine Website verweisen und fängst wieder bei 0 an).</p>



<h3 class="wp-block-heading">WordPress installieren</h3>



<p class="wp-block-paragraph">Der letzte Schritt ist jetzt die Installation von WordPress. Das kannst du entweder manuell machen, in dem du dir die aktuellste Version von der Website wordpress.org herunterlädst, die Dateien entpackst und per FTP-Programm (z. B. Filezilla) auf deinen Webserver hochlädst. Dann öffnest du deine Domain im Webbrowser und folgst den Installationsanweisungen. ODER - die meist beliebtere Methode - du installierst WordPress bei deinem Webhoster mit nur wenigen Klicks über die Weboberfläche. Dies wird mittlerweile von fast allen Webhostern unterstützt.</p>



<h2 class="wp-block-heading">Theme einrichten</h2>



<p class="wp-block-paragraph">Als großer Divi-Fan empfehle ich dir natürlich das Divi-Theme von elegantThemes. Es ist unfassbar vielseitig einsetzbar und lässt keine Wünsche offen - siehe <a href="https://stefaniemotiwal.de/divi-theme/">die 12 überzeugenden Vorteile vom Divi-Theme.</a></p>



<p class="wp-block-paragraph">Wenn du aber erstmal kostenlos starten möchtest - kann ich auch gut verstehen - sind das Astra Theme oder Ocean WP gute Alternativen, mit denen du deine Website flexibel und schnell einrichten kannst.</p>



<h2 class="wp-block-heading">Plugins einrichten</h2>



<p class="wp-block-paragraph">Auch hier gehe ich wieder von WordPress aus: Die Standard-Funktionen wie Seiten mit Text und Bildern und Blogartikeln schreiben reicht in den meisten Fällen nicht mehr aus. Doch genau dafür gibt es Plugins: Kleine Programm, die neue Funktionen hinzufügen - z. B. einen Newsletter, einen Online-Shop, ein Cookie-Banner, einen Kurs- oder Mitgliederbereich, ein Gästebuch (Old School, aber cool!) und vieles mehr. Nutzt du ein Baukastensystem, musst du ggf. eine Zusatzoption oder einen anderen Tarif buchen, bei WordPress gibt es einen großen Teil der Plugins kostenlos.</p>



<p class="wp-block-paragraph">Falls du erst einmal Plugins testest, am Ende aber doch nicht alle verwendest, solltest du die nicht benötigten Plugins unbedingt wieder deinstallieren - so wird deine Website schneller und sicherer.</p>



<p class="wp-block-paragraph">Welche Plugins ich ganz genau verwende, stelle ich dir übrigens in meiner <a href="https://stefaniemotiwal.de/tools-selbstaendigkeit/">Tool-Übersicht</a> vor.</p>



<h2 class="wp-block-heading">Die Gestaltung deiner Website</h2>



<p class="wp-block-paragraph">Jetzt geht der Spaß so richtig los - aber Vorsicht, Verzettel-Gefahr! Das sogenannte <strong>Branding</strong> ist eine wichtige Basis für deine Website und vermittelt den Besucher*innen auch ohne eine Zeile gelesen zu haben, wer du bist und was sie ungefähr erwarten können. Du wählst passende Farben und Schriften aus. "Passend - wozu?" fragst du vielleicht. Das Branding soll passen zu</p>



<ul class="wp-block-list">
<li>dir (deiner Persönlichkeit)</li>



<li>deiner liebsten Zielgruppe</li>



<li>deinem Angebot / Thema</li>
</ul>



<p class="wp-block-paragraph">Du kannst dir all dies selbstverständlich selbst erarbeiten - wichtig dafür sind vor allem Kenntnisse aus dem Bereich Farbpsychologie und Typografie. Oder du setzt auf sogenannte Branddesigner*innen, die meist viele Jahre Erfahrung in dem Bereich haben und dir das Ganze so zusammenstellen, dass du es vor Begeisterung am liebsten jedem zeigen würdest. Das gibt deinem Selbstbewußtsein übrigens einen großen Boost und führt viel eher dazu, dass du deine Website am Ende mit Stolz vorzeigst.</p>



<p class="wp-block-paragraph">Übrigens - ich bin von der Fraktion "Ein <a href="https://stefaniemotiwal.de/logo-anpassen/">Logo</a> brauchst du nicht sofort". Du kannst dir ganz einfach einen Schriftzug in deiner gewählten Schriftart erstellen und dies vorerst (oder auch länger) verwenden. Das machen sogar sehr bekannte Persönlichkeiten und Millionenunternehmen wie z. B Laura Seiler.</p>



<p class="wp-block-paragraph">Generell gilt bei der Auswahl von Schriften und Farben: Je weniger, desto einfacher wird es für dich. Wenn du dir am Ende 10 Farbtöne rausgesucht hast, wird es wesentlich schwieriger, diese auch konsistent einzusetzen - dabei ist gerade das super wichtig für einen professionellen Eindruck. Wenn du dich also eh schon überfordert fühlst von der unfassbar großen Auswahl an Farben und Schriften da draußen, beschränke dich ruhig auf:</p>



<ul class="wp-block-list">
<li>1 dunkle Textfarbe</li>



<li>1 sehr helle Hintergrundfarbe (die du im Wechsel mit weiß verwenden kannst)</li>



<li>1 Akzentfarbe, die du für Buttons verwenden kannst</li>



<li>Optional noch 1 weitere Farbe, die du für Überschriften nutzt (sonst geht auch die Akzentfarbe)</li>
</ul>



<p class="wp-block-paragraph">Auch bei den Schriften kannst du es unkompliziert halten: Entweder verwendest du 1 Schriftart für alles, oder du wählst:</p>



<ul class="wp-block-list">
<li>1 Schriftart für die Überschriften</li>



<li>1 Schriftart für den Fließtext</li>
</ul>



<p class="wp-block-paragraph">Dabei solltest du unbedingt darauf achten, dass sich die Schriftarten nicht ähnlich sehen - das wirkt schnell unharmonisch. Kombinierst du also z. B. eine Sans-Serifenschrift mit einer Serifenschrift, bist du meist auf der sicheren Seite. Nutze am besten die Schriften von Google Fonts - diese sind fast überall vorhanden und können somit von fast allen Browsern problemlos angezeigt werden. Damit diese DGSVO-konform eingebunden werden, kannst du ein Plugin wie z. B. <a href="https://stefaniemotiwal.de/google-fonts-lokal-installieren/">OMGF</a> nutzen.</p>



<h2 class="wp-block-heading">Mobile Optimierung - überall präsent sein</h2>



<p class="wp-block-paragraph"><a href="https://stefaniemotiwal.de/website-mobil-optimieren/">Responsive Design</a> ist mittlerweile ein Muss! Je nach Branche kann sich die Zahl etwas unterscheiden, aber oft sind 80% und mehr der Website-Nutzer mittlerweile mobil unterwegs! Das heißt: Deine Website MUSS auf dem Handy tiptop aussehen. Dazu gehört nicht nur, dass Formulare und Buttons funktionieren und alles in der richtigen Reihenfolge ist, sondern im besten Fall denkst du bei der Website-Erstellung zuerst an die Handy-Version. Statt einem großen Bild mit Text darauf, der auf dem Handy vielleicht zusammengeschoben und nicht lesbar ist, zeigst du erst den Text und dann das Bild, oder sogar ein anderes Bild mit Text, welches du extra fürs Handy erstellt hast.</p>



<p class="wp-block-paragraph">Bei den meisten Pagebuildern, mit denen du deine Seite erstellst - also z. B. dem Divi Builder oder Elementor - hast du die Möglichkeit, für mobile Geräte eine extra Version einzustellen. Das ist Fluch und Segen zugleich: Super natürlich, dass du z. B. für das Handy die Überschriftengröße größer machen kannst als auf dem Computer und dass du ein anderes Bild auswählst für den Hintergrund. ABER je mehr individuelle Einstellungen hier gespeichert werden, desto langsamer lädt die Seite und desto komplizierter wird es für dich, hier den Überblick zu behalten. Beschränke dich also am besten auf die wichtigsten Funktionen und halte deine Website einfach in der Struktur, damit du dir Zeit und Nerven sparst.</p>



<h2 class="wp-block-heading">SEO für bessere Sichtbarkeit</h2>



<p class="wp-block-paragraph">Nicht einmalig, sondern fortlaufend musst du dich um deine Sichtbarkeit kümmern. Das nonplusultra sind hierfür suchmaschinenoptimierte Blogartikel. Bevor du loslegst, brainstorme doch einmal alle Themen, über die du bloggen könntest:</p>



<ul class="wp-block-list">
<li>Was sind typische Probleme deiner Zielgruppe?</li>



<li>Was kann dein Angebot lösen?</li>



<li>Was müssen potentielle Kund*innen wissen, bevor sie bei dir kaufen würden?</li>



<li>Was sind häufige Fehler in deinem Bereich, die von deinen Kund*innen gemacht werden?</li>



<li>usw.</li>
</ul>



<p class="wp-block-paragraph">Um zu wissen, was überhaupt gute Chancen für einen Seite 1 Platz bei Google hat, solltest du als nächstes eine Keyword-Recherche mit diesen gebrainstormten Themen durchführen. Dazu kannst du Tools nutzen wie ubersuggest, answerthepublic oder keyword-tools.org. Diese Tools zeigen dir unter anderem an, wie häufig ein Begriff bei Google monatlich gesucht wird und wie schwierig es ist, damit bei Google ganz vorne zu landen (= wie groß die Konkurrenz ist). Hast du hier potentielle gute Keywords für dich identifiziert, die im Optimalfall ein etwas größeres Suchvolumen haben und nicht zu schwierig sind, dann hast du ein gutes Blogartikel-Thema gefunden. Das Keyword kannst du mit zusammenhängenden Begriffen in deinen Blogartikel einarbeiten - im Titel, in den Meta Tags, in den Bildern usw. Eine genaue Anleitung hierzu findest du in meinem <a href="https://stefaniemotiwal.de/website-seo/">Blogartikel: Wie deine Website besser gefunden wird – die wichtigsten Schritte zur Suchmaschinenoptimierung.</a></p>



<h2 class="wp-block-heading">Nicht vergessen: Website-Wartung und regelmäßige Updates</h2>



<p class="wp-block-paragraph">Wow, jetzt hast du schon viel geschafft: Deine Website steht und wird im besten Fall auch bei Google gefunden! Damit du auch lange Freude an deiner Website hast, musst du dich regelmäßig um Updates und Sicherungskopien kümmern.</p>



<p class="wp-block-paragraph">Falls noch nicht geschehen, richte unbedingt ein Backup ein - ich empfehle hierzu das kostenlose Plugin <a href="https://stefaniemotiwal.de/backup-mit-wordpress/">Updraft Plus</a>. Anschließend solltest du regelmäßig, mindestens einmal im Monat, die installierten Plugins, Themes und WordPress selbst aktualisieren.</p>



<p class="wp-block-paragraph"><iframe loading="lazy" title="YouTube video player" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen" consent-original-src-_="https://www.youtube.com/embed/0q4QjRDnOzA?si=kckycQYoqbA4p8dE" consent-required="14177" consent-by="services" consent-id="14178" consent-click-original-src-_="https://www.youtube.com/embed/0q4QjRDnOzA?si=kckycQYoqbA4p8dE&amp;autoplay=1"></iframe></p>



<h2 class="wp-block-heading">Video: Website erstellen - Der 12 Schritte Fahrplan</h2>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy"  title="Website erstellen – mein kompletter 12-Schritte-Fahrplan (inkl. PDF)" width="1080" height="608" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen consent-original-src-_="https://www.youtube.com/embed/UCRs3IxgOXE?feature=oembed" consent-required="14177" consent-by="services" consent-id="14178" consent-click-original-src-_="https://www.youtube.com/embed/UCRs3IxgOXE?feature=oembed&amp;autoplay=1"></iframe>
</div></figure>



<p class="wp-block-paragraph">&nbsp;</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph">Ich hoffe, dieser ausführliche Blogartikel hat dir einen guten Überblick über die Website-Erstellung gegeben. Lass mich doch gern in den Kommentaren wissen, an welchem Punkt du gerade stehst und was deine nächsten Schritte sind.</p>



<p class="wp-block-paragraph">Wenn du das Ganze gemeinsam mit mir umsetzen möchtest, trag dich auf die unverbindliche Warteliste zu meinem Gruppenprogramm "<a href="https://stefaniemotiwal.de/website-leicht-gemacht/" data-type="page" data-id="11484">Website leicht gemacht</a>" ein - da hast du in nur wenigen Wochen deine professionelle, verkaufsstarke Website fertig. </p>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/website-erstellen-anleitung/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Diese Tools nutze ich als Selbständige im Online-Business</title>
		<link>https://stefaniemotiwal.de/tools-selbstaendigkeit/</link>
					<comments>https://stefaniemotiwal.de/tools-selbstaendigkeit/#comments</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Wed, 17 Jan 2024 08:55:18 +0000</pubDate>
				<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Website-Strategie]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=8205</guid>

					<description><![CDATA[Zu Beginn deiner Selbständigkeit bist du höchstwahrscheinlich erstmal völlig überwältigt von den 1000 Möglichkeiten, die sich dir bieten (neben der freien Zeiteinteilung meine ich hier vor allem auch deine Zielgruppe, deine Angebotspalette, deine Content-Strategie (wie sollen neue Menschen auf dich aufmerksam werden), 1000 ToDos (Gewerbe anmelden, Bankkonto eröffnen, Steuernummer beantragen, Website erstellen, E-Mail einrichten, &#8230;) [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Zu Beginn deiner Selbständigkeit bist du höchstwahrscheinlich erstmal völlig überwältigt von den</p>
<ul>
<li>1000 Möglichkeiten, die sich dir bieten (neben der freien Zeiteinteilung meine ich hier vor allem auch deine Zielgruppe, deine Angebotspalette, deine Content-Strategie (wie sollen neue Menschen auf dich aufmerksam werden),</li>
<li>1000 ToDos (Gewerbe anmelden, Bankkonto eröffnen, Steuernummer beantragen, Website erstellen, E-Mail einrichten, &#8230;)</li>
<li>1000 Fragezeichen  (womit soll ich bloß anfangen? Wie soll ich mich und mein Business nennen? Wie geht das mit der Website?)</li>
<li>und 1000 Tools, die du dir anschauen könntest.</li>
</ul>
<p>Da ich dir in diesem Blogartikel nicht mit ALL diesen Punkten ausführlich helfen kann, möchte ich dir die Tools und Dienste vorstellen, die ich im Online-Business nutze. Das heißt mit 1:1 Arbeit, Selbstlernkursen, Gruppenprogrammen und Newsletter.</p>
<p>Was ich als Selbständige im Online-Business nutze:</p>
<h2>Tools, Dienste und Anbieter rund um meine Website</h2>
<h3>Webhoster</h3>
<p><a href="https://all-inkl.com/PA77D651F949D4" target="_blank" rel="noopener">All-Inkl*</a> nutze ich schon seit 2005 für alle meine Domains und fast alle meine Kundinnen und bin super zufrieden.</p>
<h3>Website-System: WordPress</h3>
<p>Als Theme kommt mir nur noch das <a href="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=69543" target="_blank" rel="noopener">Divi-Theme*</a> ins Haus, welches gleich den powervollen <a href="https://stefaniemotiwal.de/was-ist-ein-pagebuilder/">Divi-Builder als Pagebuilder</a> mitbringt.<br />
Wenn es unbedingt ein kostenloses Theme sein muss, empfehle ich Astra oder OceanWP &#8211; und würde dann den Elementor als Pagebuilder nutzen.</p>
<h3>Die folgenden Plugins nutze ich für meine WordPress Website:</h3>
<ul>
<li>All In One WP Security als Sicherheitsplugin (bietet z. B. auch 2-Faktor Verifizierung)</li>
<li>Bloom &#8211; für Popups und Slide-Ins zur Newsletteranmeldung</li>
<li>Borlabs Cookie Banner &#8211; für die Cookie Einwilligung</li>
<li>Broken Link Checker &#8211; benachrichtigt mich per E-Mail falls ein Link auf meiner Website nicht mehr funktioniert</li>
<li>Classic Editor &#8211; mit diesem super einfachen Editor schreibe ich die meisten meiner Blogartikel</li>
<li>Divi Lightbox for Images &#8211; damit sich Bilder wunderhübsch in einem extra Fenster öffnen</li>
<li>Easy Table of Contents &#8211; damit du in meinen Blogartikeln ein schönes Inhaltsverzeichnis angezeigt bekommst</li>
<li>EWWW Image Optimizer &#8211; für Bildkomprimierung und Lazy Load (macht die Website schneller)</li>
<li>Koko Analytics &#8211; probiere ich momentan als Analysetool</li>
<li>Limit Login Attempts Reloaded &#8211; verhindert Brute-Force Angriffe auf meine Website, bei dem Angreifer versuchen, sich als Administrator einzuloggen</li>
<li>OMGF &#8211; damit die Google Schriften dsgvo-konform eingebunden sind</li>
<li>RankMath als SEO Plugin, damit ich z.B. die Meta Angaben für Blogartikel anpassen kann</li>
<li>Statify &#8211; ein dsgvo-konformes Mini-Analyseplugin, welches direkt im WordPress Dashboard zeigt, wie viele Besucher welche Seiten aufgerufen haben und von wo sie kamen</li>
<li>UpdraftPlus &#8211; für ein wöchentliches Backup</li>
<li>WP Armour &#8211; damit ich keine Spam-Mails und Kommentare mehr bekomme &#8211; es wirkt Wunder!</li>
<li><a href="https://shareasale.com/r.cfm?b=1859857&amp;u=3010613&amp;m=74778&amp;urllink=&amp;afftrack=" target="_blank" rel="noopener">WP Rocket*</a> &#8211; damit meine Website wesentlich schneller geladen wird</li>
<li>WPS Hide Login &#8211; damit du dich in meinem WordPress nicht mit https://stefaniemotiwal.de/wp-admin (Standard) einloggen kannst, sondern mit einer ganz verstecken anderen Adresse (die niemand jemals erraten würde)</li>
<li>Yoast Duplicate Post &#8211; um mit einem einfachen Klicke Seiten oder Blogbeiträge zu duplizieren</li>
</ul>
<h3>Die folgenden Plugins (und Dienste) nutze ich für meine Kursplattform in WordPress:</h3>
<ul>
<li>bei <a href="http://digistore24.com" target="_blank" rel="noopener">digistore24</a> habe ich meine Programme angelegt, sodass diese darüber gekauft werden können</li>
<li>das <a href="https://digimember.de/" target="_blank" rel="noopener">digimember</a> Plugin sorgt dann in Verbindung mit digistore24 dafür, dass bestimmte Seiten in WordPress &#8211; je nach gekauftem Programm &#8211; für den jeweiligen Benutzer freigeschaltet werden</li>
<li>das <a href="https://stellarwp.pxf.io/c/2092395/1287834/9639" target="_blank" rel="noopener">learndash*</a> Plugin nutze ich als Kursplattform. Hier kannst du Inhalte in Kurse, Lektionen und einzelne Themen einsortieren, kannst Material anhängen und deinen Fortschritt festhalten (Lektionen als &#8222;erledigt&#8220; markieren etc.)</li>
</ul>
<h2>Tools und Dienste rund um mein Business</h2>
<h3>Diese Tools nutze ich für mein Gruppenprogramm</h3>
<p>Facebook für die Gruppenbetreuung und den Austausch untereinander</p>
<p><a href="https://docs.google.com/forms/" target="_blank" rel="noopener">Google Forms</a> für Umfragen (Feedback, Zufriedenheit) und um Aufgaben einzuschicken (z. B. Website-Text für Feedback)</p>
<p><a href="https://zoom.us/" target="_blank" rel="noopener">Zoom</a> für alle Meetings &#8211; Q&amp;A Sessions und Expertinnensessions</p>
<h3>Diese Tools nutze ich für meine Planung</h3>
<p><a href="https://www.notion.so/de-de" target="_blank" rel="noopener">Notion</a> &#8211; um alle meine ToDos nach Kalenderwochen und Themen geteilt schön festzuhalten</p>
<p><a href="https://trello.com/" target="_blank" rel="noopener">Trello</a> &#8211; um z.B. wiederkehrende Prozesse schön säuberlich zu dokumentieren und abzuarbeiten</p>
<p><a href="https://chatgpt.com/" target="_blank" rel="noopener">chatGPT</a> &#8211; um generell mehr Ordnung und Struktur zu haben und für Brainstorming bei neuen ideen</p>
<h3>Diese Tools nutze ich für mein Marketing</h3>
<p><a href="https://www.activecampaign.com/" target="_blank" rel="noopener">Active Campaign</a> für alle nicht händischen E-Mails &#8211; also meine Newsletter, die Mails, die nach dem Kauf eines Produktes ankommen und die wöchentlichen Kurs-E-Mails an meine Teilnehmerinnen</p>
<p><a href="https://www.instagram.com/stefaniemotiwal/" target="_blank" rel="noopener">Instagram</a> &#8211; nutze ich sporadisch für Beiträge und Stories</p>
<p><a href="https://www.youtube.com/channel/UCGOXkucwXg3YUaY6XV1VI7g" target="_blank" rel="noopener">Youtube</a> &#8211; nutze ich für Anleitungen zu WordPress und dem Divi-Theme</p>
<p>Facebook (Meta) Ads vor Kurslaunches</p>
<h3>Diese Tools nutze ich für meine Grafiken</h3>
<p><a href="https://www.canva.com/" target="_blank" rel="noopener">Canva</a> &#8211; DAS Tausendsassa für alle Grafiken &#8211; seien es die Bilder für die Website, die sich zurechtschneiden oder einrahmen lassen, PDFs für meine Freebies, Werbeanzeigen, (Info-)Grafiken und Workbooks für meine Kurse, Blogvorschaubilder oder auch Präsentationen. Canva lässt sich für alles nutzen und auch prima mit anderen teilen.</p>
<p><a href="https://tinypng.com/" target="_blank" rel="noopener">TinyPNG.com</a> &#8211; Website für die Komprimierung von Bildern</p>
<h3>Diese Tools nutze ich für meine Buchhaltung</h3>
<p><a href="https://www.lexoffice.de/" target="_blank" rel="noopener">Lexoffice</a> &#8211; damit verbuche ich alle Zahlungsein- und ausgänge und schreibe meine Rechnungen</p>
<p><a href="https://n26.com/de-de" target="_blank" rel="noopener">N26</a> für mein Businesskonto. Hier nutze ich ein Unterkontenmodell und verteile die Einnahmen prozentual, um z. B. auch Geld für die Steuern, Investitionen, Gewinn etc. zurückzulegen. Für mehr Infos dazu kann ich dir das Buch &#8222;Profit first&#8220; von Mike Michalowicz ans Herz legen.</p>
<h2>Technik:</h2>
<p>Macbook Pro (I LOVE)</p>
<p>FiFine Mikrofon für vieeeel besseren Sound in den Meetings und bei Videoaufnahmen (hat so um die 35 Euro gekostet).</p>
<hr />
<p><strong>Und jetzt bist du gefragt:</strong> Auf welches Tool kannst du nicht verzichten? Was empfiehlst du jedem weiter?</p>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/tools-selbstaendigkeit/feed/</wfw:commentRss>
			<slash:comments>6</slash:comments>
		
		
			</item>
		<item>
		<title>Ab wann brauche ich eine Website?</title>
		<link>https://stefaniemotiwal.de/ab-wann-brauche-ich-eine-website/</link>
					<comments>https://stefaniemotiwal.de/ab-wann-brauche-ich-eine-website/#respond</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Wed, 13 Dec 2023 10:08:53 +0000</pubDate>
				<category><![CDATA[Website erstellen]]></category>
		<category><![CDATA[Website-Strategie]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=8067</guid>

					<description><![CDATA[Eine eigene Website zu haben, hat natürlich viele Vorteile als Selbständige*r: Du kannst und vieles mehr. Der Weg dorthin kann aber anfangs wie ein unüberwindbarer Berg erscheinen, denn es gibt natürlich Einiges zu entscheiden, zu bedenken und vor allem: zu Tun!Bevor du dich also auf den Weg machst und Zeit, Geld und Nerven in deine [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Eine eigene Website zu haben, hat natürlich viele Vorteile als Selbständige*r:</p>



<p class="wp-block-paragraph">Du kannst </p>



<ul class="wp-block-list">
<li>von potentiellen neuen Kund*innen gefunden werden</li>



<li>neue Anfragen erhalten</li>



<li>dein Angebot häufiger verkaufen</li>



<li>Vertrauen aufbauen</li>



<li>Kooperationsanfragen erhalten</li>
</ul>



<p class="wp-block-paragraph">und vieles mehr.</p>



<p class="wp-block-paragraph">Der Weg dorthin kann aber anfangs wie ein unüberwindbarer Berg erscheinen, denn es gibt natürlich Einiges zu entscheiden, zu bedenken und vor allem: zu Tun!<br>Bevor du dich also auf den Weg machst und Zeit, Geld und Nerven in deine Website investierst, überlege dir, ob du JETZT schon eine Website brauchst, oder ob es dafür vielleicht noch viel zu früh ist.</p>



<h2 class="wp-block-heading">Du weißt noch gar nicht, ob du dich überhaupt selbständig machen möchtest?</h2>



<p class="wp-block-paragraph">Dann ist <strong>das</strong> natürlich der erste Schritt. Finde heraus, ob die Selbständigkeit zu dir passen könnte - am besten, in dem du es mal ausprobierst. Du könntest z. B. starten, in dem du in der Facebook-Gruppe "<a href="https://www.facebook.com/groups/vafinden" target="_blank" rel="noopener">Virtuelle Assistenten suchen und finden</a>" aktiv wirst und entweder auf Suchanzeigen antwortest oder selbst einen Eintrag verfasst mit den Dingen, die du kannst. So sammelst du erste Erfahrungen in der Arbeit als Freelancer*in oder virtuelle*r Assistent*in und findest heraus, ob du mit der Art der Arbeit und allem, was dazu gehört (Marketing, Buchhaltung, Selbstorganisation, Verkauf) gut zurecht kommst, oder ob das so gar nicht deins ist. Denn dass wir z. B. auch als Coach leider nicht nur mit Coaching beschäftigt sind, sondern einen großen Teil der Zeit damit verbringen, diese Dienstleistung auch zu verkaufen, vergessen viele. Wenn du merkst, dass du für die Selbständigkeit brennst und dir das viel Spaß bereitet, gehst du über zum nächsten Schritt:</p>



<h2 class="wp-block-heading">Du weißt noch gar nicht, was du überhaupt anbieten möchtest und für wen?</h2>



<p class="wp-block-paragraph">Dann ist es für eine Website noch zu früh. ABER: Wenn du schon deinen Namen oder zumindest eine grobe Richtung im Kopf hast, lohnt es sich, die Domain frühzeitig zu sichern (<em>hast du dagegen noch gar keine Idee, was du anbieten möchtest, konzentriere dich erst darauf, Klarheit zu gewinnen</em>). Auf der sicheren Seite liegst du mit deinem Vor- und Nachnamen - bei <a href="https://all-inkl.com/PA77D651F949D4" target="_blank" rel="noopener">all-inkl.com*</a> kannst du dir auch schon im günstigsten Tarif gleich 3 Domains bestellen, nimm also in dem Fall ruhig die Version mit und die ohne Bindestrich. Die nächste Zeit konzentrierst du dich dann darauf, deine Positionierung und dein Angebot zu schärfen. Wenn du hier etwas Klarheit gefunden hast, dann gehst du über zum nächsten Schritt:</p>



<h2 class="wp-block-heading">Du weißt, dass du dich selbständig machen möchtest und ungefähr, was du anbieten möchtest?</h2>



<p class="wp-block-paragraph">Prima, dann hast du den wichtigsten Schritt schonmal getan. Jetzt geht es an den Feinschliff: Arbeite ein Angebot heraus, das Sinn macht und deine Kund*innen von A nach B bringt - von totaler Erschöpfung zu einem ausgeglichenen Alltag voller Freude, oder von einem Hund, der immer an der Leine zerrt und alle Spaziergänger anbellt zu einem, mit dem man ohne Probleme entspannt Gassi gehen kann. Überlege dir außerdem, für wen genau du das anbieten möchtest. Das ist sehr wichtig, denn es entscheidet über deine (An-)sprache, dein Design, dein Marketing - und dadurch auch darüber, wie deine Website aussehen wird und was drauf steht! Auch ohne deine Website kannst du dann (z.B. über Social Media, Facebookgruppen, Kooperationen oder Herumfragen im Freundes- und Bekanntenkreis) schon anfangen, Testkund*innen zu gewinnen, die dir Feedback geben können (und im Idealfall auch ein Testimonial für deine spätere Website). </p>



<h2 class="wp-block-heading">Du weißt genau, was du für wen anbietest. Super - und wie kannst du jetzt starten?</h2>



<p class="wp-block-paragraph">Bevor du direkt in WordPress irgendetwas einstellst, würde ich dir immer empfehlen, dir im Voraus zu überlegen, welche Seiten du brauchst und welche Inhalte du darauf schreibst (einige Übungen dazu findest du in meinem <a href="https://stefaniemotiwal.de/website-workbook/">kostenlosen Website-Workbook</a>). Die Vorbereitungen kannst du z. B. in Word oder einem anderen Textdokument machen. Mein Workbook "<a href="https://stefaniemotiwal.de/website-inhalte-workbook/">Website-Texte leicht gemacht</a>" unterstütz dich dabei. Als nächstes legst du deine Farben und Schriften fest. Falls du die Domain noch nicht gesichert hast, dann wird es jetzt Zeit. Wie du WordPress installierst, einrichtest und deine erste Website in nur 2-3 Tagen erstellst, lernst du Schritt für Schritt in meinem beliebten Onlinekurs <a href="https://stefaniemotiwal.de/weekend-website/">Onlinekurs "Weekend Website"</a>. Hier erstellst du in nur 2-3 Tagen deine erste Website, bestellst deine Domain und stellst dich und dein Business auf einer Startseite vor, die du super easy mit einer Vorlage gestaltest. Dabei ist das große überfordernde Thema Website ganz einfach runtergebrochen auf die wichtigsten Sdhritte, die du zum Starten brauchst - so bleibt gar keine Zeit für Perfektionismus!!&nbsp;</p>



<h3 class="wp-block-heading">Was VORHER passieren sollte (Spoiler: Nicht viel!)</h3>



<ul class="wp-block-list">
<li>Du hast eine grobe Idee, wobei du anderen helfen möchtest</li>



<li>Du kennst deine wichtigste Fähigkeit oder Expertise</li>



<li>Du hast dir Gedanken über einen Businessnamen gemacht (oder startest ganz einfach mit deinem eigenen Namen für größtmögliche Flexibilität)</li>
</ul>



<p class="wp-block-paragraph"><strong>Das war's schon!</strong> Mehr brauchst du nicht für den Start.</p>



<h3 class="wp-block-heading">Was besser NACHHER kommt</h3>



<ul class="wp-block-list">
<li>Das "perfekte" Logo (ein einfaches wie z.B. ein Schriftzug deines Namens reicht erstmal total aus)</li>



<li>Professionelle Fotos (gute Handy-Fotos gemischt mit passenden <a href="https://stefaniemotiwal.de/bilder-fuer-die-website/">Stockfotos</a> sind okay für den Start)</li>



<li>Das ausgearbeitete Alleinstellungsmerkmal&nbsp;</li>



<li>Mehr als 1 Angebot</li>



<li>Sowas wie ein toller Funnel mit Freebie, Newsletter und digitalen Verkäufen (wie das geht lernst du in meinem großen Programm "<a href="https://stefaniemotiwal.de/website-leicht-gemacht/">Website leicht gemacht</a>")</li>



<li>Die "perfekte" Farbpalette und die passende Schriftenwahl (beides hängt stark mit deinem Branding zusammen, welches sich sicher im Laufe der Zeit noch entwickelt. Investiere hier gern einmal in eine professionelle Brand Designerin wie <a href="https://goingneon.de" target="_blank" rel="noopener">Lena Küssner</a>, die auch in meinem Programm "<a href="https://stefaniemotiwal.de/website-leicht-gemacht/">Website leicht gemacht</a>" Feedback auf dein Branddesign geben kann).</li>
</ul>



<h2 class="wp-block-heading">Warum du deine Website so früh wie möglich erstellen solltest</h2>



<p class="wp-block-paragraph">Fange ruhig an mit einer einzigen Seite und füge erst nach und nach die weiteren Unterseiten hinzu. Aber warte nicht zu lang mit deinem Webauftritt, denn:</p>



<p class="wp-block-paragraph">Einerseits brauchen Suchmaschinen eine Weile, dich zu finden und deine Website in den Index mit aufzunehmen - da hilft es also, wenn du schonmal sichtbar wirst.</p>



<p class="wp-block-paragraph">Andererseits ist es eine große Gefahr, dass du immer warten möchtest, bis du bereit bist. Bis du perfekt vorbereitet bist. Eines Tages. Die Zeit kommt nur leider in den wenigsten Fällen von selbst. Deine Website muss nicht perfekt sein. Dein Angebot muss nicht perfekt sein. Es muss auch nicht mal alles fertig sein. <a href="https://stefaniemotiwal.de/website-nicht-perfekt/">Geh unperfekt raus</a>, probier dich aus und passe einfach nach und nach deine Inhalte an - so bist du viel schneller und kannst auch flexibler auf deine Kundenwünsche eingehen.</p>



<p class="wp-block-paragraph">Also hier nochmal schwarz auf weiß die Fakten, warum du so früh wie möglich und ganz unperfekt starten solltest:</p>



<h3 class="wp-block-heading">Google liebt alte/ältere Websites</h3>



<p class="wp-block-paragraph">Suchmaschinen bevorzugen Websites, die schon länger existieren. Je früher du startest, desto besser wird dein Ranking später sein. Das ist wie ein Bonus für Frühstarter!</p>



<h3 class="wp-block-heading">Du sammelst wertvolle Erfahrungen</h3>



<p class="wp-block-paragraph">Jeder Tag, an dem deine Website online ist, lernst du dazu:</p>



<ul class="wp-block-list">
<li>Wie reagieren Besucher auf deinen Content?</li>



<li>Welche Seiten werden am häufigsten besucht?</li>



<li>Was interessiert deine Zielgruppe wirklich?</li>



<li>Und natürlich: Wie funktioniert die ganze Technik rund um die Website? Um andere Baustellen musst du dich in deinem Business noch früh genug kümmern - da wirst du dir selbst danken, wenn du zumindest die Website schonmal angefangen hast 🙂&nbsp;</li>
</ul>



<h3 class="wp-block-heading">Dein Selbstvertrauen wächst</h3>



<p class="wp-block-paragraph">Mit jeder kleinen Verbesserung, mit jeder geschafften Einstellung und Anpassung wird dein Selbstvertrauen stärker. Du merkst: "Hey, das kann ich ja!"</p>



<h2 class="wp-block-heading">Die Vorteile einer "unperfekten" Website</h2>



<h3 class="wp-block-heading">Authentizität wirkt</h3>



<p class="wp-block-paragraph">Menschen mögen echte, authentische Personen. Eine Website, die noch nicht perfekt ist, zeigt deine menschliche Seite - und das baut Vertrauen auf. Klar soll sie nicht stümperhaft und schlecht aussehen - aber sie darf sehr gerne schlicht sein. Dafür ist es wichtig, dass sie klar, aufgeräumt und nicht chaotisch wirkt. So vermittelst du einen professionellen, aber authentischen Eindruck. Ich erinnere mich immer gern an die erste Website von <a href="https://lauraseiler.com/" target="_blank" rel="noopener">Laura Seiler</a> "Von Visionen und Zitronen", die du dir <a href="https://web.archive.org/web/20150730003707/http://lauraseiler.com/" target="_blank" rel="noopener">hier im Web Archive anschauen</a> kannst. Jeder hat mal klein angefangen, das ist in Ordnung!!&nbsp;</p>



<p class="wp-block-paragraph">Hier ein Beispiel davon, mit welcher Website Laura Seiler, die heute ein Millionenunternehmen und über 40 Mitarbeiter*innen hat, 2015 gestartet ist (Klick auf das Bild für eine vergrößerte Version): </p>



<figure class="wp-block-image size-medium"><a href="https://stefaniemotiwal.de/wp-content/uploads/2025/06/Laura-Seiler-Website-vorher-min-scaled.png"><img decoding="async" width="94" height="300" src="https://stefaniemotiwal.de/wp-content/uploads/2025/06/Laura-Seiler-Website-vorher-min-94x300.png" alt="Laura Seiler Website früher" class="wp-image-11595"/></a></figure>



<p class="wp-block-paragraph">Und hier ein Screenshot der Website, wie sie 10 Jahre später aussieht (Klick auf das Bild für eine vergrößerte Version): </p>



<figure class="wp-block-image size-medium"><a href="https://stefaniemotiwal.de/wp-content/uploads/2025/06/Laura-Seiler-heute-min-scaled.png"><img decoding="async" width="49" height="300" src="https://stefaniemotiwal.de/wp-content/uploads/2025/06/Laura-Seiler-heute-min-49x300.png" alt="Laura Seiler Website heute" class="wp-image-11593"/></a></figure>



<p class="wp-block-paragraph">Siehst du den Unterschied? Ihre erste Website hat den ersten Zweck erfüllt: Eine Anlaufstelle zu bieten für ihr erstes Angebot, sie langsam sichtbar zu machen und einfach schonmal "da" zu sein! </p>



<h3 class="wp-block-heading">Du bleibst super flexibel</h3>



<p class="wp-block-paragraph">Eine einfache Website lässt sich viel schneller anpassen als ein komplexes Konstrukt. So kannst du schnell auf Feedback reagieren.</p>



<h3 class="wp-block-heading">Niedrigere Erwartungshaltung</h3>



<p class="wp-block-paragraph">Bei einer "perfekten" Website haben Besucher*innen höhere Erwartungen, was dich gerade zu Beginn noch&nbsp; mehr stressen kann.&nbsp;</p>



<h2 class="wp-block-heading">Konkrete Beispiele: So könnte dein Start aussehen</h2>



<h3 class="wp-block-heading">Beispiel 1: Die Beraterin</h3>



<p class="wp-block-paragraph">Sarah will Business-Coaching anbieten. Statt zu warten, bis sie ihr komplettes Programm entwickelt hat, startet sie mit:</p>



<ul class="wp-block-list">
<li>Startseite: "Ich helfe Frauen dabei, ihr Business zu starten"</li>



<li>Über mich: Ihre Geschichte und warum sie hilft</li>



<li>Blog: Ein Artikel über ihre wichtigste Erkenntnis</li>
</ul>



<p class="wp-block-paragraph"><strong>Ergebnis:</strong> Nach 6 Monaten hat sie 5 erste Kund*innen - ohne perfekte Website! Ihre Sichtbarkeit baut sie danach weiter und weiter aus und ist so innerhalb von einem Jahr ausgebucht und kann auf Online-Kurse wechseln. </p>



<h3 class="wp-block-heading">Beispiel 2: Die Kreative</h3>



<p class="wp-block-paragraph">Lisa möchte handgemachte Accessoires verkaufen. Sie startet mit:</p>



<ul class="wp-block-list">
<li>Einfacher Shop mit 3 Produkten</li>



<li>Handy-Fotos ihrer Werke</li>



<li>Instagram-Feed eingebettet</li>
</ul>



<p class="wp-block-paragraph"><strong>Ergebnis:</strong> Die ersten Verkäufe kommen schneller als gedacht und ihr Online-Shop hilft ihr dabei, Bestellungen und Zahlungen super einfach abzuwickeln und sichtbar zu werden.</p>



<h2 class="wp-block-heading">Die häufigsten Fehler beim Website-Start</h2>



<h3 class="wp-block-heading">Fehler 1: Zu lange planen</h3>



<p class="wp-block-paragraph">Planung ist wichtig, aber irgendwann musst du ins Handeln kommen! Drei Monate Planung sind mehr als genug.</p>



<h3 class="wp-block-heading">Fehler 2: Alle Seiten auf einmal perfekt machen wollen</h3>



<p class="wp-block-paragraph">Starte mit den wichtigsten 3 Seiten = Start, Impressum, Datenschutzerklärung. Der Rest kann später kommen.</p>



<h3 class="wp-block-heading">Fehler 3: Sich mit anderen vergleichen</h3>



<p class="wp-block-paragraph">Die erfolgreiche Konkurrenz hat nicht mit einer perfekten Website angefangen. Auch sie musste mal starten (siehe Lauras Beispiel)!</p>



<h2 class="wp-block-heading">Tools und Tipps für deinen Website-Start</h2>



<h3 class="wp-block-heading">Welche Tools und Links ich dir empfehle, findest du in meiner Website-Toolkiste für 0 Euro:</h3>



<figure class="wp-block-image size-large is-resized"><a href="https://stefaniemotiwal.de/website-toolkiste/"><img decoding="async" width="1024" height="576" src="https://stefaniemotiwal.de/wp-content/uploads/2025/06/Website-Toolkiste-Mockup-1024x576.png" alt="" class="wp-image-11548" style="width:500px" srcset="https://stefaniemotiwal.de/wp-content/uploads/2025/06/Website-Toolkiste-Mockup-980x551.png 980w, https://stefaniemotiwal.de/wp-content/uploads/2025/06/Website-Toolkiste-Mockup-480x270.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw" /></a></figure>



<h3 class="wp-block-heading">Was du wirklich brauchst (und was nicht)</h3>



<p class="wp-block-paragraph"><strong>Brauchst du:</strong></p>



<ul class="wp-block-list">
<li>SSL-Zertifikat (für Sicherheit)</li>



<li>Mobile Optimierung</li>



<li>Impressum, Datenschutz und meist auch ein Cookie-Banner</li>
</ul>



<p class="wp-block-paragraph"><strong>Brauchst du NICHT sofort:</strong></p>



<ul class="wp-block-list">
<li>Professionelle Fotos</li>



<li>Komplexe Animationen</li>



<li>Newsletter und Freebie</li>



<li>Kursplattform</li>



<li>20 verschiedene Seiten</li>



<li>einen umfangreichen Blog</li>



<li>Countdowns und Popups</li>



<li>Analysetools</li>
</ul>



<h2 class="wp-block-heading">Deine Website als wachsendes Projekt</h2>



<p class="wp-block-paragraph">Kannst du dir noch gar nicht vorstellen, dass eine Website nicht in einem Rutsch gemacht werden muss? Das stimmt aber - und das ist auch fast immer der bessere Weg, wenn du einen eh schon vollen Alltag hast. Ja, die Website kann innerhalb kürzester Zeit stehen, aber wenn du sie selbst erstellt </p>



<h3 class="wp-block-heading">Monat 1-3: Die Grundlagen</h3>



<p class="wp-block-paragraph">Konzentriere dich aufs Wesentliche. Deine Website soll live gehen, funktionieren und deine wichtigsten Informationen enthalten - inklusive Datenschutz.</p>



<h3 class="wp-block-heading">Monat 4-6: Erste Optimierungen</h3>



<p class="wp-block-paragraph">Jetzt kannst du anfangen zu verfeinern:</p>



<ul class="wp-block-list">
<li>Bessere Fotos</li>



<li>Suchmaschinenoptimierung</li>



<li>Mehr Content (erste Blogartikel), ggf. weitere Unterseiten</li>



<li>Design-Anpassungen</li>
</ul>



<h3 class="wp-block-heading">Monat 7-12: Professionalisierung</h3>



<ul class="wp-block-list">
<li>Suchmaschinenoptimierung ausbauen</li>



<li>Newsletter einbauen</li>



<li>Angebote erweitern</li>
</ul>



<h3 class="wp-block-heading">Jahr 2 und darüber hinaus: Kontinuierliche Verbesserung</h3>



<p class="wp-block-paragraph">Deine Website wird nie "fertig" sein - und das ist auch gut so! Sie wächst mit dir und deinem Business mit. Je mehr <a href="https://stefaniemotiwal.de/website-seo/" data-type="post" data-id="1749">suchmaschinenoptimierte Blogartikel</a> du schreibst, desto mehr Besucher*Innen wirst du auf deine Website und dann hoffentlich auch in deinen <a href="https://stefaniemotiwal.de/newsletter-plugins-wordpress/" data-type="post" data-id="8480">Newsletter</a> locken, was dir den Verkauf deines Angebots erheblich erleichtert</p>



<h2 class="wp-block-heading">Warum warten teurer ist als starten</h2>



<h3 class="wp-block-heading">Opportunitätskosten des Wartens</h3>



<p class="wp-block-paragraph">Jeden Tag, den du wartest, entgehen dir potenzielle Kund*innen. In sechs Monaten bereust du es vielleicht, nicht früher angefangen zu haben!</p>



<h3 class="wp-block-heading">Der Schneeballeffekt</h3>



<p class="wp-block-paragraph">Je früher du startest:</p>



<ul class="wp-block-list">
<li>Desto früher wirst du bei Google gefunden</li>



<li>Desto mehr Vertrauen baust du auf</li>



<li>Desto entspannter kannst du dich in das Website-Thema einarbeiten</li>



<li>Desto schneller kannst du Feedback einsammeln und Anpassungen vornehmen</li>
</ul>



<h2 class="wp-block-heading">Dein Aktionsplan: So startest du HEUTE</h2>



<p class="wp-block-paragraph">Du musst dir selbst gar keinen Stress machen und kannst die Website echt entspannt angehen. Ein möglicher Zeitplan wäre zum Beispiel: </p>



<h3 class="wp-block-heading">Diese Woche:</h3>



<ol class="wp-block-list">
<li>Domain registrieren</li>



<li>Hosting buchen</li>



<li>WordPress installieren</li>
</ol>



<h3 class="wp-block-heading">Nächste Woche:</h3>



<ol class="wp-block-list">
<li>Design vorläufig festlegen und im Theme Customizer eintragen (Schriften, Farben)</li>



<li>Startseite inkl. Kontaktformular erstellen</li>



<li>Impressum und Datenschutzerklärung einrichten</li>
</ol>



<h3 class="wp-block-heading">In zwei Wochen:</h3>



<ol class="wp-block-list">
<li>Website online stellen - hurra!</li>



<li>Ersten Blogartikel schreiben (<a href="https://stefaniemotiwal.de/blog-mit-wordpress/" data-type="post" data-id="3874">wie das geht zeige ich dir hier</a> inkl. 45 Blogartikel-Ideen)</li>



<li>Social Media verlinken</li>
</ol>



<p class="wp-block-paragraph"><strong>Klingt jetzt vielleicht gar nicht mehr sooo schlimm? </strong></p>



<h2 class="wp-block-heading">Häufige Fragen zum Website-Start</h2>



<h3 class="wp-block-heading">"Aber was, wenn meine Website schlecht aussieht?"</h3>



<p class="wp-block-paragraph">Erstens: Sie sieht vermutlich besser aus, als du denkst! Die Hauptregel für gutes Design als Nicht-Designer*in ist: Halte es einfach. Hol dir auch gern meinen <a href="https://stefaniemotiwal.de/10-geniale-divi-hacks-fuer-design/" data-type="page" data-id="10088">kostenlosen Guide für gutes Design</a>, um die Grundregeln direkt befolgen zu können. </p>



<p class="wp-block-paragraph">Zweitens: Eine schlichte Website, die online ist und über die man dich finden und kontaktieren kann, ist immer noch besser als eine perfekte Website, die nur in deinem Kopf existiert.</p>



<h3 class="wp-block-heading">"Wie erkläre ich meinen Kunden, dass sich meine Website noch entwickelt?"</h3>



<p class="wp-block-paragraph">Ehrlichkeit kommt gut an! Sag einfach: "Meine Website wächst gerade mit meinem Business mit." Die meisten Menschen finden das sympathisch.</p>



<h3 class="wp-block-heading">"Was ist mit dem Impressum und Datenschutz?"</h3>



<p class="wp-block-paragraph">Das brauchst du definitiv von Anfang an! Aber keine Sorge - dafür gibt es gute Generatoren im Internet (e-recht24.de) und ich zeige dir in meinen Kursen, worauf du hier achten musst.</p>



<h2 class="wp-block-heading">Wie ich dir beim Website-Start helfen kann</h2>



<p class="wp-block-paragraph">Falls du dir jetzt denkst: "Das klingt alles logisch, aber ich brauche trotzdem Unterstützung" - dann habe ich gute Nachrichten für dich!</p>



<p class="wp-block-paragraph"><strong>Mein kostenloses Angebot:</strong> Lade dir meinen <a href="https://stefaniemotiwal.de/website-fahrplan/">Website Fahrplan</a> herunter. Dort bekommst du eine Schritt-für-Schritt-Anleitung für deine erste Website.</p>



<p class="wp-block-paragraph"><strong>Mein Einstiegsangebot: </strong>Mit "<a href="https://stefaniemotiwal.de/weekend-website">Weekend Website</a>" erstellst du dir an einem Wochenende deine erste Website mit WordPress, in dem du einfach den Schritt für Schritt Anleitungen folgst und eine Vorlage ausfüllst - einfacher geht es nicht!</p>



<p class="wp-block-paragraph"><strong>Für alle, die mehr wollen:</strong> Du kannst dich gerne auf die Warteliste für mein großes Programm "<a href="https://stefaniemotiwal.de/website-leicht-gemacht/" data-type="page" data-id="11484">Website leicht gemacht</a>" setzen lassen. Dort nehme ich dich an die Hand und wir erstellen gemeinsam deine professionelle Website, mit ganz viel Unterstützung, Feedback und Know How.</p>



<h2 class="wp-block-heading">Fazit: Ab wann brauchst du als Selbständige*r wirklich eine Website? Der beste Zeitpunkt ist fast immer JETZT</h2>



<p class="wp-block-paragraph">Die Wahrheit ist: Es wird nie den "perfekten" Zeitpunkt geben. Es wird immer etwas geben, was noch nicht ganz rund ist. Aber weißt du was? Das ist völlig okay!</p>



<p class="wp-block-paragraph">Deine Website ist kein starres Gebilde - sie ist ein lebendiges Projekt, das mit dir wächst. Jeder Tag, den du wartest, ist ein verlorener Tag, an dem dich potenzielle Kund*innen nicht finden können.</p>



<p class="wp-block-paragraph"><em>Denk daran: Ins Handeln kommen ist der wichtigste Schritt. Deine perfekte Website entsteht nicht in der Theorie und in deinem Kopf - sie entsteht, indem du anfängst und Schritt für Schritt verbesserst.</em></p>



<p class="wp-block-paragraph">Also: Worauf wartest du noch?</p>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/ab-wann-brauche-ich-eine-website/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bilder und Fotos für die Website &#8211; Auswahl, Maße und Links</title>
		<link>https://stefaniemotiwal.de/bilder-fuer-die-website/</link>
					<comments>https://stefaniemotiwal.de/bilder-fuer-die-website/#respond</comments>
		
		<dc:creator><![CDATA[Stefanie Motiwal]]></dc:creator>
		<pubDate>Mon, 26 Jun 2023 07:50:50 +0000</pubDate>
				<category><![CDATA[Website erstellen]]></category>
		<guid isPermaLink="false">https://stefaniemotiwal.de/?p=7270</guid>

					<description><![CDATA[Eine der am häufigsten gestellten Fragen an mich als Webdesignerin ist &#8222;Welche Bilder soll ich bloß auf meiner Website verwenden?&#8220; Die Antwort darauf ist natürlich nicht in einem Satz zu beantworten, also habe ich einen Blogartikel daraus gemacht. Ich möchte dir hier zeigen: wie wichtig gute Bilder sind wo du Stockfotos bekommen kannst was du [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Eine der am häufigsten gestellten Fragen an mich als Webdesignerin ist &#8222;Welche Bilder soll ich bloß auf meiner Website verwenden?&#8220; Die Antwort darauf ist natürlich nicht in einem Satz zu beantworten, also habe ich einen Blogartikel daraus gemacht. Ich möchte dir hier zeigen:</p>
<ul>
<li>wie wichtig gute Bilder sind</li>
<li>wo du Stockfotos bekommen kannst</li>
<li>was du für ein Website-Fotoshooting beachten solltest</li>
<li>wie du deine Bilder für Suchmaschinen optimieren kannst</li>
<li>welche technischen Anforderungen es an deine Bilder gibt</li>
</ul>
<h2>Warum sind gute Bilder so wichtig für deine Website?</h2>
<p>Der Spruch ist zwar alt, aber einfach die Wahrheit: &#8222;Ein Bild sagt mehr als 1000 Worte&#8220;. Bilder vermitteln Stimmung, können Informationen transportieren, Botschaften unterstreichen. Die richtigen Bilder unterstützen dich dabei, deinen Besucher*innen das &#8222;Hier bin ich richtig&#8220;-Gefühl zu vermitteln, was super wichtig für deine Website ist. Bilder bzw. Fotos können den Unterschied machen zwischen &#8222;Website wirkt professionell&#8220; und &#8222;Website wirkt stümperhaft&#8220; oder auch einfach nur &#8222;Website wirkt unstimmig&#8220;. Sie lockern Textwüsten auf, machen deine Website attraktiver und können Geschriebenes nochmal verdeutlichen (z. B. in Infografiken). Gerade wenn du als Personal Brand unterwegs bist, also du selbst deine eigene Marke bist, helfen dir die richtigen Bilder dabei, deine Markenidentität auch konsistent einzusetzen. Du solltest die Bilder also auf jeden Fall sorgfältig auswählen, damit sie deine Message unterstützen. Nutze im Zweifelsfall lieber kein Bild, oder nur ein Icon / Piktogramm statt eines schlechten Bildes.</p>
<h2>Tipps zur Auswahl ansprechender Bilder für Ihre Website</h2>
<p>Um die richtigen Bilder auszuwählen, solltest du vor allem die folgenden Punkte berücksichtigen:</p>
<ul>
<li>Was ist das Ziel des gezeigten Bildes? Soll es eher Emotionen wecken, Informationen vermitteln oder deine Markenidentität unterstreichen? Wenn dir das Ziel klar ist, kannst du die Bilder entsprechend besser auswählen.</li>
<li>Passen die Bilder zum Inhalt der Website und passt jedes einzelne Bild insbesondere zum Text, der gerade an der Stelle wo es eingesetzt wird vermittelt wird? Vermeide eine sogenannte &#8222;Text-Bild-Schere&#8220; &#8211; dass du also zum Beispiel im Text schreibst von &#8222;Ausgebrannt und am Ende sein&#8220;, man auf dem Foto aber eine erholte, glückliche Frau sieht.</li>
<li>Ist die Bildqualität hervorragend? Die Bilder sollten scharf, gut belichtet und in hoher Auflösung sein (es sei denn, du hast aus künstlerischen Gründen z. B. extra unscharfe Bilder im Einsatz).</li>
<li>Überlege dir vorher gut, ob die Bilder auch zu deiner Zielgruppe passen und auch wirklich deine Wunschkund*in abholen &#8211; wenn du z. B. vor allem Rentner*innen als Zielgruppe hast, nutze eher Fotos von älteren statt jüngeren Frauen. So kann sich deine Zielgruppe besser mit den gezeigten Personen identifizieren.</li>
<li>Wenn du Stockfotos verwendest, versuche welche zu finden, die du nicht schon 100x auf anderen Websites gesehen hast.</li>
<li>Investiere, wenn es dir irgendwie möglich ist, unbedingt einmal in ein professionelles Fotoshooting. Du brauchst zu Beginn meist gar nicht viele Fotos, oft reichen schon 5 gute Bilder. Der Unterschied zwischen Handy-Selfies und professionellen Fotografen-Fotos ist riesig und sie werden deiner Website einen komplett anderen &#8211; professionellen &#8211; Look geben!</li>
</ul>
<p><div id="attachment_7409" style="width: 1034px" class="wp-caption aligncenter"><a href="https://stefaniemotiwal.de/wp-content/uploads/2023/06/Foto-Vergleich-e1687764972622.png"><img decoding="async" aria-describedby="caption-attachment-7409" class="size-large wp-image-7409" src="https://stefaniemotiwal.de/wp-content/uploads/2023/06/Foto-Vergleich-e1687764972622-1024x438.png" alt="" width="1024" height="438" /></a><p id="caption-attachment-7409" class="wp-caption-text">Vergleich Handyfoto vs. professionelles Fotoshooting</p></div></p>
<h2>Welches Bildformat du nutzen solltest</h2>
<p>Pauschal gesagt:</p>
<p>Für Fotos, Bilder mit vielen Farbverläufen und Details nimmst du am besten <strong>JPG/JPEG</strong> (Joint Photographic Experts Group). Diese Bilder solltest du nicht nachträglich verändern, da sonst die Qualität leidet.</p>
<p>Für Logos, andere Bilder mit transparentem Hintergrund und Bilder, die du nachträglich nochmal bearbeiten (z.B. zurecht schneiden musst), solltest du <strong>PNG</strong> (Portable Network Graphics) verwenden. Die Dateigröße ist etwas größer als bei JPG, dafür bleiben sie auch nach weiterer Bearbeitung gestochen scharf.</p>
<h2>Die Bedeutung der Bildgröße und -komprimierung für eine schnelle Ladezeit der Website</h2>
<p>Nicht zu vernachlässigen ist die Bildgröße für eine Website. Denn das die Ladezeit ein sehr wichtiger Faktor ist &#8211; nicht nur für deine Besicher*innen, auch für Google &#8211; habe ich schon ausführlich <a href="https://stefaniemotiwal.de/website-schneller/">in diesem Ladezeit-Optimierungs-Blogartikel</a> beschrieben. Eine grobe Faustregel ist, dass deine Bilder möglichst unter 200 KB bleiben sollten &#8211; was gerade bei sehr großen Bildern, die sich über die gesamte Breite der Website erstrecken, nicht immer zu schaffen ist. Du kannst die Bilder jedoch vor dem Hochladen in deine WordPress Mediathek noch komprimieren &#8211; z. B. mit den kostenlosen Diensten wie <a href="http://tinypng.com" target="_blank" rel="noopener">tinypng.com</a> oder <a href="https://compressjpeg.com/de/" target="_blank" rel="noopener">compressjpg</a>.</p>
<p>Um die Dateigröße klein zu halten hilft es auch, die Bilder nur so groß einzubinden, wie es überhaupt nötig ist. Falls du nur ein kleines Foto für eine Kundenstimme benötigst, muss dies nicht 2000 x 2000 Pixel groß sein. Du kannst dich ganz grob an diesen Vorschlägen für die Abmessungen bei Website-Bildern orientieren:</p>
<p><div id="attachment_7405" style="width: 764px" class="wp-caption aligncenter"><a href="https://stefaniemotiwal.de/wp-content/uploads/2023/06/Bildabmessungen-Beispiel.png"><img decoding="async" aria-describedby="caption-attachment-7405" class="wp-image-7405 size-full" src="https://stefaniemotiwal.de/wp-content/uploads/2023/06/Bildabmessungen-Beispiel.png" alt="Bildabmessungen für eine Website" width="754" height="864" srcset="https://stefaniemotiwal.de/wp-content/uploads/2023/06/Bildabmessungen-Beispiel.png 754w, https://stefaniemotiwal.de/wp-content/uploads/2023/06/Bildabmessungen-Beispiel-480x550.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 754px, 100vw" /></a><p id="caption-attachment-7405" class="wp-caption-text">Quelle: stefaniemotiwal.de</p></div></p>
<p>Weitere Tipps für die Optimierung deiner Bilder inkl. WordPress-Plugins, die dich dabei unterstützen, findest du <a href="https://stefaniemotiwal.de/bilder-optimieren/">hier</a>.</p>
<h2>Bilder für die Suchmaschinenoptimierung einsetzen</h2>
<p>Bilder können dir sogar dabei helfen, dass deine Seite oder dein Blogartikel besser bei Google gefunden wird. Dazu solltest du:</p>
<ul>
<li>einen aussagekräftigen Dateinamen für deine Bilder verwenden, die das relevante Keyword (Infos dazu findest du in meinem <a href="https://stefaniemotiwal.de/website-seo/">SEO-Blogartikel</a>) oder eine Beschreibung des Bildinhaltes enhalten (statt IMG1320.jpg nimm lieber &#8222;website-optimierung.jpg&#8220;)</li>
<li>trage immer einen ALT-Text (alternativer Text) ein. Dieser wird angezeigt, falls dein Bild nicht geladen werden kann. Hier solltest du kurz und prägnant den Bildinhalt beschreiben, du kannst hier auch nochmal das Keyword verwenden</li>
<li>Bildbeschreibung &#8211; hier kannst du nochmal den Inhalt und Kontext des Bildes beschreiben und ebenfalls relevante Keywords unterbringen</li>
</ul>
<p><div id="attachment_7407" style="width: 565px" class="wp-caption aligncenter"><a href="https://stefaniemotiwal.de/wp-content/uploads/2023/06/WordPress-Mediathek.png"><img decoding="async" aria-describedby="caption-attachment-7407" class="wp-image-7407 size-full" src="https://stefaniemotiwal.de/wp-content/uploads/2023/06/WordPress-Mediathek.png" alt="WordPress Mediathek" width="555" height="384" srcset="https://stefaniemotiwal.de/wp-content/uploads/2023/06/WordPress-Mediathek.png 555w, https://stefaniemotiwal.de/wp-content/uploads/2023/06/WordPress-Mediathek-480x332.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 555px, 100vw" /></a><p id="caption-attachment-7407" class="wp-caption-text">Diese Felder kannst du in der WordPress Mediathek für jedes Bild füllen</p></div></p>
<h2>Was du sonst noch für gute Website-Bilder beachten solltest</h2>
<ul>
<li>Bildsitemaps: Füge eine Bildsitemap zu deiner Website hinzu, um den Suchmaschinen zusätzliche Informationen über deine Bilder zu liefern. Eine Bildsitemap listet alle Bilder auf deiner Website auf und enthält relevante Metadaten wie Bild-URLs, Bildtitel und Bildbeschreibungen &#8211; dadurch können Suchmaschinen deine Bilder leichter indexieren und ranken. Du kannst dies z. B. mit kostenlosen WordPress-Plugins wie &#8222;RankMath&#8220; oder &#8222;YoastSEO&#8220; machen.</li>
<li>Mobile Optimierung: Stelle sicher, dass deine Bilder für die mobile Ansicht optimiert sind, d.h. gut angezeigt werden können (es darf nichts Wichtiges abgeschnitten sein) und vor allem gut lesbar sind.</li>
<li>Backlinks und Social Sharing: Hochwertige Bilder und insbesondere Infografiken haben eine höhere Wahrscheinlichkeit, geteilt und verlinkt zu werden. Achte darauf, dass deine Bilder für das Teilen in sozialen Medien optimiert sind, indem du Share-Buttons oder Links zu Social-Media-Plattformen bereitstellst (z. B. mit dem Plugin &#8222;Shariff&#8220;). Backlinks von anderen Websites, die auf deine Bilder verweisen, können ebenfalls zur Bild-SEO beitragen und somit dein Ranking verbessern.</li>
</ul>
<h2>Wo du hochwertige Fotos für deine Website finden kannst &#8211; Datenbanken für Stockfotos</h2>
<p>Die wenigsten haben eine ausreichende Anzahl an Fotos für ihre Website zur Hand. Was also tun? Eine mögliche Lösung ist: Auf Stockfotos zurückgreifen! Hier musst du unbedingt genau die Lizenzbedingungen prüfen und einhalten, um nicht abgemahnt zu werden. Mögliche Stockfotos findest du auf:</p>
<ul>
<li><a href="https://partner.canva.com/c/2092395/647168/10068" target="_blank" rel="noopener">Canva</a>*</li>
<li><a href="https://pixabay.com/de/" target="_blank" rel="noopener">Pixabay</a></li>
<li><a href="https://www.pixelio.de/" target="_blank" rel="noopener">Pixelio</a></li>
<li><a href="https://www.shutterstock.com/de" target="_blank" rel="noopener">Shutterstock</a></li>
<li><a href="https://www.gettyimages.de/" target="_blank" rel="noopener">Getty Images</a></li>
<li><a href="https://stock.adobe.com/de/" target="_blank" rel="noopener">Adobe Stock</a></li>
<li><a href="https://unsplash.com/de" target="_blank" rel="noopener">Unsplash</a></li>
<li><a href="https://www.pexels.com/de-de/" target="_blank" rel="noopener">Pexels</a></li>
</ul>
<h2>Websites für Mockups</h2>
<p>Außerdem kannst du natürlich sogenannte Mockups selbst erstellen, das sind eine Art Vorschaubilder, die vor allem gern für Produkte genommen werden. Wenn du also eine PDF Datei oder einen Online Kurs hast, kannst du ein Mockup erstellen, um das ganze plastischer darzustellen und ansprechend aufzubereiten:</p>
<p><div id="attachment_7204" style="width: 310px" class="wp-caption aligncenter"><a href="https://stefaniemotiwal.de/wp-content/uploads/2023/06/workbook-mockup-1-e1685874153908.png"><img decoding="async" aria-describedby="caption-attachment-7204" class="wp-image-7204 size-medium" src="https://stefaniemotiwal.de/wp-content/uploads/2023/06/workbook-mockup-1-e1685874153908-300x221.png" alt="Beispiel Mockup" width="300" height="221" /></a><p id="caption-attachment-7204" class="wp-caption-text">Beispiel Mockup vom <a href="https://stefaniemotiwal.de/website-workbook/">Website-Workbook</a></p></div></p>
<p>Die besten Websites für Mockups sind:</p>
<ul>
<li>ebenfalls <a href="https://partner.canva.com/c/2092395/647168/10068" target="_blank" rel="noopener">Canva*</a> (dort verwendest du dann Elemente → Rahmen, um dein Bild in einen bestimmten Rahmen reinzuziehen)</li>
<li><a href="https://www.canva.com/de_de/mockups/" target="_blank" rel="noopener">Smartmockups (mittlerweile von Canva übernommen)</a></li>
<li><a href="https://placeit.net/" target="_blank" rel="noopener">Placeit</a></li>
<li><a href="https://www.mockupworld.co/all-mockups/" target="_blank" rel="noopener">Mockupworld</a></li>
</ul>
<h2>Tipps für ein Website-Fotoshooting</h2>
<p>Es ist endlich soweit und dir steht ein professionelles Fotoshooting bevor? Super! Hier sind noch ein paar Tipps, um das Shooting bestmöglich vorzubereiten:</p>
<ul>
<li><strong>Website-Planung:</strong> Überlege dir im Vorfeld, für welche Unterseiten du wie viele Fotos brauchst und notiere dir auch die jeweilige Stimmung oder den Textabschnitt, um passende Bilder zu machen. Geht es eher um etwas Ernstes oder darfst du herzhaft lachen? Was muss unbedingt mit aufs Foto, damit alles passt? Was sollen die Bilder vermitteln? Professionalität? Freude? Vertrauen? Kreativität? Da lässt sich viel machen! Erstelle dann am besten eine Liste mit Fotos, die du benötigst. Denke unbedingt auch an die unterschiedlichen Formate und lass einen ausgewogenen Mix aus Hochformat und Querformatbildern machen.</li>
<li><strong>Passende Location:</strong> Wähle eine Location, die zum Thema und Stil deiner Website passt. Das kann ein Büro, ein Studio, eine Außenkulisse oder ein spezieller Veranstaltungsort sein. Denke daran, dass der Hintergrund nicht zu überladen sein sollte, um den Fokus auf das Hauptmotiv zu lenken.</li>
<li><strong>Requisiten und Details:</strong> Überlege, ob du Requisiten oder Details verwenden möchtest, um die Bilder interessanter und aussagekräftiger zu machen. Requisiten können dazu beitragen, das Thema oder die Botschaft der Website zu unterstützen. Achte darauf, dass die Requisiten nicht zu überladen wirken und das Hauptmotiv nicht überdecken. Bei mir gab es z. B. einen schönen Blumenstraß, ein Notizbuch und natürlich meinen Laptop!</li>
<li><strong>Licht ist alles!</strong> Ohne passende Beleuchtung kann der Rest noch so super sein &#8211; die Bilder werden maximal halb so gut. Kläre also im Vorfeld, ob an der ausgesuchten Location auch ausreichend Licht vorhanden ist, oder wer welche Lampen organisieren muss.</li>
<li><strong>Konsistenz und Branding:</strong> Stelle sicher, dass die Bilder zur Konsistenz und zum Branding deiner Website passen. Verwende Farben, Schriften und Stile, die bereits auf der Website vorhanden sind (oder eingesetzt werden sollen), um einen einheitlichen Stil zu gewährleisten. Du kannst sogar Kleidung in deinen Markenfarben oder einer neutralen Farbe tragen, damit alles gut zusammenpasst.</li>
<li><strong>Mal nah, mal fern:</strong> Auf deiner Website kannst du es so halten wie im echten Leben: Du zeigst dich erst einmal von weiter weg, damit dich auch völlig fremde Menschen in Ruhe und mit Abstand kennenlernen können. Es ist uns oft unangenehm, wenn wir auf einer Website gleich in ein riesengroßes, fremdes Gesicht blicken. Achte also darauf, dass von dir sowohl Fotos von weiter weg mit großem Bildausschnitt gemacht werden, als auch von näher dran, die du dann z. B. auf deiner Über mich Seite verwenden kannst.</li>
<li><strong>Stimmungsfotos:</strong> Wenn es das Kontingent erlaubt, lass auch noch Fotos nur von der Umgebung / dem Set oder den Requisiten machen, die du dann quasi statt generischer Stockfotos auf deiner Website verwenden kannst. Falls du eine Praxis hast, könnten das z. B. Praxisräume sein, ansonsten vielleicht ein Notizbuch mit Blumen oder andere Arbeitsmaterialien. Die von den gleichen Fotografen gemachten Bilder werden genau den gleichen Stil, die gleiche Beleuchtung etc. haben wie die von dir gemachten Fotos und passen somit 100x besser in deine Website als Stockfotos von irgendwelchen Datenbanken.</li>
</ul>
<p>Ich hoffe, die Tipps aus diesem Blogartikel haben dir weitergeholfen und du hast ganz viel Spaß bei der Auswahl der Bilder für deine Website. Schreib mir gern in die Kommentare, welches deine Lieblings-Stockfotowebsite ist und ob du schon Fotografenfotos gemacht hast!</p>
<span class="et_bloom_bottom_trigger"></span>]]></content:encoded>
					
					<wfw:commentRss>https://stefaniemotiwal.de/bilder-fuer-die-website/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
