[{"data":1,"prerenderedAt":3016},["ShallowReactive",2],{"{\"version\":\"published\"}news\u002F5-haeufigste-fehler-website-relaunch":3,"news-posts":256,"news-related-\u002Fnews\u002F5-haeufigste-fehler-website-relaunch":2860,"{\"version\":\"published\"}structural\u002Ffooter":2864,"{\"version\":\"published\"}structural\u002Fnavigation":2973},{"data":4,"headers":232},{"story":5,"cv":229,"rels":230,"links":231},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":220,"full_slug":221,"sort_by_date":24,"position":222,"tag_list":223,"is_startpage":216,"parent_id":224,"meta_data":24,"group_id":225,"first_published_at":226,"release_id":24,"lang":227,"path":24,"alternates":228,"default_full_slug":24,"translated_slugs":24},"Die 5 häufigsten Fehler bei einem Website-Relaunch","2026-08-26T11:52:13.404Z","2026-10-27T01:59:03.252Z","2026-10-27T01:59:03.267Z",213219464857765,"1fc46411-082d-4102-ae16-3ce2593d1728",{"_uid":13,"bild":14,"body":18,"datum":214,"title":6,"category":215,"featured":216,"lesezeit":217,"component":218,"description":219},"6e0f94ae-3622-4786-9f78-cc754ad186b2",{"id":15,"alt":6,"filename":16,"fieldtype":17},213219448662787,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F2400x1260\u002Fd13b6c4b1a\u002Ffehler-website-relaunch.png","asset",{"type":19,"content":20},"doc",[21,29,36,41,46,50,55,60,65,70,75,80,85,90,95,100,110,119,123,134,139,144,149,154,159,164],{"type":22,"attrs":23,"content":25},"paragraph",{"textAlign":24},null,[26],{"text":27,"type":28},"Ein Website-Relaunch ist für viele Unternehmen ein großer Schritt. Neues Design, neue Struktur, neue Technik. Die Erwartungen sind hoch. Aber in der Praxis gehen dabei Dinge schief, die sich vermeiden lassen. Nach über 30 Projekten sind es fast immer die gleichen fünf Fehler.","text",{"type":30,"attrs":31,"content":33},"heading",{"level":32,"textAlign":24},2,[34],{"text":35,"type":28},"1. Die Zielgruppe ist nicht klar definiert",{"type":22,"attrs":37,"content":38},{"textAlign":24},[39],{"text":40,"type":28},"Das ist der grundlegendste Fehler und gleichzeitig der häufigste. Viele Unternehmen starten einen Relaunch mit dem Gedanken “die Website muss moderner aussehen”. Aber moderner für wen?",{"type":22,"attrs":42,"content":43},{"textAlign":24},[44],{"text":45,"type":28},"Wenn du nicht weißt, wer deine Website-Besucher sind, in welcher Phase der Kaufentscheidung sie sich befinden und welche Fragen sie haben, baust du ins Blaue. Die Seitenstruktur, die Texte, die Navigation, alles hängt davon ab, wen du ansprechen willst.",{"type":22,"content":47},[48],{"text":49,"type":28},"Ein typisches Bild: Die bestehende Website hat viele Seiten, aber keinen klaren Fokus. In so einem Fall lohnt es sich, die Seitenstruktur komplett neu aufzubauen und auf den Kern zu reduzieren: Wer ist die Zielgruppe, was ist das Angebot, und wie führt die Website den Besucher zur Kontaktaufnahme? Erst danach geht es ans Design.",{"type":30,"attrs":51,"content":52},{"level":32,"textAlign":24},[53],{"text":54,"type":28},"2. Kein klarer Prozess",{"type":22,"attrs":56,"content":57},{"textAlign":24},[58],{"text":59,"type":28},"Der zweite Fehler passiert, wenn direkt ins Design gesprungen wird, ohne vorher eine Konzeptphase durchlaufen zu haben. Keine definierte Seitenstruktur, keine Inhalte, keine klaren Ziele.",{"type":22,"attrs":61,"content":62},{"textAlign":24},[63],{"text":64,"type":28},"Das Ergebnis: Endlose Feedback-Schleifen, weil niemand vorher festgelegt hat, was die Website eigentlich leisten soll. Seiten werden gebaut, dann verworfen, dann nochmal umgebaut. Das kostet Zeit, Geld und Nerven auf beiden Seiten.",{"type":22,"attrs":66,"content":67},{"textAlign":24},[68],{"text":69,"type":28},"Ein strukturierter Relaunch folgt einer klaren Reihenfolge. Zuerst die Strategie: Zielgruppe, Ziele, Seitenstruktur, Inhalte. Dann das Design. Dann die Entwicklung. Wer diese Reihenfolge einhält, spart sich die meisten Probleme.",{"type":30,"attrs":71,"content":72},{"level":32,"textAlign":24},[73],{"text":74,"type":28},"3. Content wird unterschätzt",{"type":22,"attrs":76,"content":77},{"textAlign":24},[78],{"text":79,"type":28},"Neues Design, aber die alten Texte werden einfach übernommen. Das passiert öfter als man denkt. Die Website sieht dann zwar modern aus, sagt aber inhaltlich nichts Neues. Oder schlimmer: Die Texte passen nicht mehr zur neuen Struktur und wirken zusammengestückelt.",{"type":22,"attrs":81,"content":82},{"textAlign":24},[83],{"text":84,"type":28},"Content ist kein Beiwerk, sondern das Fundament. Bevor ein einziges Pixel designt wird, sollte klar sein, welche Inhalte auf welcher Seite stehen. Wer schreibt die Texte? Welche Fragen beantwortet jede Seite? Welche Case Studies oder Referenzen werden eingebunden?",{"type":22,"attrs":86,"content":87},{"textAlign":24},[88],{"text":89,"type":28},"Die besten Relaunches, die ich begleitet habe, hatten eines gemeinsam: Der Content stand vor dem Design. Nicht als fertiger Fließtext, aber als klare Struktur mit definierten Aussagen pro Seite.",{"type":30,"attrs":91,"content":92},{"level":32,"textAlign":24},[93],{"text":94,"type":28},"4. SEO wird als rein technisches Thema behandelt",{"type":22,"attrs":96,"content":97},{"textAlign":24},[98],{"text":99,"type":28},"Viele denken bei SEO im Kontext eines Relaunches nur an 301-Weiterleitungen und Sitemaps. Das ist wichtig, keine Frage. Aber es ist nur ein Drittel der Geschichte.",{"type":22,"attrs":101,"content":102},{"textAlign":24},[103,108],{"text":104,"type":28,"marks":105},"Technisches SEO",[106],{"type":107},"bold",{"text":109,"type":28}," ist die Basis: Weiterleitungen einrichten, damit bestehende Rankings nicht verloren gehen. Saubere URL-Struktur, schnelle Ladezeiten, mobile Optimierung, strukturierte Daten. Das muss stimmen.",{"type":22,"attrs":111,"content":112},{"textAlign":24},[113,117],{"text":114,"type":28,"marks":115},"Redaktionelles SEO",[116],{"type":107},{"text":118,"type":28}," wird oft vergessen. Welche Keywords sind relevant? Wie bauen wir Content auf, der für Google Kontext schafft? Jede Seite braucht ein klares Thema mit den passenden Begriffen, nicht als Keyword-Stuffing, sondern als inhaltliche Tiefe, die Google versteht.",{"type":22,"content":120},[121],{"text":122,"type":28},"Dazu gehören nicht nur die Leistungsseiten, sondern auch Blog-Artikel, Ratgeber und FAQs. Der Artikel, den du gerade liest, ist selbst Teil davon: Er beantwortet eine Frage, die sich viele Unternehmen vor einem Relaunch stellen, und wird genau dann gefunden, wenn jemand nach dieser Antwort sucht.",{"type":22,"attrs":124,"content":125},{"textAlign":24},[126,128,132],{"text":127,"type":28},"Und dann ist da noch ",{"text":129,"type":28,"marks":130},"lokales SEO",[131],{"type":107},{"text":133,"type":28},". Gerade für Unternehmen mit regionalem Bezug wird das Google Business Profil immer relevanter. Standortseiten, lokale Keywords, Bewertungen. Wer beim Relaunch nur an die Website denkt und das Google Business Profil ignoriert, verschenkt Sichtbarkeit.",{"type":30,"attrs":135,"content":136},{"level":32,"textAlign":24},[137],{"text":138,"type":28},"5. Kein klarer nächster Schritt für den Besucher",{"type":22,"attrs":140,"content":141},{"textAlign":24},[142],{"text":143,"type":28},"Die Website sieht gut aus, die Inhalte stimmen, aber der Besucher weiß nicht was er als nächstes tun soll. Der CTA ist irgendwo versteckt, es gibt zu viele Optionen gleichzeitig, oder der Weg zur Kontaktaufnahme ist unnötig kompliziert.",{"type":22,"attrs":145,"content":146},{"textAlign":24},[147],{"text":148,"type":28},"Jede Seite braucht ein klares Ziel. Bei einer Leistungsseite ist das meistens eine Kontaktaufnahme oder Terminbuchung. Bei einem Blog-Artikel kann es ein weiterführender Link oder ein Newsletter-Signup sein. Wichtig ist, dass der Besucher zu keinem Zeitpunkt raten muss, was der nächste Schritt ist.",{"type":22,"attrs":150,"content":151},{"textAlign":24},[152],{"text":153,"type":28},"Ein einfacher Test: Öffne jede Seite deiner Website und frag dich, was der Besucher hier tun soll. Wenn die Antwort nicht innerhalb von drei Sekunden klar ist, fehlt etwas.",{"type":30,"attrs":155,"content":156},{"level":32,"textAlign":24},[157],{"text":158,"type":28},"Fazit",{"type":22,"attrs":160,"content":161},{"textAlign":24},[162],{"text":163,"type":28},"Ein Website-Relaunch muss kein Risiko sein. Die meisten Fehler passieren nicht in der Umsetzung, sondern in der Vorbereitung. Wer seine Zielgruppe kennt, einen klaren Prozess hat, Content ernst nimmt, SEO ganzheitlich denkt und dem Besucher einen klaren nächsten Schritt gibt, hat die wichtigsten Grundlagen abgedeckt.",{"type":165,"attrs":166},"blok",{"id":167,"body":168},"d400c6cf-9a85-4766-a9e8-8c56c6a0b574",[169],{"_uid":170,"items":171,"component":213},"a387652e-8120-43e5-8dce-554fa295183c",[172,183,193,203],{"_uid":173,"frage":174,"antwort":175,"component":182},"d8bc22f1-73b4-4cd9-a08b-bcef91586567","Was kostet ein Website Relaunch bei einer Agentur?",{"type":19,"content":176},[177],{"type":22,"attrs":178,"content":179},{"textAlign":24},[180],{"text":181,"type":28},"Ein professioneller Website Relaunch startet bei ca. 8.000 Euro und kann je nach Umfang, Seitenanzahl und Integrationen bis 20.000 Euro und mehr gehen. Der genaue Preis hängt davon ab, ob nur das Design oder auch Struktur, Content und Technik neu gedacht werden.","blog-faq-item",{"_uid":184,"frage":185,"antwort":186,"component":182},"a316332f-4329-4e84-ba55-84a02f879a75","Wie lange dauert ein professioneller Website Relaunch?",{"type":19,"content":187},[188],{"type":22,"attrs":189,"content":190},{"textAlign":24},[191],{"text":192,"type":28},"Typischerweise zwischen 6 und 10 Wochen, abhängig vom Umfang. Die Konzeptphase braucht oft 1-2 Wochen, Design 2-3 Wochen, Entwicklung 2-3 Wochen und Launch mit Testing nochmal eine Woche.",{"_uid":194,"frage":195,"antwort":196,"component":182},"a2122c80-eaa7-496e-9287-3c6c862a3ca7","Wie vermeidet man SEO-Verluste beim Relaunch?",{"type":19,"content":197},[198],{"type":22,"attrs":199,"content":200},{"textAlign":24},[201],{"text":202,"type":28},"Durch ein sauberes URL-Mapping mit 301-Weiterleitungen für alle bestehenden Seiten, aktualisierte Meta-Tags, eine neue Sitemap und Monitoring der Indexierung nach dem Launch. Dazu kommt redaktionelles SEO mit relevanten Keywords und lokales SEO für regionale Sichtbarkeit.",{"_uid":204,"frage":205,"antwort":206,"component":182},"8532eb13-1b6b-4e12-bd5a-09847ea777ce","Was ist der Unterschied zwischen Redesign und Relaunch?",{"type":19,"content":207},[208],{"type":22,"attrs":209,"content":210},{"textAlign":24},[211],{"text":212,"type":28},"Ein Redesign aktualisiert das visuelle Erscheinungsbild bei bestehender Struktur. Ein Relaunch geht tiefer und umfasst eine neue Informationsarchitektur, neue Nutzerführung, oft neue Technologie und überarbeitete Inhalte.","blog-faq","2026-10-05 00:00","Webdesign",false,"6","blog-post","Ein Website-Relaunch kann nach hinten losgehen. Diese 5 Fehler sehe ich immer wieder, und sie sind alle vermeidbar.","5-haeufigste-fehler-website-relaunch","news\u002F5-haeufigste-fehler-website-relaunch",-10,[],213219425830918,"5522f50f-9306-44cf-bd1a-6810e119e497","2026-08-26T11:52:13.445Z","default",[],1793066520,[],[],{"age":233,"cache-control":234,"connection":235,"content-encoding":236,"content-type":237,"date":238,"etag":239,"referrer-policy":240,"sb-be-version":241,"server":242,"strict-transport-security":243,"transfer-encoding":244,"vary":245,"via":246,"x-amz-cf-id":247,"x-amz-cf-pop":248,"x-cache":249,"x-content-type-options":250,"x-frame-options":251,"x-permitted-cross-domain-policies":252,"x-request-id":253,"x-runtime":254,"x-xss-protection":255},"872","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application\u002Fjson; charset=utf-8","Tue, 27 Oct 2026 02:02:39 GMT","W\u002F\"821e1ee12b482a888cf77ee61a2a2a07\"","strict-origin-when-cross-origin","5.996.4","nginx","max-age=31536000","chunked","Origin,Accept-Encoding","1.1 a37c6915c3c7316887c2daf616d0206c.cloudfront.net (CloudFront)","-VaDwdVjMMSomtLvPhbU4Aykb3vgSCz2oibpM-A45fQBDP2MxU8AYA==","CMH68-P4","Hit from cloudfront","nosniff","SAMEORIGIN","none","26004498-b142-4e02-8a8b-eaf11f28c93c","0.030325","0",[257,424,1218,1348,1609,1919,2499,2648],{"id":258,"slug":259,"path":260,"title":261,"description":262,"category":215,"datum":263,"dateModified":264,"lesezeit":265,"featured":216,"bild":266,"bildAlt":267,"body":268,"nurVorschau":216,"services":421,"website":327,"branche":327,"headline":327,"seoTitle":327,"kunde":327,"plattform":327,"bildTag":327,"bildDaemmerung":327,"bildNacht":327,"intro":327,"bilder":422,"zusatzzeilen":423,"zitat":24},"885cdbe3-678d-403c-a459-8d9be79f1a1c","german-web-awards-2025","\u002Fnews\u002Fgerman-web-awards-2025","German Web Awards 2025: Die drei ausgezeichneten Projekte","Hutter Studio gehört zu den Top 50 Webagenturen Deutschlands. Diese drei Projekte haben die Jury der German Web Awards 2025 überzeugt.","2026-10-21T00:00","2026-10-27T01:23:26.066Z",3,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F1280x1920\u002Fa8b86ac230\u002Fgwa-2025-award.webp","German Web Awards 2025",{"type":19,"content":269},[270,274,278,291,296,300,304,318,331,336,340,351,362,367,371,375,385,390,394,398,402],{"type":22,"content":271},[272],{"text":273,"type":28},"2025 haben uns die German Web Awards als eine der Top 50 Webagenturen Deutschlands ausgezeichnet. Die Awards bewerten jedes Jahr Agenturen aus ganz Deutschland, und zwar nach Design, Know-how und der Zufriedenheit ihrer Kunden.",{"type":22,"content":275},[276],{"text":277,"type":28},"Im Mittelpunkt standen drei Projekte: River Online, Dr. Augustin Umwelttechnik und SGC. In diesem Artikel stelle ich dir alle drei vor: wo die Unternehmen standen, was wir umgesetzt haben und was die Websites heute leisten.",{"type":165,"attrs":279},{"id":280,"body":281},"adc3bf21-79b3-45be-b1ff-1202633e3ed4",[282],{"_uid":283,"name":284,"role":285,"text":286,"image":287,"component":290},"6691beef-c828-436d-9dc9-90566bfe00b1","German Web Awards","Jury 2025","„Benjamin Hutter und sein Studio überzeugen seit vielen Jahren durch großes technisches Know-how und herausragende Arbeit im Bereich Webdesign. Er versteht es, anspruchsvolle Designs mit präziser technischer Umsetzung zu verbinden und digitale Erlebnisse zu schaffen, die visuell beeindrucken und funktional überzeugen.“",{"id":288,"alt":284,"filename":289,"fieldtype":17},213259159612873,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F500x500\u002F9555f44243\u002Fgerman-web-awards.webp","blog-quote",{"type":30,"attrs":292,"content":293},{"level":32},[294],{"text":295,"type":28},"River Online: neue Marke, neue Website, mehr Anfragen",{"type":22,"content":297},[298],{"text":299,"type":28},"River Online ist eine Online-Marketing-Agentur aus Dänemark und seit 2018 mit einer eigenen GmbH in Hamburg. Website und Erscheinungsbild waren in die Jahre gekommen und bremsten die Akquise. Neue Landingpages waren jedes Mal ein Kraftakt.",{"type":22,"content":301},[302],{"text":303,"type":28},"Das Logo haben wir behutsam angepasst, alles andere ist neu: Farben, Typografie und eine eigene Bildsprache aus Grafiken, die die Leistungen greifbar machen. Die Website haben wir in Webflow neu gebaut, dazu eine Component Library, aus der das Team neue Landingpages selbst zusammenstellt. Alle bestehenden Artikel sind mit umgezogen, damit der SEO-Bestand erhalten bleibt.",{"type":22,"content":305},[306,308],{"text":307,"type":28},"Seitdem konvertiert die Website deutlich besser, und über SEO kommt mehr Traffic als vorher. Die neue Website hat auch die dänische Muttergesellschaft überzeugt, deren Auftritt wir anschließend ebenfalls angepasst haben. ",{"text":309,"type":28,"marks":310},"Zur Referenz River Online",[311],{"type":312,"attrs":313},"link",{"href":314,"uuid":315,"anchor":24,"target":316,"linktype":317},"\u002Freferenzen\u002Friver-online","b4346617-6115-433a-9503-ee5654d1f24d","_self","story",{"type":165,"attrs":319},{"id":320,"body":321},"22ff6475-8375-4b62-ba83-b28c7e3d9421",[322],{"_uid":323,"image":324,"caption":327,"component":330},"6a31e658-16d0-4e34-8164-7f98033bb9d5",{"id":325,"alt":326,"name":327,"focus":327,"title":327,"source":327,"filename":328,"copyright":327,"fieldtype":17,"meta_data":329,"is_external_url":216},232404102241905,"Website von River Online","","https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F3200x2000\u002Ffc79d28f88\u002Fpreview2.avif",{},"blog-mockup",{"type":30,"attrs":332,"content":333},{"level":32},[334],{"text":335,"type":28},"Dr. Augustin Umwelttechnik: Windenergie, klar erklärt",{"type":22,"content":337},[338],{"text":339,"type":28},"Dr. Augustin Umwelttechnik plant seit über 30 Jahren Windenergieanlagen, von der Standortanalyse über die Genehmigung bis zum Repowering. Hinter dem Hamburger Planungsbüro stehen über 100 Projekte und mehr als 340 MW installierte Leistung.",{"type":22,"content":341},[342,344],{"text":343,"type":28},"Die bisherige WordPress-Website verlangte laufend Sicherheits-Updates. Wir haben Konzept, Texte, Design und Entwicklung übernommen und den Auftritt in Webflow neu aufgesetzt, auf einer Basis, die ohne diese ständigen Updates auskommt. ",{"text":345,"type":28,"marks":346},"Zur Referenz Dr. Augustin Umwelttechnik",[347],{"type":312,"attrs":348},{"href":349,"uuid":350,"anchor":24,"target":316,"linktype":317},"\u002Freferenzen\u002Faugustin-umwelttechnik","51bb78de-c7de-47b0-9c08-a9598b22d8ba",{"type":165,"attrs":352},{"id":353,"body":354},"b8acc04b-41ca-4b38-81e8-71ad9b4e485c",[355],{"_uid":356,"image":357,"caption":327,"component":330},"0df34252-1895-4a9c-9db7-f2219b19fb30",{"id":358,"alt":359,"name":327,"focus":327,"title":327,"source":327,"filename":360,"copyright":327,"fieldtype":17,"meta_data":361,"is_external_url":216},232417004703854,"Website von Dr. Augustin Umwelttechnik","https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F3200x2000\u002Fe0463fa0b7\u002Fpreview.avif",{},{"type":30,"attrs":363,"content":364},{"level":32},[365],{"text":366,"type":28},"SGC: der Auftritt einer Hamburger Kommunikationsagentur",{"type":22,"content":368},[369],{"text":370,"type":28},"SGC ist eine inhabergeführte Kommunikationsagentur aus Hamburg, gegründet 2010. Das Team verbindet PR, Markenstrategie, Social Media, Events und Kooperationen mit bekannten Persönlichkeiten, vor allem für Marken aus FMCG und Lifestyle.",{"type":22,"content":372},[373],{"text":374,"type":28},"Für SGC haben wir Konzept, Design und Entwicklung in Webflow übernommen. Die größte Aufgabe lag im Konzept: Bei so vielen Disziplinen unter einem Dach sollte die Website zeigen, was sie zusammenhält, statt sie nur aufzuzählen.",{"type":165,"attrs":376},{"id":377,"body":378},"161a6bdf-3e85-4e30-930c-1159d5cb497a",[379],{"_uid":380,"image":381,"caption":327,"component":330},"b5a86e33-a408-4e36-8aac-afc48704309e",{"id":382,"alt":383,"filename":384,"fieldtype":17},213240340907502,"Website von SGC","https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F1440x893\u002F9bb8d4cc57\u002Fsgc-agency-hero.webp",{"type":30,"attrs":386,"content":387},{"level":32},[388],{"text":389,"type":28},"Was die drei Projekte gemeinsam haben",{"type":22,"content":391},[392],{"text":393,"type":28},"So unterschiedlich die Branchen sind, angefangen haben wir jedes Mal bei der Botschaft: Was muss ein Besucher verstehen, bevor er anfragt? Erst danach kam das Layout, und jede Gestaltungsentscheidung musste sich daran messen lassen, ob sie Vertrauen schafft.",{"type":30,"attrs":395,"content":396},{"level":32},[397],{"text":158,"type":28},{"type":22,"content":399},[400],{"text":401,"type":28},"Die Auszeichnung freut uns sehr. Gemessen wird unsere Arbeit aber an dem, was danach passiert: mehr qualifizierte Anfragen und ein Auftritt, der so stark ist wie das Unternehmen dahinter. Wenn du wissen willst, wie das für deine Website aussehen kann, lass uns sprechen.",{"type":165,"attrs":403},{"id":404,"body":405},"bb3913c6-ddd8-45c0-a679-a2ffc843205a",[406],{"_uid":407,"text":408,"title":409,"buttons":410,"component":420},"0bb58e60-23c0-4b02-a3ca-77c392a90cf6","Im kostenlosen Erstgespräch schauen wir gemeinsam, wo deine Website heute steht und was sie leisten kann.","Lass uns über deine Website sprechen",[411],{"_uid":412,"link":413,"label":417,"avatar":216,"variant":418,"component":419},"3ff4a427-a086-4924-8e49-75b4cb9a301f",{"id":327,"url":414,"linktype":415,"fieldtype":416,"cached_url":414},"\u002Fcall","url","multilink","Jetzt anfragen","primary","button","blog-cta",[],[],[],{"id":425,"slug":426,"path":427,"title":428,"description":429,"category":430,"datum":431,"dateModified":432,"lesezeit":433,"featured":216,"bild":434,"bildAlt":428,"body":435,"nurVorschau":216,"services":1215,"website":327,"branche":327,"headline":327,"seoTitle":327,"kunde":327,"plattform":327,"bildTag":327,"bildDaemmerung":327,"bildNacht":327,"intro":327,"bilder":1216,"zusatzzeilen":1217,"zitat":24},"a0f5f7ee-5009-47d5-a986-28cbfc7f23b8","webflow-vs-framer","\u002Fnews\u002Fwebflow-vs-framer","Webflow vs. Framer: Was passt für welches Projekt?","Webflow oder Framer? Ein ehrlicher Vergleich aus der Praxis, wann welche Plattform die richtige Wahl ist.","Technologie","2026-10-19T00:00","2026-10-27T01:58:58.318Z",6,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F2400x1260\u002Ff1191180ca\u002Fwebflow-vs-framer.webp",{"type":19,"content":436},[437,442,447,452,457,462,521,526,531,536,541,598,603,608,613,951,955,960,965,969,974,979,983,988,993,998,1003,1008,1013,1018,1023,1028,1035,1072,1077,1084,1121,1126,1131,1136,1141,1146,1154,1168],{"type":22,"attrs":438,"content":439},{"textAlign":24},[440],{"text":441,"type":28},"Webflow oder Framer? Diese Frage kommt in fast jedem Erstgespräch. Beide Plattformen sind leistungsstark, beide haben eine berechtigte Daseinsberechtigung. Trotzdem sind sie grundverschieden. Ich arbeite seit Jahren mit beiden Tools und kann dir sagen: Die richtige Wahl hängt nicht davon ab, welche Plattform “besser” ist. Sie hängt davon ab, was du mit deiner Website vorhast.",{"type":22,"attrs":443,"content":444},{"textAlign":24},[445],{"text":446,"type":28},"In diesem Artikel bekommst du einen ehrlichen Vergleich aus der Praxis. Ohne Marketing-Sprech, ohne Fanboy-Meinung. Einfach eine klare Einordnung, damit du die richtige Entscheidung treffen kannst.",{"type":30,"attrs":448,"content":449},{"level":32,"textAlign":24},[450],{"text":451,"type":28},"Was ist Webflow?",{"type":22,"attrs":453,"content":454},{"textAlign":24},[455],{"text":456,"type":28},"Webflow ist ein visueller Website-Builder, der sich wie ein Hybrid aus Design-Tool und CMS anfühlt. Du kannst Layouts pixelgenau bauen, hast ein vollwertiges Content-Management-System und kannst Hosting, Formulare und Animationen direkt in der Plattform abbilden.",{"type":22,"attrs":458,"content":459},{"textAlign":24},[460],{"text":461,"type":28},"Die grossen Stärken von Webflow:",{"type":463,"content":464},"bullet_list",[465,477,488,499,510],{"type":466,"content":467},"list_item",[468],{"type":22,"attrs":469,"content":470},{"textAlign":24},[471,475],{"text":472,"type":28,"marks":473},"Mächtiges CMS",[474],{"type":107},{"text":476,"type":28}," mit Collections, Referenzfeldern und dynamischen Seiten",{"type":466,"content":478},[479],{"type":22,"attrs":480,"content":481},{"textAlign":24},[482,486],{"text":483,"type":28,"marks":484},"Pixelgenaue Kontrolle",[485],{"type":107},{"text":487,"type":28}," über HTML und CSS, ohne Code schreiben zu müssen",{"type":466,"content":489},[490],{"type":22,"attrs":491,"content":492},{"textAlign":24},[493,497],{"text":494,"type":28,"marks":495},"E-Commerce",[496],{"type":107},{"text":498,"type":28}," nativ integriert",{"type":466,"content":500},[501],{"type":22,"attrs":502,"content":503},{"textAlign":24},[504,508],{"text":505,"type":28,"marks":506},"SEO-Funktionen",[507],{"type":107},{"text":509,"type":28}," wie automatische Sitemaps, Redirects und Meta-Tags",{"type":466,"content":511},[512],{"type":22,"attrs":513,"content":514},{"textAlign":24},[515,519],{"text":516,"type":28,"marks":517},"Große Community",[518],{"type":107},{"text":520,"type":28}," mit Templates, Cloneables und Tutorials",{"type":22,"attrs":522,"content":523},{"textAlign":24},[524],{"text":525,"type":28},"Webflow fühlt sich an wie “richtiges” Webdesign. Du arbeitest mit dem Box-Modell, Flexbox und Grid. Das gibt dir maximale Kontrolle, erfordert aber auch ein gewisses Verständnis für CSS-Logik.",{"type":30,"attrs":527,"content":528},{"level":32,"textAlign":24},[529],{"text":530,"type":28},"Was ist Framer?",{"type":22,"attrs":532,"content":533},{"textAlign":24},[534],{"text":535,"type":28},"Framer hat sich von einem Prototyping-Tool zu einer vollwertigen Website-Plattform entwickelt. Der Ansatz ist anders als bei Webflow: Framer ist React-basiert und setzt stark auf Komponenten, Varianten und vorgefertigte Layouts.",{"type":22,"attrs":537,"content":538},{"textAlign":24},[539],{"text":540,"type":28},"Die grossen Stärken von Framer:",{"type":463,"content":542},[543,554,565,576,587],{"type":466,"content":544},[545],{"type":22,"attrs":546,"content":547},{"textAlign":24},[548,552],{"text":549,"type":28,"marks":550},"Unglaublich schnelle Ergebnisse",[551],{"type":107},{"text":553,"type":28},", besonders bei Landingpages und Marketing-Websites",{"type":466,"content":555},[556],{"type":22,"attrs":557,"content":558},{"textAlign":24},[559,563],{"text":560,"type":28,"marks":561},"React unter der Haube",[562],{"type":107},{"text":564,"type":28},", was technisch sauberen Output erzeugt",{"type":466,"content":566},[567],{"type":22,"attrs":568,"content":569},{"textAlign":24},[570,574],{"text":571,"type":28,"marks":572},"Hervorragende Animationen",[573],{"type":107},{"text":575,"type":28}," und Scroll-Effekte out of the box",{"type":466,"content":577},[578],{"type":22,"attrs":579,"content":580},{"textAlign":24},[581,585],{"text":582,"type":28,"marks":583},"Moderne Templates",[584],{"type":107},{"text":586,"type":28},", die direkt einsetzbar sind",{"type":466,"content":588},[589],{"type":22,"attrs":590,"content":591},{"textAlign":24},[592,596],{"text":593,"type":28,"marks":594},"Kostenlos starten",[595],{"type":107},{"text":597,"type":28}," und bei Bedarf skalieren",{"type":22,"attrs":599,"content":600},{"textAlign":24},[601],{"text":602,"type":28},"Framer fühlt sich eher wie Figma an als wie ein klassischer Website-Builder. Du arbeitest mit Frames, Auto-Layout und Breakpoints. Für Designer ist der Einstieg dadurch sehr intuitiv.",{"type":30,"attrs":604,"content":605},{"level":32,"textAlign":24},[606],{"text":607,"type":28},"Der Vergleich",{"type":22,"attrs":609,"content":610},{"textAlign":24},[611],{"text":612,"type":28},"Hier die wichtigsten Unterschiede im direkten Vergleich:",{"type":614,"content":615},"table",[616,645,674,702,730,758,786,814,842,869,897,923],{"type":617,"content":618},"tableRow",[619,629,637],{"type":620,"attrs":621,"content":623},"tableHeader",{"colspan":622,"rowspan":622,"colwidth":24},1,[624],{"type":22,"attrs":625,"content":626},{"textAlign":24},[627],{"text":628,"type":28},"Kriterium",{"type":620,"attrs":630,"content":631},{"colspan":622,"rowspan":622,"colwidth":24},[632],{"type":22,"attrs":633,"content":634},{"textAlign":24},[635],{"text":636,"type":28},"Webflow",{"type":620,"attrs":638,"content":639},{"colspan":622,"rowspan":622,"colwidth":24},[640],{"type":22,"attrs":641,"content":642},{"textAlign":24},[643],{"text":644,"type":28},"Framer",{"type":617,"content":646},[647,658,666],{"type":648,"attrs":649,"content":650},"tableCell",{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[651],{"type":22,"attrs":652,"content":653},{"textAlign":24},[654],{"text":655,"type":28,"marks":656},"CMS",[657],{"type":107},{"type":648,"attrs":659,"content":660},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[661],{"type":22,"attrs":662,"content":663},{"textAlign":24},[664],{"text":665,"type":28},"Sehr mächtig, Collections, Filter, dynamische Seiten",{"type":648,"attrs":667,"content":668},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[669],{"type":22,"attrs":670,"content":671},{"textAlign":24},[672],{"text":673,"type":28},"Einfaches CMS, für Blogs und einfache Inhalte ausreichend",{"type":617,"content":675},[676,686,694],{"type":648,"attrs":677,"content":678},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[679],{"type":22,"attrs":680,"content":681},{"textAlign":24},[682],{"text":683,"type":28,"marks":684},"Animationen",[685],{"type":107},{"type":648,"attrs":687,"content":688},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[689],{"type":22,"attrs":690,"content":691},{"textAlign":24},[692],{"text":693,"type":28},"Interactions + Lottie, manuell konfiguriert",{"type":648,"attrs":695,"content":696},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[697],{"type":22,"attrs":698,"content":699},{"textAlign":24},[700],{"text":701,"type":28},"Scroll-Animationen, Hover-Effekte, Page Transitions nativ",{"type":617,"content":703},[704,714,722],{"type":648,"attrs":705,"content":706},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[707],{"type":22,"attrs":708,"content":709},{"textAlign":24},[710],{"text":711,"type":28,"marks":712},"Performance",[713],{"type":107},{"type":648,"attrs":715,"content":716},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[717],{"type":22,"attrs":718,"content":719},{"textAlign":24},[720],{"text":721,"type":28},"Gut, erfordert aber Optimierung",{"type":648,"attrs":723,"content":724},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[725],{"type":22,"attrs":726,"content":727},{"textAlign":24},[728],{"text":729,"type":28},"Sehr gut, React-basiert mit automatischer Optimierung",{"type":617,"content":731},[732,742,750],{"type":648,"attrs":733,"content":734},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[735],{"type":22,"attrs":736,"content":737},{"textAlign":24},[738],{"text":739,"type":28,"marks":740},"SEO",[741],{"type":107},{"type":648,"attrs":743,"content":744},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[745],{"type":22,"attrs":746,"content":747},{"textAlign":24},[748],{"text":749,"type":28},"Umfassend, volle Kontrolle über Meta-Tags, Redirects, Sitemap",{"type":648,"attrs":751,"content":752},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[753],{"type":22,"attrs":754,"content":755},{"textAlign":24},[756],{"text":757,"type":28},"Grundlegende SEO-Features, weniger Kontrolle",{"type":617,"content":759},[760,770,778],{"type":648,"attrs":761,"content":762},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[763],{"type":22,"attrs":764,"content":765},{"textAlign":24},[766],{"text":767,"type":28,"marks":768},"Preis (Einstieg)",[769],{"type":107},{"type":648,"attrs":771,"content":772},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[773],{"type":22,"attrs":774,"content":775},{"textAlign":24},[776],{"text":777,"type":28},"Ab ca. 14 $\u002FMonat (Basic)",{"type":648,"attrs":779,"content":780},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[781],{"type":22,"attrs":782,"content":783},{"textAlign":24},[784],{"text":785,"type":28},"Kostenlos (mit Framer-Badge), ab 5 $\u002FMonat",{"type":617,"content":787},[788,798,806],{"type":648,"attrs":789,"content":790},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[791],{"type":22,"attrs":792,"content":793},{"textAlign":24},[794],{"text":795,"type":28,"marks":796},"Preis (Business)",[797],{"type":107},{"type":648,"attrs":799,"content":800},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[801],{"type":22,"attrs":802,"content":803},{"textAlign":24},[804],{"text":805,"type":28},"Ab ca. 39 $\u002FMonat (CMS Plan)",{"type":648,"attrs":807,"content":808},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[809],{"type":22,"attrs":810,"content":811},{"textAlign":24},[812],{"text":813,"type":28},"Ab ca. 15 $\u002FMonat (Pro Plan)",{"type":617,"content":815},[816,826,834],{"type":648,"attrs":817,"content":818},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[819],{"type":22,"attrs":820,"content":821},{"textAlign":24},[822],{"text":823,"type":28,"marks":824},"Lernkurve",[825],{"type":107},{"type":648,"attrs":827,"content":828},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[829],{"type":22,"attrs":830,"content":831},{"textAlign":24},[832],{"text":833,"type":28},"Steil, CSS-Verständnis nötig",{"type":648,"attrs":835,"content":836},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[837],{"type":22,"attrs":838,"content":839},{"textAlign":24},[840],{"text":841,"type":28},"Flacher, besonders für Designer",{"type":617,"content":843},[844,853,861],{"type":648,"attrs":845,"content":846},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[847],{"type":22,"attrs":848,"content":849},{"textAlign":24},[850],{"text":494,"type":28,"marks":851},[852],{"type":107},{"type":648,"attrs":854,"content":855},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[856],{"type":22,"attrs":857,"content":858},{"textAlign":24},[859],{"text":860,"type":28},"Nativ integriert",{"type":648,"attrs":862,"content":863},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[864],{"type":22,"attrs":865,"content":866},{"textAlign":24},[867],{"text":868,"type":28},"Nicht verfügbar",{"type":617,"content":870},[871,881,889],{"type":648,"attrs":872,"content":873},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[874],{"type":22,"attrs":875,"content":876},{"textAlign":24},[877],{"text":878,"type":28,"marks":879},"Custom Code",[880],{"type":107},{"type":648,"attrs":882,"content":883},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[884],{"type":22,"attrs":885,"content":886},{"textAlign":24},[887],{"text":888,"type":28},"HTML, CSS, JS Embeds",{"type":648,"attrs":890,"content":891},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[892],{"type":22,"attrs":893,"content":894},{"textAlign":24},[895],{"text":896,"type":28},"React-Komponenten, TypeScript",{"type":617,"content":898},[899,907,915],{"type":648,"attrs":900,"content":901},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[902],{"type":22,"attrs":903,"content":904},{"textAlign":24},[905],{"text":906,"type":28},"KI",{"type":648,"attrs":908,"content":909},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[910],{"type":22,"attrs":911,"content":912},{"textAlign":24},[913],{"text":914,"type":28},"MCP 2.0: externe KI-Agenten wie Claude oder ChatGPT, mit Rechten und Branches",{"type":648,"attrs":916,"content":917},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[918],{"type":22,"attrs":919,"content":920},{"textAlign":24},[921],{"text":922,"type":28},"Eigene Agents im Canvas, dazu externe Tools wie Claude Code oder Cursor",{"type":617,"content":924},[925,935,943],{"type":648,"attrs":926,"content":927},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[928],{"type":22,"attrs":929,"content":930},{"textAlign":24},[931],{"text":932,"type":28,"marks":933},"Mehrsprachigkeit",[934],{"type":107},{"type":648,"attrs":936,"content":937},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[938],{"type":22,"attrs":939,"content":940},{"textAlign":24},[941],{"text":942,"type":28},"Über Localization-Feature (ab Scale Plan)",{"type":648,"attrs":944,"content":945},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[946],{"type":22,"attrs":947,"content":948},{"textAlign":24},[949],{"text":950,"type":28},"Über Plugins oder manuell",{"type":30,"attrs":952,"content":953},{"level":265,"textAlign":24},[954],{"text":655,"type":28},{"type":22,"attrs":956,"content":957},{"textAlign":24},[958],{"text":959,"type":28},"Das ist der Bereich, in dem Webflow klar vorne liegt. Wenn du eine Website mit vielen Inhalten hast, mit einem Blog, Ressourcen-Bereich, Mitarbeiterseiten oder Produktkatalogen, dann ist Webflow die bessere Wahl. Das CMS ist flexibel, unterstützt Referenzfelder und lässt sich mit Filtern und Sortierungen kombinieren.",{"type":22,"attrs":961,"content":962},{"textAlign":24},[963],{"text":964,"type":28},"Framer hat ein CMS, aber es ist deutlich simpler. Für einen Blog oder eine kleine Inhaltssammlung reicht es. Für komplexe Content-Strukturen stößt du schnell an Grenzen.",{"type":30,"attrs":966,"content":967},{"level":265,"textAlign":24},[968],{"text":683,"type":28},{"type":22,"attrs":970,"content":971},{"textAlign":24},[972],{"text":973,"type":28},"Hier hat Framer die Nase vorn. Scroll-basierte Animationen, Page Transitions und Hover-Effekte lassen sich in Framer extrem schnell umsetzen. Das Ergebnis sieht sofort hochwertig aus.",{"type":22,"attrs":975,"content":976},{"textAlign":24},[977],{"text":978,"type":28},"Webflow kann das auch, aber du musst die Interactions manuell konfigurieren. Das dauert länger, gibt dir aber auch mehr Kontrolle über Timing und Verhalten.",{"type":30,"attrs":980,"content":981},{"level":265,"textAlign":24},[982],{"text":711,"type":28},{"type":22,"attrs":984,"content":985},{"textAlign":24},[986],{"text":987,"type":28},"Beide Plattformen liefern schnelle Websites. Framer hat durch die React-Architektur einen leichten Vorteil bei der initialen Ladezeit. Webflow-Seiten sind ebenfalls performant, erfordern aber manchmal manuelle Optimierung bei Bildern und Custom Code.",{"type":30,"attrs":989,"content":990},{"level":265,"textAlign":24},[991],{"text":992,"type":28},"Preis",{"type":22,"attrs":994,"content":995},{"textAlign":24},[996],{"text":997,"type":28},"Framer ist günstiger, besonders am Anfang. Du kannst kostenlos starten und zahlst erst, wenn du eine eigene Domain nutzen willst. Webflow ist teurer, bietet dafür aber auch mehr Funktionalität, besonders beim CMS und E-Commerce.",{"type":30,"attrs":999,"content":1000},{"level":265,"textAlign":24},[1001],{"text":1002,"type":28},"KI-Funktionen",{"type":22,"attrs":1004,"content":1005},{"textAlign":24},[1006],{"text":1007,"type":28},"Beide Plattformen haben 2026 kräftig in KI investiert, allerdings mit unterschiedlichem Ansatz. Webflow öffnet sich mit MCP 2.0 für externe KI-Agenten wie Claude, ChatGPT oder Cursor. Sie greifen auf Designsystem, CMS und Analytics zu und arbeiten in eigenen Branches, mit Rollen, Rechten und einem Protokoll jeder Änderung. Das ist vor allem für Teams interessant, die KI kontrolliert in bestehende Abläufe einbinden wollen.",{"type":22,"attrs":1009,"content":1010},{"textAlign":24},[1011],{"text":1012,"type":28},"Framer holt die KI mit Version 3.0 direkt in den Canvas. Eigene Agents bauen ganze Seiten, erstellen Komponenten und verbinden das CMS. Jede Änderung landet zuerst auf einem eigenen Branch und geht erst nach Freigabe live. Externe Tools wie Claude Code oder Cursor lassen sich ebenfalls anbinden.",{"type":22,"attrs":1014,"content":1015},{"textAlign":24},[1016],{"text":1017,"type":28},"Für die Entscheidung heißt das: Beide Plattformen sind für die Arbeit mit KI gerüstet. Webflow punktet bei Kontrolle und Governance, Framer beim direkten Arbeiten mit Agents im Design.",{"type":30,"attrs":1019,"content":1020},{"level":32,"textAlign":24},[1021],{"text":1022,"type":28},"Wann Webflow, wann Framer?",{"type":22,"attrs":1024,"content":1025},{"textAlign":24},[1026],{"text":1027,"type":28},"Nach über 20 Projekten mit beiden Plattformen habe ich klare Muster erkannt.",{"type":22,"attrs":1029,"content":1030},{"textAlign":24},[1031],{"text":1032,"type":28,"marks":1033},"Webflow ist die richtige Wahl, wenn:",[1034],{"type":107},{"type":463,"content":1036},[1037,1044,1051,1058,1065],{"type":466,"content":1038},[1039],{"type":22,"attrs":1040,"content":1041},{"textAlign":24},[1042],{"text":1043,"type":28},"Dein Unternehmen ein umfangreiches CMS braucht (Blog, Ressourcen, Karriereseiten)",{"type":466,"content":1045},[1046],{"type":22,"attrs":1047,"content":1048},{"textAlign":24},[1049],{"text":1050,"type":28},"Du E-Commerce-Funktionalität benötigst",{"type":466,"content":1052},[1053],{"type":22,"attrs":1054,"content":1055},{"textAlign":24},[1056],{"text":1057,"type":28},"SEO eine zentrale Rolle spielt und du volle Kontrolle über technische Details willst",{"type":466,"content":1059},[1060],{"type":22,"attrs":1061,"content":1062},{"textAlign":24},[1063],{"text":1064,"type":28},"Das Marketing-Team eigenständig Inhalte pflegen soll",{"type":466,"content":1066},[1067],{"type":22,"attrs":1068,"content":1069},{"textAlign":24},[1070],{"text":1071,"type":28},"Du eine langfristige, skalierbare Website-Architektur planst",{"type":22,"attrs":1073,"content":1074},{"textAlign":24},[1075],{"text":1076,"type":28},"Als Webflow Agentur setze ich Webflow besonders für B2B-Unternehmen ein, die eine starke Content-Strategie verfolgen und ihre Website als Vertriebskanal nutzen.",{"type":22,"attrs":1078,"content":1079},{"textAlign":24},[1080],{"text":1081,"type":28,"marks":1082},"Framer ist die richtige Wahl, wenn:",[1083],{"type":107},{"type":463,"content":1085},[1086,1093,1100,1107,1114],{"type":466,"content":1087},[1088],{"type":22,"attrs":1089,"content":1090},{"textAlign":24},[1091],{"text":1092,"type":28},"Du eine Landingpage oder Marketing-Website schnell live bringen willst",{"type":466,"content":1094},[1095],{"type":22,"attrs":1096,"content":1097},{"textAlign":24},[1098],{"text":1099,"type":28},"Design und Animationen im Vordergrund stehen",{"type":466,"content":1101},[1102],{"type":22,"attrs":1103,"content":1104},{"textAlign":24},[1105],{"text":1106,"type":28},"Das Budget begrenzt ist und du schlank starten willst",{"type":466,"content":1108},[1109],{"type":22,"attrs":1110,"content":1111},{"textAlign":24},[1112],{"text":1113,"type":28},"Du (oder dein Team) aus dem Design-Bereich kommt und eine vertraute Arbeitsumgebung suchst",{"type":466,"content":1115},[1116],{"type":22,"attrs":1117,"content":1118},{"textAlign":24},[1119],{"text":1120,"type":28},"Die Website eher eine digitale Visitenkarte als ein Content-Hub ist",{"type":22,"attrs":1122,"content":1123},{"textAlign":24},[1124],{"text":1125,"type":28},"Als Framer Agentur nutze ich Framer gerne für Projekte, bei denen Speed und visueller Impact entscheidend sind.",{"type":30,"attrs":1127,"content":1128},{"level":32,"textAlign":24},[1129],{"text":1130,"type":28},"Und wann keins von beiden?",{"type":22,"attrs":1132,"content":1133},{"textAlign":24},[1134],{"text":1135,"type":28},"Es gibt Projekte, bei denen weder Webflow noch Framer die richtige Wahl sind. Wenn du eine Web-App baust, komplexe Integrationen brauchst oder deine Website Teil eines grösseren Tech-Stacks ist, dann führt kein Weg an Custom Development vorbei.",{"type":22,"attrs":1137,"content":1138},{"textAlign":24},[1139],{"text":1140,"type":28},"Frameworks wie Nuxt, Next.js oder Astro geben dir die volle Kontrolle über Architektur, Performance und Funktionalität. Der Nachteil: Der Aufwand ist höher, die Kosten steigen und du brauchst einen Entwickler für Änderungen.",{"type":22,"attrs":1142,"content":1143},{"textAlign":24},[1144],{"text":1145,"type":28},"Meine Faustregel: Wenn eine der beiden Plattformen dein Problem lösen kann, nimm die Plattform. Custom Dev lohnt sich erst, wenn du an die Grenzen von Webflow und Framer stößt.",{"type":1147,"content":1148},"blockquote",[1149],{"type":22,"attrs":1150,"content":1151},{"textAlign":24},[1152],{"text":1153,"type":28},"“Die beste Plattform ist die, die dein Problem löst, nicht die, die am meisten Features hat.”",{"type":22,"attrs":1155,"content":1156},{"textAlign":24},[1157,1159,1166],{"text":1158,"type":28},"Wenn du unsicher bist, welche Lösung für dein Projekt die richtige ist, ",{"text":1160,"type":28,"marks":1161},"buch dir eine kostenlose Beratung",[1162],{"type":312,"attrs":1163},{"href":1164,"uuid":24,"anchor":24,"custom":1165,"target":24,"linktype":415},"https:\u002F\u002Fcal.com\u002Fhutter-studio\u002Fberatung",{},{"text":1167,"type":28},". Ich schaue mir dein Projekt an und gebe dir eine ehrliche Empfehlung.",{"type":165,"attrs":1169},{"id":1170,"body":1171},"f0c62701-fdfb-499c-8549-cfc4e4e96c5e",[1172],{"_uid":1173,"items":1174,"component":213},"f975572c-e9dc-4d88-940e-fa7f7a02f094",[1175,1185,1195,1205],{"_uid":1176,"frage":1177,"antwort":1178,"component":182},"e188bdde-6bd8-454b-a939-8de289ca8ecc","Was ist der Unterschied zwischen Framer und Webflow?",{"type":19,"content":1179},[1180],{"type":22,"attrs":1181,"content":1182},{"textAlign":24},[1183],{"text":1184,"type":28},"Webflow ist ein visueller Website-Builder mit mächtigem CMS und voller Kontrolle über HTML\u002FCSS. Framer ist React-basiert und setzt auf schnelle Ergebnisse, starke Animationen und eine Designer-freundliche Oberfläche. Webflow eignet sich besser für content-lastige Websites, Framer für Landingpages und Marketing-Websites mit Fokus auf Design.",{"_uid":1186,"frage":1187,"antwort":1188,"component":182},"5617b462-02b0-48ae-a5b6-edd824deceae","Wie viel kostet eine Webflow Website?",{"type":19,"content":1189},[1190],{"type":22,"attrs":1191,"content":1192},{"textAlign":24},[1193],{"text":1194,"type":28},"Die Plattformkosten starten bei ca. 14 $\u002FMonat. Für eine professionelle B2B-Website mit CMS und individuellen Designs liegen die Projektkosten typischerweise zwischen 5.000 und 20.000 Euro, je nach Umfang und Komplexität.",{"_uid":1196,"frage":1197,"antwort":1198,"component":182},"91bc1eeb-7029-45a9-b192-146f99b1f507","Wie viel kostet eine Framer Website?",{"type":19,"content":1199},[1200],{"type":22,"attrs":1201,"content":1202},{"textAlign":24},[1203],{"text":1204,"type":28},"Framer ist günstiger als Webflow. Du kannst kostenlos starten, die Pro-Pläne beginnen bei ca. 15 $\u002FMonat. Eine professionell umgesetzte Framer-Website kostet als Projekt typischerweise zwischen 3.000 und 12.000 Euro.",{"_uid":1206,"frage":1207,"antwort":1208,"component":182},"27fc87a0-f8be-49b7-809d-cbaf65627e8a","Kann ich von Webflow zu Framer wechseln oder umgekehrt?",{"type":19,"content":1209},[1210],{"type":22,"attrs":1211,"content":1212},{"textAlign":24},[1213],{"text":1214,"type":28},"Ein Wechsel ist möglich, aber es gibt keinen automatischen Import. Die Website muss in der neuen Plattform neu aufgebaut werden. Inhalte wie Texte und Bilder lassen sich übertragen, das Design und die Struktur müssen neu erstellt werden.",[],[],[],{"id":1219,"slug":1220,"path":1221,"title":1222,"description":1223,"category":430,"datum":1224,"dateModified":1225,"lesezeit":1226,"featured":1227,"bild":1228,"bildAlt":1222,"body":1229,"nurVorschau":216,"services":1345,"website":327,"branche":327,"headline":327,"seoTitle":327,"kunde":327,"plattform":327,"bildTag":327,"bildDaemmerung":327,"bildNacht":327,"intro":327,"bilder":1346,"zusatzzeilen":1347,"zitat":24},"5177c270-08f0-42cd-9df0-679928ba5357","was-ich-nach-30-webflow-projekten-anders-mache","\u002Fnews\u002Fwas-ich-nach-30-webflow-projekten-anders-mache","Was ich nach 30+ Website-Projekten anders mache","Nach über 30 Website-Projekten habe ich einiges gelernt. Über Aufwand, Komplexität und warum einfach fast immer besser ist.","2026-10-15T00:00","2026-10-27T01:58:59.288Z",5,true,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F2400x1260\u002F06c22e932f\u002F30-projekte-learnings.png",{"type":19,"content":1230},[1231,1236,1241,1246,1251,1256,1261,1266,1271,1276,1281,1286,1291,1296,1301,1306,1311,1316,1321,1326,1331,1340],{"type":22,"attrs":1232,"content":1233},{"textAlign":24},[1234],{"text":1235,"type":28},"Wenn ich mir meine ersten Projekte heute anschaue, muss ich schmunzeln. Nicht weil sie schlecht waren, sondern weil ich vieles unnötig kompliziert gemacht habe. Nach über 30 Projekten ist mein größtes Learning simpel: Die besten Websites sind nicht die komplexesten, sondern die durchdachtesten.",{"type":30,"attrs":1237,"content":1238},{"level":32,"textAlign":24},[1239],{"text":1240,"type":28},"Aufwand ehrlich einschätzen",{"type":22,"attrs":1242,"content":1243},{"textAlign":24},[1244],{"text":1245,"type":28},"Einer der größten Fehler am Anfang war, den Aufwand für Custom-Lösungen zu unterschätzen. “Das bauen wir schnell custom” klingt im Erstgespräch gut, aber in der Realität fressen solche Sachen extrem viel Zeit. Ein animierter Slider, der sich “ein bisschen anders” verhalten soll, oder ein Formular mit Logik, die das Tool nativ nicht kann. Jedes Mal dachte ich, das dauert vielleicht einen halben Tag. Am Ende saß ich zwei Tage dran.",{"type":22,"attrs":1247,"content":1248},{"textAlign":24},[1249],{"text":1250,"type":28},"Heute kalkuliere ich Custom-Aufwand bewusst großzügiger und hinterfrage vorher, ob es wirklich custom sein muss. In den meisten Fällen gibt es eine einfachere Lösung, die genauso gut funktioniert.",{"type":30,"attrs":1252,"content":1253},{"level":32,"textAlign":24},[1254],{"text":1255,"type":28},"Nicht über das Tool hinausschießen",{"type":22,"attrs":1257,"content":1258},{"textAlign":24},[1259],{"text":1260,"type":28},"Website-Builder wie Webflow oder Framer sind extrem leistungsfähig, aber jedes Tool hat Grenzen. Und die sollte man respektieren, statt sie mit Workarounds zu umgehen.",{"type":22,"attrs":1262,"content":1263},{"textAlign":24},[1264],{"text":1265,"type":28},"In frühen Projekten habe ich regelmäßig versucht, Dinge zu bauen, die das jeweilige Tool so nicht vorgesehen hat. Das Ergebnis waren fragile Konstrukte, die beim nächsten Update Probleme gemacht haben. Oder Code, den außer mir niemand verstanden hat.",{"type":22,"attrs":1267,"content":1268},{"textAlign":24},[1269],{"text":1270,"type":28},"Heute bleibe ich bewusst nah an dem, was ein Tool nativ kann. Man kann den Status quo ein bisschen challengen, aber nur bei Projekten, wo das auch wirklich Sinn macht. Bei den meisten B2B-Websites geht es darum, Vertrauen aufzubauen und Anfragen zu generieren. Da braucht niemand experimentelle Animationen.",{"type":30,"attrs":1272,"content":1273},{"level":32,"textAlign":24},[1274],{"text":1275,"type":28},"Sauber aufbauen statt extern einbinden",{"type":22,"attrs":1277,"content":1278},{"textAlign":24},[1279],{"text":1280,"type":28},"Früher habe ich gerne externe Scripts, Libraries und Snippets eingebunden. Copy-Paste von Stack Overflow, ein Codepen hier, eine Library dort. Das funktioniert erstmal, bis es nicht mehr funktioniert.",{"type":22,"attrs":1282,"content":1283},{"textAlign":24},[1284],{"text":1285,"type":28},"Wenn dann etwas kaputt geht, sitzt du da und debuggst fremden Code, den du nicht wirklich verstehst. Wartung wird zum Albtraum.",{"type":22,"attrs":1287,"content":1288},{"textAlign":24},[1289],{"text":1290,"type":28},"Mein Ansatz heute ist ein anderer. Wenn ich Custom Code brauche, baue ich ihn von Grund auf selbst. Ich habe mir dafür ein eigenes Setup aufgebaut, mit dem ich sauber arbeiten kann. Das dauert am Anfang vielleicht etwas länger, aber ich verstehe jede Zeile und kann alles problemlos warten.",{"type":30,"attrs":1292,"content":1293},{"level":32,"textAlign":24},[1294],{"text":1295,"type":28},"CMS so minimal wie möglich",{"type":22,"attrs":1297,"content":1298},{"textAlign":24},[1299],{"text":1300,"type":28},"Ein starkes CMS verleitet dazu, es zu überladen. Am Anfang habe ich CMS-Strukturen gebaut, die alles abdecken sollten. Dutzende Felder, verschachtelte Referenzen, komplexe Filter.",{"type":22,"attrs":1302,"content":1303},{"textAlign":24},[1304],{"text":1305,"type":28},"Am Ende loggt sich der Kunde nach dem Launch ein und versteht nichts. Zu viele Optionen, zu viele Felder, zu viel Komplexität.",{"type":22,"attrs":1307,"content":1308},{"textAlign":24},[1309],{"text":1310,"type":28},"Heute halte ich das CMS bewusst minimal. Nur die Felder, die der Kunde wirklich braucht, keine “das könnte man irgendwann mal brauchen”-Felder. Wenn der Kunde nach dem Launch eigenständig Inhalte pflegen soll, muss das CMS intuitiv sein.",{"type":30,"attrs":1312,"content":1313},{"level":32,"textAlign":24},[1314],{"text":1315,"type":28},"Struktur vor Design",{"type":22,"attrs":1317,"content":1318},{"textAlign":24},[1319],{"text":1320,"type":28},"Das letzte und vielleicht wichtigste Learning ist, dass eine saubere Projektstruktur mehr Zeit spart als jeder Shortcut.",{"type":22,"attrs":1322,"content":1323},{"textAlign":24},[1324],{"text":1325,"type":28},"Bevor ich die erste Seite baue, lege ich heute ein festes System an: einheitliche Namen für Klassen und Komponenten, wiederverwendbare Bausteine und klare Regeln für Abstände und Typografie. So bleibt ein Projekt auch nach Monaten wartbar und lässt sich sauber erweitern. Klingt technisch, hat aber einen direkten Effekt auf die Zusammenarbeit. Wenn ein anderer Entwickler das Projekt übernehmen muss, findet er sich sofort zurecht. Und auch für mich selbst ist es ein Unterschied, ob ich nach sechs Monaten ein sauber strukturiertes Projekt öffne oder ein Chaos aus generischen Klassennamen.",{"type":30,"attrs":1327,"content":1328},{"level":32,"textAlign":24},[1329],{"text":1330,"type":28},"Keep it simple",{"type":22,"attrs":1332,"content":1333},{"textAlign":24},[1334,1336],{"text":1335,"type":28},"Wenn ich die letzten 30+ Projekte in einem Satz zusammenfassen müsste: ",{"text":1337,"type":28,"marks":1338},"Einfach schlägt komplex. Immer.",[1339],{"type":107},{"type":22,"attrs":1341,"content":1342},{"textAlign":24},[1343],{"text":1344,"type":28},"Die Websites, mit denen meine Kunden am zufriedensten sind, sind nicht die mit den meisten Features. Es sind die, die klar strukturiert sind, schnell laden und es dem Besucher leicht machen, eine Anfrage zu stellen.",[],[],[],{"id":1349,"slug":1350,"path":1351,"title":1352,"description":1353,"category":1354,"datum":1355,"dateModified":1356,"lesezeit":1226,"featured":216,"bild":1357,"bildAlt":1352,"body":1358,"nurVorschau":216,"services":1606,"website":327,"branche":327,"headline":327,"seoTitle":327,"kunde":327,"plattform":327,"bildTag":327,"bildDaemmerung":327,"bildNacht":327,"intro":327,"bilder":1607,"zusatzzeilen":1608,"zitat":24},"46c0e9b8-6c84-445a-b569-cf8a511d549b","warum-festpreis-besser-ist-als-stundensatz","\u002Fnews\u002Fwarum-festpreis-besser-ist-als-stundensatz","Warum ein Festpreis besser ist als Stundensätze","Stundensatz oder Festpreis? Warum wir nur mit Festpreisen arbeiten und wieso das für beide Seiten besser ist.","Strategie","2026-10-13T00:00","2026-10-27T01:59:00.238Z","https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F2400x1260\u002Fdc520ebd50\u002Ffestpreis-besser-als-stundensaetze.png",{"type":19,"content":1359},[1360,1365,1370,1375,1384,1393,1402,1407,1412,1421,1430,1439,1446,1451,1456,1465,1474,1483,1488,1493,1550,1555,1559,1564,1569],{"type":22,"attrs":1361,"content":1362},{"textAlign":24},[1363],{"text":1364,"type":28},"Die meisten Agenturen rechnen nach Stunden ab. Wir nicht. Seit unserem ersten Projekt arbeiten wir ausschließlich mit Festpreisen, und wir sind überzeugt, dass das für beide Seiten die bessere Lösung ist.",{"type":30,"attrs":1366,"content":1367},{"level":32,"textAlign":24},[1368],{"text":1369,"type":28},"Das Problem mit Stundensätzen",{"type":22,"attrs":1371,"content":1372},{"textAlign":24},[1373],{"text":1374,"type":28},"Stundensätze klingen auf den ersten Blick fair. Du zahlst nur, was tatsächlich gearbeitet wird. In der Praxis hat dieses Modell aber drei grundlegende Probleme.",{"type":22,"attrs":1376,"content":1377},{"textAlign":24},[1378,1382],{"text":1379,"type":28,"marks":1380},"Der Anreiz ist falsch.",[1381],{"type":107},{"text":1383,"type":28}," Wer nach Stunden bezahlt wird, hat keinen finanziellen Grund, schnell und effizient zu arbeiten. Je länger ein Projekt dauert, desto mehr verdient die Agentur. Das heißt nicht, dass jede Agentur absichtlich langsam arbeitet. Aber das Modell belohnt Geschwindigkeit nicht. Es bestraft sie sogar.",{"type":22,"attrs":1385,"content":1386},{"textAlign":24},[1387,1391],{"text":1388,"type":28,"marks":1389},"Du weißt nicht, was es am Ende kostet.",[1390],{"type":107},{"text":1392,"type":28}," “Wir schätzen mal 80 bis 120 Stunden.” Klingt nach einem Plan. Aber was passiert, wenn es 150 Stunden werden? Oder 200? Als Auftraggeber hast du keine Planungssicherheit. Du bekommst eine Schätzung, keine Zusage. Und am Ende vom Projekt steht eine Rechnung, die höher ist als erwartet.",{"type":22,"attrs":1394,"content":1395},{"textAlign":24},[1396,1400],{"text":1397,"type":28,"marks":1398},"Stundensätze sind schwer zu vergleichen.",[1399],{"type":107},{"text":1401,"type":28}," Eine Agentur nimmt 120 Euro pro Stunde, eine andere 180 Euro. Wer ist günstiger? Das hängt davon ab, wie schnell und effizient gearbeitet wird. Ein Entwickler mit 180 Euro Stundensatz, der in 40 Stunden fertig ist, kostet weniger als einer mit 120 Euro, der 80 Stunden braucht. Das Problem: Du weißt es vorher nicht.",{"type":30,"attrs":1403,"content":1404},{"level":32,"textAlign":24},[1405],{"text":1406,"type":28},"Was ein Festpreis ändert",{"type":22,"attrs":1408,"content":1409},{"textAlign":24},[1410],{"text":1411,"type":28},"Ein Festpreis dreht die Dynamik komplett um. Der Preis steht von Anfang an fest, und damit verändern sich die Spielregeln für das gesamte Projekt.",{"type":22,"attrs":1413,"content":1414},{"textAlign":24},[1415,1419],{"text":1416,"type":28,"marks":1417},"Klare Erwartungen.",[1418],{"type":107},{"text":1420,"type":28}," Beide Seiten wissen vorher, was geliefert wird und was es kostet. Es gibt keine Überraschungen am Ende. Das schafft Vertrauen und macht die Zusammenarbeit entspannter. Als CEO oder Marketingleiter kannst du intern ein Budget freigeben und weißt genau, was du dafür bekommst.",{"type":22,"attrs":1422,"content":1423},{"textAlign":24},[1424,1428],{"text":1425,"type":28,"marks":1426},"Fokus auf Ergebnis statt Zeit.",[1427],{"type":107},{"text":1429,"type":28}," Wenn der Preis feststeht, zählt nur noch das Ergebnis. Wir haben dann selbst den Anreiz, effizient zu arbeiten und smarte Lösungen zu finden. Nicht weil wir an Qualität sparen, sondern weil unser Gewinn davon abhängt, wie gut wir unsere Prozesse organisieren. Das ist ein gesunder Anreiz.",{"type":22,"attrs":1431,"content":1432},{"textAlign":24},[1433,1437],{"text":1434,"type":28,"marks":1435},"Planungssicherheit.",[1436],{"type":107},{"text":1438,"type":28}," Du willst eine neue Website erstellen lassen und brauchst intern eine Budgetfreigabe? Mit einem Festpreis hast du eine konkrete Zahl. Kein “irgendwo zwischen X und Y”. Kein Nachtrag nach vier Wochen. Eine Zahl, die steht.",{"type":1147,"content":1440},[1441],{"type":22,"attrs":1442,"content":1443},{"textAlign":24},[1444],{"text":1445,"type":28},"“Ein Festpreis bedeutet nicht, dass alles billig wird. Er bedeutet, dass beide Seiten wissen, worauf sie sich einlassen.”",{"type":30,"attrs":1447,"content":1448},{"level":32,"textAlign":24},[1449],{"text":1450,"type":28},"Wann ein Festpreis funktioniert",{"type":22,"attrs":1452,"content":1453},{"textAlign":24},[1454],{"text":1455,"type":28},"Ein Festpreis ist kein Freifahrtschein für unbegrenzte Änderungen. Damit er funktioniert, braucht es drei Dinge.",{"type":22,"attrs":1457,"content":1458},{"textAlign":24},[1459,1463],{"text":1460,"type":28,"marks":1461},"Ein klares Briefing.",[1462],{"type":107},{"text":1464,"type":28}," Bevor wir ein Angebot schreiben, müssen wir verstehen, was du brauchst. Welche Ziele hat die Website? Wer ist die Zielgruppe? Welche Seiten werden gebraucht? Je klarer das Briefing, desto genauer der Preis. Deshalb starten wir jedes Projekt mit einem ausführlichen Kick-off.",{"type":22,"attrs":1466,"content":1467},{"textAlign":24},[1468,1472],{"text":1469,"type":28,"marks":1470},"Ein definierter Scope.",[1471],{"type":107},{"text":1473,"type":28}," Festpreis heißt: Der Umfang ist definiert. Fünf Seiten, ein CMS, responsives Design, eine Feedbackrunde pro Phase. Alles, was darüber hinausgeht, wird separat besprochen. Das ist keine Einschränkung, sondern Klarheit. Beide Seiten wissen, was drin ist.",{"type":22,"attrs":1475,"content":1476},{"textAlign":24},[1477,1481],{"text":1478,"type":28,"marks":1479},"Kein Open-End.",[1480],{"type":107},{"text":1482,"type":28}," Projekte, bei denen sich der Umfang während der Laufzeit ständig ändert, eignen sich schlecht für einen Festpreis. Wenn du heute noch nicht weißt, was du morgen brauchst, ist ein Festpreis das falsche Modell. Für klar definierte Website-Projekte ist er aber fast immer die bessere Wahl.",{"type":30,"attrs":1484,"content":1485},{"level":32,"textAlign":24},[1486],{"text":1487,"type":28},"Was bei einem Festpreis im Preis drin ist",{"type":22,"attrs":1489,"content":1490},{"textAlign":24},[1491],{"text":1492,"type":28},"Bei Hutter Studio bekommst du für den vereinbarten Festpreis ein komplettes Paket. Keine versteckten Extras, keine Zusatzkosten für Dinge, die eigentlich dazugehören.",{"type":463,"content":1494},[1495,1506,1517,1528,1539],{"type":466,"content":1496},[1497],{"type":22,"attrs":1498,"content":1499},{"textAlign":24},[1500,1504],{"text":1501,"type":28,"marks":1502},"Konzeption:",[1503],{"type":107},{"text":1505,"type":28}," Gemeinsamer Kick-off, Seitenstruktur, Wireframes",{"type":466,"content":1507},[1508],{"type":22,"attrs":1509,"content":1510},{"textAlign":24},[1511,1515],{"text":1512,"type":28,"marks":1513},"Design:",[1514],{"type":107},{"text":1516,"type":28}," Individuelles Webdesign, responsiv für alle Geräte",{"type":466,"content":1518},[1519],{"type":22,"attrs":1520,"content":1521},{"textAlign":24},[1522,1526],{"text":1523,"type":28,"marks":1524},"Entwicklung:",[1525],{"type":107},{"text":1527,"type":28}," Umsetzung in Webflow, Framer oder Custom Code",{"type":466,"content":1529},[1530],{"type":22,"attrs":1531,"content":1532},{"textAlign":24},[1533,1537],{"text":1534,"type":28,"marks":1535},"CMS-Schulung:",[1536],{"type":107},{"text":1538,"type":28}," Einweisung, damit du Inhalte selbstständig pflegen kannst",{"type":466,"content":1540},[1541],{"type":22,"attrs":1542,"content":1543},{"textAlign":24},[1544,1548],{"text":1545,"type":28,"marks":1546},"Feedbackrunden:",[1547],{"type":107},{"text":1549,"type":28}," Strukturierte Abstimmung in jeder Projektphase",{"type":22,"attrs":1551,"content":1552},{"textAlign":24},[1553],{"text":1554,"type":28},"Was nicht im Festpreis enthalten ist: Laufende Betreuung, zusätzliche Seiten nach Projektabschluss oder grundlegende Scope-Änderungen. Das wird transparent vorher kommuniziert.",{"type":30,"attrs":1556,"content":1557},{"level":32,"textAlign":24},[1558],{"text":158,"type":28},{"type":22,"attrs":1560,"content":1561},{"textAlign":24},[1562],{"text":1563,"type":28},"Ein Festpreis schafft Klarheit, Vertrauen und Planungssicherheit. Für dich als Auftraggeber und für uns als Agentur. Er funktioniert dann am besten, wenn beide Seiten vorher ehrlich definieren, was geliefert werden soll. Genau so arbeiten wir bei jedem Projekt.",{"type":22,"attrs":1565,"content":1566},{"textAlign":24},[1567],{"text":1568,"type":28},"Wenn du ein Website-Projekt planst und wissen willst, was es konkret kosten wird, meld dich gerne für ein unverbindliches Gespräch.",{"type":165,"attrs":1570},{"id":1571,"body":1572},"7ab53f94-4233-4e13-87ab-d2add1f5554f",[1573],{"_uid":1574,"items":1575,"component":213},"89e1fa04-df95-41a5-b3d9-75894271c4c9",[1576,1586,1596],{"_uid":1577,"frage":1578,"antwort":1579,"component":182},"3c375f58-77d6-4ba7-ad59-875b63bf4303","Wie setzen sich Website-Kosten zusammen?",{"type":19,"content":1580},[1581],{"type":22,"attrs":1582,"content":1583},{"textAlign":24},[1584],{"text":1585,"type":28},"Die Kosten setzen sich aus Konzeption, Design, Entwicklung und CMS-Einrichtung zusammen. Bei einem Festpreis sind all diese Leistungen im Preis enthalten. Zusätzliche Kosten können für Hosting, Domain oder externe Tools wie Analytics entstehen.",{"_uid":1587,"frage":1588,"antwort":1589,"component":182},"70d032f8-1ad3-40d5-9602-409b2005f933","Warum arbeiten die meisten Agenturen mit Stundensätzen?",{"type":19,"content":1590},[1591],{"type":22,"attrs":1592,"content":1593},{"textAlign":24},[1594],{"text":1595,"type":28},"Stundensätze sind für Agenturen risikoärmer. Wenn ein Projekt länger dauert als geplant, zahlt der Kunde die Differenz. Bei einem Festpreis trägt die Agentur das Risiko. Deshalb scheuen viele Agenturen dieses Modell. Es erfordert gute Prozesse und ehrliche Kalkulation.",{"_uid":1597,"frage":1598,"antwort":1599,"component":182},"b0b0cb75-eae7-4e80-ba9b-4ab2e1c9cfbc","Was passiert, wenn sich der Projektumfang während des Projekts ändert?",{"type":19,"content":1600},[1601],{"type":22,"attrs":1602,"content":1603},{"textAlign":24},[1604],{"text":1605,"type":28},"Kleine Anpassungen innerhalb des definierten Rahmens sind normal und im Festpreis enthalten. Wenn sich der Scope grundlegend ändert, besprechen wir das offen und machen ein transparentes Zusatzangebot. Du wirst nie von einer unerwarteten Rechnung überrascht.",[],[],[],{"id":1610,"slug":1611,"path":1612,"title":1613,"description":1614,"category":1615,"datum":1616,"dateModified":1617,"lesezeit":1226,"featured":216,"bild":1618,"bildAlt":1613,"body":1619,"nurVorschau":216,"services":1916,"website":327,"branche":327,"headline":327,"seoTitle":327,"kunde":327,"plattform":327,"bildTag":327,"bildDaemmerung":327,"bildNacht":327,"intro":327,"bilder":1917,"zusatzzeilen":1918,"zitat":24},"4830d92c-87de-43a4-95d5-297ba67370c9","b2b-landingpage-optimieren","\u002Fnews\u002Fb2b-landingpage-optimieren","B2B-Landingpage optimieren: 5 Quick Wins","Deine B2B-Landingpage konvertiert nicht? Diese 5 Quick Wins kannst du sofort umsetzen.","Conversion","2026-10-09T00:00","2026-10-27T01:59:01.199Z","https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F2400x1260\u002F3c0767950b\u002Flandingpage-5-quick-wins.png",{"type":19,"content":1620},[1621,1626,1631,1636,1641,1650,1659,1664,1669,1674,1679,1684,1689,1694,1699,1704,1739,1744,1749,1754,1759,1782,1787,1794,1799,1804,1809,1855,1860,1864,1869],{"type":22,"attrs":1622,"content":1623},{"textAlign":24},[1624],{"text":1625,"type":28},"Die meisten B2B-Landingpages haben das gleiche Problem. Viel Traffic, aber kaum Anfragen. Ich sehe das bei fast jedem Projekt, das bei uns reinkommt. Die gute Nachricht: Oft reichen kleine Änderungen, um die Conversion Rate spürbar zu verbessern. Hier sind fünf Quick Wins, die du sofort umsetzen kannst.",{"type":30,"attrs":1627,"content":1628},{"level":32,"textAlign":24},[1629],{"text":1630,"type":28},"1. Headline klarer formulieren",{"type":22,"attrs":1632,"content":1633},{"textAlign":24},[1634],{"text":1635,"type":28},"Deine Headline ist das Erste, was Besucher sehen. Wenn dort ein vager Satz steht wie “Wir bringen Ihr Unternehmen auf das nächste Level”, ist die Seite schon verloren. Besucher entscheiden in wenigen Sekunden, ob sie bleiben oder abspringen.",{"type":22,"attrs":1637,"content":1638},{"textAlign":24},[1639],{"text":1640,"type":28},"Eine gute Headline beantwortet genau eine Frage: Was bekomme ich hier, und warum ist das relevant für mich?",{"type":22,"attrs":1642,"content":1643},{"textAlign":24},[1644,1648],{"text":1645,"type":28,"marks":1646},"Vorher:",[1647],{"type":107},{"text":1649,"type":28}," “Innovative Lösungen für Ihren digitalen Erfolg”",{"type":22,"attrs":1651,"content":1652},{"textAlign":24},[1653,1657],{"text":1654,"type":28,"marks":1655},"Nachher:",[1656],{"type":107},{"text":1658,"type":28}," “IT-Sicherheit für Produktionsbetriebe, ohne dass die Fertigung stillsteht.”",{"type":22,"attrs":1660,"content":1661},{"textAlign":24},[1662],{"text":1663,"type":28},"Der Unterschied ist klar. Die zweite Headline benennt das Ergebnis und spricht ein konkretes Problem an. Teste verschiedene Varianten und schau dir an, wie sich die Verweildauer verändert.",{"type":30,"attrs":1665,"content":1666},{"level":32,"textAlign":24},[1667],{"text":1668,"type":28},"2. Ein CTA pro Seite",{"type":22,"attrs":1670,"content":1671},{"textAlign":24},[1672],{"text":1673,"type":28},"Ich sehe das ständig: Auf einer Landingpage gibt es gleichzeitig “Demo buchen”, “Newsletter abonnieren”, “Whitepaper downloaden” und “Kontakt aufnehmen”. Das verwirrt Besucher. Sie wissen nicht, was der nächste Schritt sein soll, und machen am Ende gar nichts.",{"type":22,"attrs":1675,"content":1676},{"textAlign":24},[1677],{"text":1678,"type":28},"Entscheide dich für eine primäre Aktion. Alles auf der Seite sollte darauf hinarbeiten. Wenn dein Ziel eine Beratungsanfrage ist, dann gibt es genau einen Button: Beratung buchen.",{"type":22,"attrs":1680,"content":1681},{"textAlign":24},[1682],{"text":1683,"type":28},"Das bedeutet nicht, dass der Button nur einmal vorkommt. Du kannst ihn oben, in der Mitte und am Ende der Seite platzieren. Aber es sollte immer die gleiche Aktion sein.",{"type":30,"attrs":1685,"content":1686},{"level":32,"textAlign":24},[1687],{"text":1688,"type":28},"3. Social Proof above the fold",{"type":22,"attrs":1690,"content":1691},{"textAlign":24},[1692],{"text":1693,"type":28},"Vertrauen ist im B2B entscheidend. Bevor jemand eine Anfrage stellt, will er wissen: Haben andere das schon gemacht? Hat es funktioniert?",{"type":22,"attrs":1695,"content":1696},{"textAlign":24},[1697],{"text":1698,"type":28},"Die meisten Unternehmen verstecken Referenzen und Kundenstimmen irgendwo am Ende der Seite. Das ist ein Fehler. Setz Social Proof direkt in den sichtbaren Bereich, also above the fold.",{"type":22,"attrs":1700,"content":1701},{"textAlign":24},[1702],{"text":1703,"type":28},"Das kann unterschiedlich aussehen:",{"type":463,"content":1705},[1706,1717,1728],{"type":466,"content":1707},[1708],{"type":22,"attrs":1709,"content":1710},{"textAlign":24},[1711,1715],{"text":1712,"type":28,"marks":1713},"Kundenlogos",[1714],{"type":107},{"text":1716,"type":28}," direkt unter der Headline",{"type":466,"content":1718},[1719],{"type":22,"attrs":1720,"content":1721},{"textAlign":24},[1722,1726],{"text":1723,"type":28,"marks":1724},"Ein kurzes Testimonial",[1725],{"type":107},{"text":1727,"type":28}," neben dem CTA",{"type":466,"content":1729},[1730],{"type":22,"attrs":1731,"content":1732},{"textAlign":24},[1733,1737],{"text":1734,"type":28,"marks":1735},"Zahlen",[1736],{"type":107},{"text":1738,"type":28},", die Ergebnisse belegen (“über 1.200 installierte Anlagen” oder “98 % Liefertreue”)",{"type":22,"attrs":1740,"content":1741},{"textAlign":24},[1742],{"text":1743,"type":28},"Du brauchst keine 20 Logos. Drei bis fünf bekannte Namen reichen, um Vertrauen aufzubauen. Als B2B-Webdesign-Agentur setzen wir Social Proof bei jedem Projekt prominent ein, weil wir den Unterschied in den Daten sehen.",{"type":30,"attrs":1745,"content":1746},{"level":32,"textAlign":24},[1747],{"text":1748,"type":28},"4. Formularfelder reduzieren",{"type":22,"attrs":1750,"content":1751},{"textAlign":24},[1752],{"text":1753,"type":28},"Jedes zusätzliche Feld in deinem Kontaktformular kostet dich Anfragen. Das ist keine Theorie, das ist messbar. Studien zeigen immer wieder: Weniger Felder bedeuten mehr Conversions.",{"type":22,"attrs":1755,"content":1756},{"textAlign":24},[1757],{"text":1758,"type":28},"Frag dich bei jedem Feld: Brauche ich diese Information wirklich, bevor ich mit dem Lead spreche? In den meisten Fällen reichen drei Felder:",{"type":463,"content":1760},[1761,1768,1775],{"type":466,"content":1762},[1763],{"type":22,"attrs":1764,"content":1765},{"textAlign":24},[1766],{"text":1767,"type":28},"Name",{"type":466,"content":1769},[1770],{"type":22,"attrs":1771,"content":1772},{"textAlign":24},[1773],{"text":1774,"type":28},"E-Mail",{"type":466,"content":1776},[1777],{"type":22,"attrs":1778,"content":1779},{"textAlign":24},[1780],{"text":1781,"type":28},"Kurze Nachricht (optional)",{"type":22,"attrs":1783,"content":1784},{"textAlign":24},[1785],{"text":1786,"type":28},"Firmengröße, Budget, Telefonnummer, Branche? Das kannst du alles im Erstgespräch klären. Ein Formular mit zehn Pflichtfeldern schreckt ab, besonders auf dem Smartphone.",{"type":1147,"content":1788},[1789],{"type":22,"attrs":1790,"content":1791},{"textAlign":24},[1792],{"text":1793,"type":28},"Weniger Felder = weniger Reibung = mehr Anfragen. So einfach ist das.",{"type":30,"attrs":1795,"content":1796},{"level":32,"textAlign":24},[1797],{"text":1798,"type":28},"5. Mobile optimieren",{"type":22,"attrs":1800,"content":1801},{"textAlign":24},[1802],{"text":1803,"type":28},"Klingt offensichtlich, wird aber trotzdem oft vernachlässigt. Auch im B2B kommen mittlerweile 40 bis 60 Prozent des Traffics über mobile Geräte. Entscheider schauen sich deine Seite unterwegs an, im Zug, zwischen Meetings, abends auf dem Sofa.",{"type":22,"attrs":1805,"content":1806},{"textAlign":24},[1807],{"text":1808,"type":28},"Prüf diese Punkte auf deinem eigenen Handy:",{"type":463,"content":1810},[1811,1822,1833,1844],{"type":466,"content":1812},[1813],{"type":22,"attrs":1814,"content":1815},{"textAlign":24},[1816,1820],{"text":1817,"type":28,"marks":1818},"Ladezeit:",[1819],{"type":107},{"text":1821,"type":28}," Dauert es länger als drei Sekunden? Dann springt ein großer Teil direkt ab",{"type":466,"content":1823},[1824],{"type":22,"attrs":1825,"content":1826},{"textAlign":24},[1827,1831],{"text":1828,"type":28,"marks":1829},"CTA sichtbar:",[1830],{"type":107},{"text":1832,"type":28}," Ist der Button sofort erreichbar, ohne scrollen zu müssen?",{"type":466,"content":1834},[1835],{"type":22,"attrs":1836,"content":1837},{"textAlign":24},[1838,1842],{"text":1839,"type":28,"marks":1840},"Text lesbar:",[1841],{"type":107},{"text":1843,"type":28}," Musst du reinzoomen, um den Text zu lesen?",{"type":466,"content":1845},[1846],{"type":22,"attrs":1847,"content":1848},{"textAlign":24},[1849,1853],{"text":1850,"type":28,"marks":1851},"Formular nutzbar:",[1852],{"type":107},{"text":1854,"type":28}," Lässt sich das Formular auf dem Smartphone problemlos ausfüllen?",{"type":22,"attrs":1856,"content":1857},{"textAlign":24},[1858],{"text":1859,"type":28},"Öffne deine Landingpage jetzt auf dem Handy und geh diese vier Punkte durch. Du wirst fast immer etwas finden, das du verbessern kannst.",{"type":30,"attrs":1861,"content":1862},{"level":32,"textAlign":24},[1863],{"text":158,"type":28},{"type":22,"attrs":1865,"content":1866},{"textAlign":24},[1867],{"text":1868,"type":28},"Du musst nicht gleich die ganze Website neu bauen. Diese fünf Änderungen sind an einem Tag umsetzbar und können deine Conversion Rate deutlich verbessern. Fang mit der Headline und dem CTA an. Das sind die beiden Hebel mit dem größten Effekt.",{"type":165,"attrs":1870},{"id":1871,"body":1872},"d12aded8-7e4f-40bd-94aa-fb2ca44183fd",[1873],{"_uid":1874,"items":1875,"component":213},"8aeabcd4-dfce-499b-91b0-c1b410e4294c",[1876,1886,1896,1906],{"_uid":1877,"frage":1878,"antwort":1879,"component":182},"148d1312-9b4d-4945-8d6c-71dcd6647a3e","Wie verbessert man die Conversion Rate einer B2B Website?",{"type":19,"content":1880},[1881],{"type":22,"attrs":1882,"content":1883},{"textAlign":24},[1884],{"text":1885,"type":28},"Starte mit den Basics. Formuliere die Headline klarer, reduziere Formularfelder, setz Social Proof above the fold und nutze nur einen primären CTA. Diese Maßnahmen kosten wenig Aufwand und haben oft den größten Einfluss auf die Conversion Rate.",{"_uid":1887,"frage":1888,"antwort":1889,"component":182},"0e549651-3161-4502-a392-6ae545c54192","Was macht eine Conversion Optimierung Agentur?",{"type":19,"content":1890},[1891],{"type":22,"attrs":1892,"content":1893},{"textAlign":24},[1894],{"text":1895,"type":28},"Eine Conversion Optimierung Agentur analysiert deine Website anhand von Daten und Nutzerverhalten. Darauf basierend werden Hypothesen aufgestellt und Änderungen getestet, zum Beispiel durch A\u002FB-Tests. Das Ziel ist es, mehr Besucher in Leads oder Kunden zu verwandeln, ohne mehr Traffic einkaufen zu müssen.",{"_uid":1897,"frage":1898,"antwort":1899,"component":182},"216e09b3-c708-4ad8-968d-f9363bfbadbf","Was ist eine gute Conversion Rate für B2B-Landingpages?",{"type":19,"content":1900},[1901],{"type":22,"attrs":1902,"content":1903},{"textAlign":24},[1904],{"text":1905,"type":28},"Im B2B liegt eine durchschnittliche Conversion Rate bei etwa 2 bis 5 Prozent. Gut optimierte Landingpages erreichen 5 bis 10 Prozent. Die genaue Zahl hängt von der Branche, dem Angebot und der Traffic-Quelle ab. Wichtiger als der Benchmark ist die kontinuierliche Verbesserung der eigenen Rate.",{"_uid":1907,"frage":1908,"antwort":1909,"component":182},"0bc27fe1-b784-43f1-9741-131f370eeb89","Wie viele Formularfelder sollte ein B2B-Kontaktformular haben?",{"type":19,"content":1910},[1911],{"type":22,"attrs":1912,"content":1913},{"textAlign":24},[1914],{"text":1915,"type":28},"So wenige wie möglich. Drei bis vier Felder sind ideal, zum Beispiel Name, E-Mail und eine optionale Nachricht. Jedes zusätzliche Pflichtfeld erhöht die Hürde und kostet dich potenzielle Anfragen. Details wie Budget oder Firmengröße kannst du im Erstgespräch klären.",[],[],[],{"id":1920,"slug":1921,"path":1922,"title":1923,"description":1924,"category":215,"datum":1925,"dateModified":1926,"lesezeit":1927,"featured":216,"bild":1928,"bildAlt":1923,"body":1929,"nurVorschau":216,"services":2496,"website":327,"branche":327,"headline":327,"seoTitle":327,"kunde":327,"plattform":327,"bildTag":327,"bildDaemmerung":327,"bildNacht":327,"intro":327,"bilder":2497,"zusatzzeilen":2498,"zitat":24},"489aaf71-813e-4be1-a112-d2b0031f9fcd","agentur-vs-freelancer-vs-baukasten","\u002Fnews\u002Fagentur-vs-freelancer-vs-baukasten","Agentur, Freelancer oder Baukasten: Eine ehrliche Einordnung","Agentur, Freelancer oder Baukasten? Was für dein B2B-Unternehmen wirklich Sinn macht, ehrlich und ohne Verkaufspitch.","2026-10-07T00:00","2026-10-27T01:59:02.241Z",7,"https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F2400x1260\u002F4dc679fe44\u002Fagentur-freelancer-oder-baukasten.png",{"type":19,"content":1930},[1931,1936,1941,1946,1951,1956,1961,1966,1971,1976,2053,2058,2063,2068,2073,2078,2083,2088,2093,2097,2171,2176,2181,2186,2191,2196,2201,2206,2211,2215,2289,2294,2299,2307,2337,2344,2374,2381,2411,2416,2421,2426,2431,2436,2449],{"type":22,"attrs":1932,"content":1933},{"textAlign":24},[1934],{"text":1935,"type":28},"Du brauchst eine neue Website und stehst vor der Frage: Selber bauen, einen Freelancer beauftragen oder eine Agentur holen? Jede Option hat ihre Berechtigung. Aber nicht jede passt zu jedem Unternehmen. In diesem Artikel ordne ich die drei Wege ehrlich ein, mit echten Vor- und Nachteilen, ohne Verkaufspitch.",{"type":30,"attrs":1937,"content":1938},{"level":32,"textAlign":24},[1939],{"text":1940,"type":28},"Option 1: Der Website-Baukasten",{"type":22,"attrs":1942,"content":1943},{"textAlign":24},[1944],{"text":1945,"type":28},"Baukästen wie Wix, Squarespace oder Jimdo versprechen das Gleiche: Eine professionelle Website in wenigen Stunden, ohne technisches Wissen, zum kleinen Preis. Und für bestimmte Situationen stimmt das auch.",{"type":30,"attrs":1947,"content":1948},{"level":265,"textAlign":24},[1949],{"text":1950,"type":28},"Wann ein Baukasten funktioniert",{"type":22,"attrs":1952,"content":1953},{"textAlign":24},[1954],{"text":1955,"type":28},"Ein Baukasten ist eine solide Wahl, wenn du gerade gründest, ein begrenztes Budget hast und schnell online sein willst. Für eine einfache Präsenz mit fünf Seiten, einem Kontaktformular und den wichtigsten Infos reicht das völlig aus. Auch für Testprojekte oder MVPs kann ein Baukasten sinnvoll sein, weil du schnell Ergebnisse siehst und wenig riskierst.",{"type":30,"attrs":1957,"content":1958},{"level":265,"textAlign":24},[1959],{"text":1960,"type":28},"Wo es eng wird",{"type":22,"attrs":1962,"content":1963},{"textAlign":24},[1964],{"text":1965,"type":28},"Sobald deine Anforderungen wachsen, stößt du an Grenzen. Individuelle Designs sind nur eingeschränkt möglich. SEO-Einstellungen bleiben oberflächlich. Und wenn du dein CRM anbinden, ein Blog aufbauen oder eine mehrstufige Lead-Generierung umsetzen willst, wird es schnell kompliziert oder schlicht unmöglich.",{"type":22,"attrs":1967,"content":1968},{"textAlign":24},[1969],{"text":1970,"type":28},"Für B2B-Unternehmen mit 50+ Mitarbeitern sehe ich Baukästen selten als langfristige Lösung. Die Website ist dein wichtigster Vertriebskanal im digitalen Raum. Wenn sie nicht performt, verlierst du potenzielle Kunden, bevor sie dich überhaupt kennenlernen.",{"type":30,"attrs":1972,"content":1973},{"level":265,"textAlign":24},[1974],{"text":1975,"type":28},"Vorteile und Nachteile im Überblick",{"type":614,"content":1977},[1978,1993,2013,2033],{"type":617,"content":1979},[1980,1985],{"type":620,"attrs":1981,"content":1982},{"colspan":622,"rowspan":622,"colwidth":24},[1983],{"type":22,"attrs":1984},{"textAlign":24},{"type":620,"attrs":1986,"content":1987},{"colspan":622,"rowspan":622,"colwidth":24},[1988],{"type":22,"attrs":1989,"content":1990},{"textAlign":24},[1991],{"text":1992,"type":28},"Baukasten",{"type":617,"content":1994},[1995,2005],{"type":648,"attrs":1996,"content":1997},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[1998],{"type":22,"attrs":1999,"content":2000},{"textAlign":24},[2001],{"text":2002,"type":28,"marks":2003},"Vorteile",[2004],{"type":107},{"type":648,"attrs":2006,"content":2007},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2008],{"type":22,"attrs":2009,"content":2010},{"textAlign":24},[2011],{"text":2012,"type":28},"Günstig (10-50 €\u002FMonat), schnell umsetzbar, keine technischen Vorkenntnisse nötig",{"type":617,"content":2014},[2015,2025],{"type":648,"attrs":2016,"content":2017},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2018],{"type":22,"attrs":2019,"content":2020},{"textAlign":24},[2021],{"text":2022,"type":28,"marks":2023},"Nachteile",[2024],{"type":107},{"type":648,"attrs":2026,"content":2027},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2028],{"type":22,"attrs":2029,"content":2030},{"textAlign":24},[2031],{"text":2032,"type":28},"Eingeschränktes Design, limitierte SEO-Optionen, kaum Individualisierung, Plattformabhängigkeit",{"type":617,"content":2034},[2035,2045],{"type":648,"attrs":2036,"content":2037},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2038],{"type":22,"attrs":2039,"content":2040},{"textAlign":24},[2041],{"text":2042,"type":28,"marks":2043},"Typische Kosten",[2044],{"type":107},{"type":648,"attrs":2046,"content":2047},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2048],{"type":22,"attrs":2049,"content":2050},{"textAlign":24},[2051],{"text":2052,"type":28},"500-2.000 € (inkl. eigener Zeit)",{"type":30,"attrs":2054,"content":2055},{"level":32,"textAlign":24},[2056],{"text":2057,"type":28},"Option 2: Der Freelancer",{"type":22,"attrs":2059,"content":2060},{"textAlign":24},[2061],{"text":2062,"type":28},"Freelancer sind oft die erste Anlaufstelle, wenn der Baukasten nicht mehr reicht. Ein einzelner Spezialist, der deine Website designt und umsetzt. Das kann hervorragend funktionieren, hat aber auch Tücken.",{"type":30,"attrs":2064,"content":2065},{"level":265,"textAlign":24},[2066],{"text":2067,"type":28},"Wann ein Freelancer die richtige Wahl ist",{"type":22,"attrs":2069,"content":2070},{"textAlign":24},[2071],{"text":2072,"type":28},"Wenn du ein konkretes Projekt hast, das klar definiert ist, kann ein guter Freelancer eine sehr effiziente Lösung sein. Besonders bei kleineren Websites oder Relaunches mit überschaubarem Umfang. Du bekommst einen direkten Ansprechpartner, oft kürzere Kommunikationswege und in der Regel niedrigere Tagessätze als bei einer Agentur.",{"type":22,"attrs":2074,"content":2075},{"textAlign":24},[2076],{"text":2077,"type":28},"Viele Freelancer sind in einem bestimmten Bereich richtig stark. Ein Webflow-Freelancer, der seit Jahren nichts anderes macht, kann in seinem Spezialgebiet genauso gut sein wie eine Agentur.",{"type":30,"attrs":2079,"content":2080},{"level":265,"textAlign":24},[2081],{"text":2082,"type":28},"Wo es schwierig wird",{"type":22,"attrs":2084,"content":2085},{"textAlign":24},[2086],{"text":2087,"type":28},"Das Problem ist nicht die Qualität einzelner Freelancer. Das Problem ist die Abhängigkeit von einer einzelnen Person. Wenn dein Freelancer krank wird, im Urlaub ist oder das Projekt nicht mehr betreuen kann, stehst du ohne Backup da. Ich habe das bei Kunden gesehen, die zu uns kamen, nachdem ihr Freelancer plötzlich nicht mehr erreichbar war.",{"type":22,"attrs":2089,"content":2090},{"textAlign":24},[2091],{"text":2092,"type":28},"Außerdem deckt ein einzelner Freelancer selten alle Disziplinen ab. Webdesign, Entwicklung, SEO, Copywriting und Conversion-Optimierung aus einer Hand zu bekommen, ist bei Einzelpersonen die Ausnahme. Du musst also entweder Abstriche machen oder mehrere Freelancer koordinieren. Dann bist du allerdings selbst der Projektmanager.",{"type":30,"attrs":2094,"content":2095},{"level":265,"textAlign":24},[2096],{"text":1975,"type":28},{"type":614,"content":2098},[2099,2114,2133,2152],{"type":617,"content":2100},[2101,2106],{"type":620,"attrs":2102,"content":2103},{"colspan":622,"rowspan":622,"colwidth":24},[2104],{"type":22,"attrs":2105},{"textAlign":24},{"type":620,"attrs":2107,"content":2108},{"colspan":622,"rowspan":622,"colwidth":24},[2109],{"type":22,"attrs":2110,"content":2111},{"textAlign":24},[2112],{"text":2113,"type":28},"Freelancer",{"type":617,"content":2115},[2116,2125],{"type":648,"attrs":2117,"content":2118},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2119],{"type":22,"attrs":2120,"content":2121},{"textAlign":24},[2122],{"text":2002,"type":28,"marks":2123},[2124],{"type":107},{"type":648,"attrs":2126,"content":2127},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2128],{"type":22,"attrs":2129,"content":2130},{"textAlign":24},[2131],{"text":2132,"type":28},"Direkte Kommunikation, oft günstiger als Agenturen, spezialisiertes Know-how",{"type":617,"content":2134},[2135,2144],{"type":648,"attrs":2136,"content":2137},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2138],{"type":22,"attrs":2139,"content":2140},{"textAlign":24},[2141],{"text":2022,"type":28,"marks":2142},[2143],{"type":107},{"type":648,"attrs":2145,"content":2146},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2147],{"type":22,"attrs":2148,"content":2149},{"textAlign":24},[2150],{"text":2151,"type":28},"Einzelpersonenrisiko, begrenzte Kapazitäten, meist nur eine Disziplin, kein Backup",{"type":617,"content":2153},[2154,2163],{"type":648,"attrs":2155,"content":2156},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2157],{"type":22,"attrs":2158,"content":2159},{"textAlign":24},[2160],{"text":2042,"type":28,"marks":2161},[2162],{"type":107},{"type":648,"attrs":2164,"content":2165},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2166],{"type":22,"attrs":2167,"content":2168},{"textAlign":24},[2169],{"text":2170,"type":28},"3.000-15.000 €",{"type":30,"attrs":2172,"content":2173},{"level":32,"textAlign":24},[2174],{"text":2175,"type":28},"Option 3: Die Agentur",{"type":22,"attrs":2177,"content":2178},{"textAlign":24},[2179],{"text":2180,"type":28},"Agenturen gibt es in allen Größen und Formen. Von der Zwei-Personen-Boutique bis zur 200-Mitarbeiter-Full-Service-Agentur. Was sie verbindet: Du bekommst ein Team statt einer Einzelperson. Was sie unterscheidet: So ziemlich alles andere.",{"type":30,"attrs":2182,"content":2183},{"level":265,"textAlign":24},[2184],{"text":2185,"type":28},"Wann eine Agentur Sinn macht",{"type":22,"attrs":2187,"content":2188},{"textAlign":24},[2189],{"text":2190,"type":28},"Eine Agentur ist dann die richtige Wahl, wenn dein Projekt mehrere Disziplinen erfordert. Design, Entwicklung, Content, SEO. Wenn du einen strategischen Partner suchst, der mitdenkt, nicht nur umsetzt. Und wenn deine Website ein zentrales Business-Asset ist, das langfristig betreut und optimiert werden soll.",{"type":22,"attrs":2192,"content":2193},{"textAlign":24},[2194],{"text":2195,"type":28},"Gerade im B2B ist die Website oft der erste Berührungspunkt mit potenziellen Kunden. Wenn ein Interessent auf deine Seite kommt und innerhalb von Sekunden entscheidet, ob er dich kontaktiert oder nicht, dann lohnt es sich, in Strategie und Umsetzung zu investieren.",{"type":30,"attrs":2197,"content":2198},{"level":265,"textAlign":24},[2199],{"text":2200,"type":28},"Wo Agenturen ihre Schwächen haben",{"type":22,"attrs":2202,"content":2203},{"textAlign":24},[2204],{"text":2205,"type":28},"Agenturen sind teurer. Das liegt nicht daran, dass jeder Einzelne mehr verdient, sondern an der Struktur. Projektmanagement, Qualitätssicherung, Abstimmungen im Team. Das kostet Zeit und damit Geld. Bei großen Agenturen kommt oft noch Overhead dazu: Account Manager, die zwischen dir und dem Team stehen, lange Feedbackschleifen und starre Prozesse.",{"type":22,"attrs":2207,"content":2208},{"textAlign":24},[2209],{"text":2210,"type":28},"Ein weiteres Risiko: Bei manchen Agenturen wirst du als kleiner Kunde behandelt, wenn dein Projektbudget nicht groß genug ist. Die besten Leute arbeiten an den großen Accounts, und dein Projekt landet beim Junior. Das ist nicht überall so, aber es passiert häufiger als man denkt.",{"type":30,"attrs":2212,"content":2213},{"level":265,"textAlign":24},[2214],{"text":1975,"type":28},{"type":614,"content":2216},[2217,2232,2251,2270],{"type":617,"content":2218},[2219,2224],{"type":620,"attrs":2220,"content":2221},{"colspan":622,"rowspan":622,"colwidth":24},[2222],{"type":22,"attrs":2223},{"textAlign":24},{"type":620,"attrs":2225,"content":2226},{"colspan":622,"rowspan":622,"colwidth":24},[2227],{"type":22,"attrs":2228,"content":2229},{"textAlign":24},[2230],{"text":2231,"type":28},"Agentur",{"type":617,"content":2233},[2234,2243],{"type":648,"attrs":2235,"content":2236},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2237],{"type":22,"attrs":2238,"content":2239},{"textAlign":24},[2240],{"text":2002,"type":28,"marks":2241},[2242],{"type":107},{"type":648,"attrs":2244,"content":2245},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2246],{"type":22,"attrs":2247,"content":2248},{"textAlign":24},[2249],{"text":2250,"type":28},"Breites Know-how, Team-Backup, strategischer Ansatz, langfristige Betreuung",{"type":617,"content":2252},[2253,2262],{"type":648,"attrs":2254,"content":2255},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2256],{"type":22,"attrs":2257,"content":2258},{"textAlign":24},[2259],{"text":2022,"type":28,"marks":2260},[2261],{"type":107},{"type":648,"attrs":2263,"content":2264},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2265],{"type":22,"attrs":2266,"content":2267},{"textAlign":24},[2268],{"text":2269,"type":28},"Höhere Kosten, teilweise lange Prozesse, bei großen Agenturen wenig persönlicher Kontakt",{"type":617,"content":2271},[2272,2281],{"type":648,"attrs":2273,"content":2274},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2275],{"type":22,"attrs":2276,"content":2277},{"textAlign":24},[2278],{"text":2042,"type":28,"marks":2279},[2280],{"type":107},{"type":648,"attrs":2282,"content":2283},{"colspan":622,"rowspan":622,"colwidth":24,"backgroundColor":24},[2284],{"type":22,"attrs":2285,"content":2286},{"textAlign":24},[2287],{"text":2288,"type":28},"10.000-80.000 €",{"type":30,"attrs":2290,"content":2291},{"level":32,"textAlign":24},[2292],{"text":2293,"type":28},"Wann passt was? Eine Entscheidungshilfe",{"type":22,"attrs":2295,"content":2296},{"textAlign":24},[2297],{"text":2298,"type":28},"Die richtige Wahl hängt von drei Faktoren ab: deinem Budget, der Komplexität des Projekts und deinen internen Ressourcen.",{"type":22,"attrs":2300,"content":2301},{"textAlign":24},[2302,2305],{"text":1992,"type":28,"marks":2303},[2304],{"type":107},{"text":2306,"type":28},", wenn du:",{"type":463,"content":2308},[2309,2316,2323,2330],{"type":466,"content":2310},[2311],{"type":22,"attrs":2312,"content":2313},{"textAlign":24},[2314],{"text":2315,"type":28},"Gerade erst startest und ein MVP brauchst",{"type":466,"content":2317},[2318],{"type":22,"attrs":2319,"content":2320},{"textAlign":24},[2321],{"text":2322,"type":28},"Ein Budget unter 2.000 € hast",{"type":466,"content":2324},[2325],{"type":22,"attrs":2326,"content":2327},{"textAlign":24},[2328],{"text":2329,"type":28},"Jemanden im Team hast, der sich darum kümmern kann",{"type":466,"content":2331},[2332],{"type":22,"attrs":2333,"content":2334},{"textAlign":24},[2335],{"text":2336,"type":28},"Eine einfache Präsenz ohne komplexe Anforderungen brauchst",{"type":22,"attrs":2338,"content":2339},{"textAlign":24},[2340,2343],{"text":2113,"type":28,"marks":2341},[2342],{"type":107},{"text":2306,"type":28},{"type":463,"content":2345},[2346,2353,2360,2367],{"type":466,"content":2347},[2348],{"type":22,"attrs":2349,"content":2350},{"textAlign":24},[2351],{"text":2352,"type":28},"Ein klar definiertes Projekt mit überschaubarem Umfang hast",{"type":466,"content":2354},[2355],{"type":22,"attrs":2356,"content":2357},{"textAlign":24},[2358],{"text":2359,"type":28},"Einen direkten Draht zu deinem Dienstleister willst",{"type":466,"content":2361},[2362],{"type":22,"attrs":2363,"content":2364},{"textAlign":24},[2365],{"text":2366,"type":28},"Bereit bist, einen Teil der Koordination selbst zu übernehmen",{"type":466,"content":2368},[2369],{"type":22,"attrs":2370,"content":2371},{"textAlign":24},[2372],{"text":2373,"type":28},"Ein Budget zwischen 3.000 und 15.000 € hast",{"type":22,"attrs":2375,"content":2376},{"textAlign":24},[2377,2380],{"text":2231,"type":28,"marks":2378},[2379],{"type":107},{"text":2306,"type":28},{"type":463,"content":2382},[2383,2390,2397,2404],{"type":466,"content":2384},[2385],{"type":22,"attrs":2386,"content":2387},{"textAlign":24},[2388],{"text":2389,"type":28},"Eine Website brauchst, die aktiv zur Kundengewinnung beiträgt",{"type":466,"content":2391},[2392],{"type":22,"attrs":2393,"content":2394},{"textAlign":24},[2395],{"text":2396,"type":28},"Strategie, Design, Entwicklung und SEO aus einer Hand willst",{"type":466,"content":2398},[2399],{"type":22,"attrs":2400,"content":2401},{"textAlign":24},[2402],{"text":2403,"type":28},"Langfristige Betreuung und Optimierung wichtig sind",{"type":466,"content":2405},[2406],{"type":22,"attrs":2407,"content":2408},{"textAlign":24},[2409],{"text":2410,"type":28},"Dein Budget bei 10.000 € oder mehr liegt",{"type":22,"attrs":2412,"content":2413},{"textAlign":24},[2414],{"text":2415,"type":28},"Wenn du unsicher bist, was es kostet, eine Website erstellen zu lassen, hilft es, zuerst die eigenen Anforderungen sauber aufzuschreiben. Was muss die Website können? Welche Ziele soll sie erfüllen? Wie viele Seiten braucht ihr? Je klarer das Briefing, desto besser die Angebote, egal ob von Freelancer oder Agentur.",{"type":30,"attrs":2417,"content":2418},{"level":32,"textAlign":24},[2419],{"text":2420,"type":28},"Meine ehrliche Einschätzung",{"type":22,"attrs":2422,"content":2423},{"textAlign":24},[2424],{"text":2425,"type":28},"Mit Hutter Studio führe ich ein Studio für B2B-Websites, das beide Modelle zusammenführt: den direkten Draht und das Tempo eines Freelancers, dazu Strategie, Design und Entwicklung aus einem Team wie bei einer Agentur. Ich könnte jetzt also behaupten, das sei immer die beste Wahl. Aber das wäre gelogen.",{"type":22,"attrs":2427,"content":2428},{"textAlign":24},[2429],{"text":2430,"type":28},"Wenn du ein kleines Startup mit drei Leuten bist und erstmal eine simple Landingpage brauchst, ist ein Baukasten oder ein guter Freelancer die bessere Wahl. Spar das Geld und investier es, wenn dein Business weiter ist.",{"type":22,"attrs":2432,"content":2433},{"textAlign":24},[2434],{"text":2435,"type":28},"Wenn du aber ein B2B-Unternehmen mit 50+ Mitarbeitern bist, deine Website keine Anfragen generiert und du endlich eine Lösung willst, die funktioniert, dann brauchst du jemanden, der das Gesamtbild sieht. Der nicht nur hübsche Seiten baut, sondern versteht, wie deine Zielgruppe tickt und was sie auf der Website sehen muss, um den nächsten Schritt zu machen.",{"type":22,"attrs":2437,"content":2438},{"textAlign":24},[2439,2441,2447],{"text":2440,"type":28},"Am Ende geht es nicht um Agentur vs. Freelancer vs. Baukasten. Es geht darum, was zu deiner Situation passt. Und das herauszufinden ist der erste Schritt. Wenn du dabei Unterstützung brauchst, kannst du dir ",{"text":2442,"type":28,"marks":2443},"hier eine unverbindliche Beratung buchen",[2444],{"type":312,"attrs":2445},{"href":414,"uuid":24,"anchor":24,"custom":2446,"target":24,"linktype":415},{},{"text":2448,"type":28},", um deine Optionen durchzusprechen.",{"type":165,"attrs":2450},{"id":2451,"body":2452},"ee0b03c5-35f3-4744-8895-2e2b0b489bf3",[2453],{"_uid":2454,"items":2455,"component":213},"7c630524-8379-4a78-8565-7958295e244a",[2456,2466,2476,2486],{"_uid":2457,"frage":2458,"antwort":2459,"component":182},"4fad02db-e152-4dd7-9dae-88ef8a227563","Was kostet es, eine Website erstellen zu lassen?",{"type":19,"content":2460},[2461],{"type":22,"attrs":2462,"content":2463},{"textAlign":24},[2464],{"text":2465,"type":28},"Das hängt stark vom Anbieter und Umfang ab. Ein Baukasten kostet zwischen 500 und 2.000 Euro inklusive eigener Zeit. Freelancer liegen typischerweise bei 3.000 bis 15.000 Euro. Agenturen starten bei etwa 10.000 Euro und können bei komplexen Projekten bis 80.000 Euro und mehr kosten. Entscheidend ist nicht der Preis allein, sondern was du für dein Geld bekommst und welchen Return die Website langfristig bringt.",{"_uid":2467,"frage":2468,"antwort":2469,"component":182},"74bd8b80-333e-4da0-8227-1cdc4e88e209","Was ist der Unterschied zwischen Freelancer und Agentur?",{"type":19,"content":2470},[2471],{"type":22,"attrs":2472,"content":2473},{"textAlign":24},[2474],{"text":2475,"type":28},"Ein Freelancer ist eine Einzelperson mit spezialisiertem Know-how. Du bekommst direkte Kommunikation und oft günstigere Tagessätze. Eine Agentur bietet ein Team aus verschiedenen Disziplinen, strategische Beratung und langfristige Betreuung. Der Hauptunterschied liegt in der Breite der Leistung und dem Risikofaktor. Bei einem Freelancer hängt alles an einer Person, bei einer Agentur gibt es ein Backup.",{"_uid":2477,"frage":2478,"antwort":2479,"component":182},"55ce0fc1-00f0-4711-8ae5-3d560176d300","Kann ich meine Website selbst mit einem Baukasten erstellen?",{"type":19,"content":2480},[2481],{"type":22,"attrs":2482,"content":2483},{"textAlign":24},[2484],{"text":2485,"type":28},"Ja, technisch ist das möglich und für einfache Projekte auch sinnvoll. Baukästen wie Wix oder Squarespace sind intuitiv bedienbar. Für eine professionelle B2B-Website mit individuellen Anforderungen an Design, SEO und Lead-Generierung stoßen Baukästen aber schnell an ihre Grenzen. Wenn die Website ein wichtiger Vertriebskanal ist, lohnt sich die Investition in professionelle Unterstützung.",{"_uid":2487,"frage":2488,"antwort":2489,"component":182},"33546436-693a-4d32-be1e-5f28c945010d","Wie finde ich den richtigen Dienstleister für meine Website?",{"type":19,"content":2490},[2491],{"type":22,"attrs":2492,"content":2493},{"textAlign":24},[2494],{"text":2495,"type":28},"Schau dir das Portfolio an und achte darauf, ob der Dienstleister Erfahrung in deiner Branche oder mit ähnlichen Projekten hat. Frag nach dem Prozess, nicht nur nach dem Ergebnis. Ein guter Dienstleister stellt dir im Erstgespräch Fragen zu deinen Zielen, deiner Zielgruppe und deinen Anforderungen. Wenn jemand sofort ein Angebot schickt, ohne dein Business zu verstehen, ist das meistens kein gutes Zeichen.",[],[],[],{"id":11,"slug":220,"path":2500,"title":6,"description":219,"category":215,"datum":2501,"dateModified":8,"lesezeit":433,"featured":216,"bild":16,"bildAlt":6,"body":2502,"nurVorschau":216,"services":2645,"website":327,"branche":327,"headline":327,"seoTitle":327,"kunde":327,"plattform":327,"bildTag":327,"bildDaemmerung":327,"bildNacht":327,"intro":327,"bilder":2646,"zusatzzeilen":2647,"zitat":24},"\u002Fnews\u002F5-haeufigste-fehler-website-relaunch","2026-10-05T00:00",{"type":19,"content":2503},[2504,2508,2512,2516,2520,2523,2527,2531,2535,2539,2543,2547,2551,2555,2559,2563,2570,2577,2580,2588,2592,2596,2600,2604,2608,2612],{"type":22,"attrs":2505,"content":2506},{"textAlign":24},[2507],{"text":27,"type":28},{"type":30,"attrs":2509,"content":2510},{"level":32,"textAlign":24},[2511],{"text":35,"type":28},{"type":22,"attrs":2513,"content":2514},{"textAlign":24},[2515],{"text":40,"type":28},{"type":22,"attrs":2517,"content":2518},{"textAlign":24},[2519],{"text":45,"type":28},{"type":22,"content":2521},[2522],{"text":49,"type":28},{"type":30,"attrs":2524,"content":2525},{"level":32,"textAlign":24},[2526],{"text":54,"type":28},{"type":22,"attrs":2528,"content":2529},{"textAlign":24},[2530],{"text":59,"type":28},{"type":22,"attrs":2532,"content":2533},{"textAlign":24},[2534],{"text":64,"type":28},{"type":22,"attrs":2536,"content":2537},{"textAlign":24},[2538],{"text":69,"type":28},{"type":30,"attrs":2540,"content":2541},{"level":32,"textAlign":24},[2542],{"text":74,"type":28},{"type":22,"attrs":2544,"content":2545},{"textAlign":24},[2546],{"text":79,"type":28},{"type":22,"attrs":2548,"content":2549},{"textAlign":24},[2550],{"text":84,"type":28},{"type":22,"attrs":2552,"content":2553},{"textAlign":24},[2554],{"text":89,"type":28},{"type":30,"attrs":2556,"content":2557},{"level":32,"textAlign":24},[2558],{"text":94,"type":28},{"type":22,"attrs":2560,"content":2561},{"textAlign":24},[2562],{"text":99,"type":28},{"type":22,"attrs":2564,"content":2565},{"textAlign":24},[2566,2569],{"text":104,"type":28,"marks":2567},[2568],{"type":107},{"text":109,"type":28},{"type":22,"attrs":2571,"content":2572},{"textAlign":24},[2573,2576],{"text":114,"type":28,"marks":2574},[2575],{"type":107},{"text":118,"type":28},{"type":22,"content":2578},[2579],{"text":122,"type":28},{"type":22,"attrs":2581,"content":2582},{"textAlign":24},[2583,2584,2587],{"text":127,"type":28},{"text":129,"type":28,"marks":2585},[2586],{"type":107},{"text":133,"type":28},{"type":30,"attrs":2589,"content":2590},{"level":32,"textAlign":24},[2591],{"text":138,"type":28},{"type":22,"attrs":2593,"content":2594},{"textAlign":24},[2595],{"text":143,"type":28},{"type":22,"attrs":2597,"content":2598},{"textAlign":24},[2599],{"text":148,"type":28},{"type":22,"attrs":2601,"content":2602},{"textAlign":24},[2603],{"text":153,"type":28},{"type":30,"attrs":2605,"content":2606},{"level":32,"textAlign":24},[2607],{"text":158,"type":28},{"type":22,"attrs":2609,"content":2610},{"textAlign":24},[2611],{"text":163,"type":28},{"type":165,"attrs":2613},{"id":167,"body":2614},[2615],{"_uid":170,"items":2616,"component":213},[2617,2624,2631,2638],{"_uid":173,"frage":174,"antwort":2618,"component":182},{"type":19,"content":2619},[2620],{"type":22,"attrs":2621,"content":2622},{"textAlign":24},[2623],{"text":181,"type":28},{"_uid":184,"frage":185,"antwort":2625,"component":182},{"type":19,"content":2626},[2627],{"type":22,"attrs":2628,"content":2629},{"textAlign":24},[2630],{"text":192,"type":28},{"_uid":194,"frage":195,"antwort":2632,"component":182},{"type":19,"content":2633},[2634],{"type":22,"attrs":2635,"content":2636},{"textAlign":24},[2637],{"text":202,"type":28},{"_uid":204,"frage":205,"antwort":2639,"component":182},{"type":19,"content":2640},[2641],{"type":22,"attrs":2642,"content":2643},{"textAlign":24},[2644],{"text":212,"type":28},[],[],[],{"id":2649,"slug":2650,"path":2651,"title":2652,"description":2653,"category":1354,"datum":2654,"dateModified":2655,"lesezeit":1927,"featured":216,"bild":2656,"bildAlt":2652,"body":2657,"nurVorschau":216,"services":2857,"website":327,"branche":327,"headline":327,"seoTitle":327,"kunde":327,"plattform":327,"bildTag":327,"bildDaemmerung":327,"bildNacht":327,"intro":327,"bilder":2858,"zusatzzeilen":2859,"zitat":24},"9f8376c0-de8e-4114-ad1e-ef2b8276b213","5-awareness-stufen-website","\u002Fnews\u002F5-awareness-stufen-website","Die 5 Awareness-Stufen: Warum deine Website die meisten Besucher verliert","Die meisten B2B-Websites sprechen nur 10% ihrer Besucher an. Die anderen 90% gehen leer aus. Ein Framework, das erklärt warum.","2026-10-01T00:00","2026-10-27T01:59:04.212Z","https:\u002F\u002Fa.storyblok.com\u002Ff\u002F294801025880665\u002F2400x1260\u002F31a5a903e5\u002Fawareness-stufen.png",{"type":19,"content":2658},[2659,2664,2669,2674,2679,2684,2689,2694,2699,2708,2713,2718,2723,2731,2736,2741,2746,2754,2759,2764,2769,2777,2782,2787,2792,2800,2805,2810,2815,2820],{"type":22,"attrs":2660,"content":2661},{"textAlign":24},[2662],{"text":2663,"type":28},"Die meisten B2B-Websites haben ein Grundproblem: Sie sind nur für Besucher gebaut, die schon kaufen wollen. Jemand, der “ERP-System Mittelstand” googelt, landet auf der Produktseite und fragt im besten Fall eine Demo an. Aber was ist mit den anderen 90%, die noch gar nicht so weit sind?",{"type":22,"attrs":2665,"content":2666},{"textAlign":24},[2667],{"text":2668,"type":28},"Das Framework der 5 Awareness-Stufen von Eugene Schwartz erklärt, warum. Und was deine Website für jede Stufe braucht.",{"type":30,"attrs":2670,"content":2671},{"level":32,"textAlign":24},[2672],{"text":2673,"type":28},"Was sind die 5 Awareness-Stufen?",{"type":22,"attrs":2675,"content":2676},{"textAlign":24},[2677],{"text":2678,"type":28},"Eugene Schwartz hat in seinem Buch “Breakthrough Advertising” ein einfaches Modell beschrieben: Jeder potenzielle Kunde befindet sich in einer von fünf Stufen. Je nachdem, wie bewusst ihm sein Problem und die mögliche Lösung sind, braucht er eine komplett andere Ansprache.",{"type":22,"attrs":2680,"content":2681},{"textAlign":24},[2682],{"text":2683,"type":28},"Die Stufen bauen aufeinander auf. Von “keine Ahnung, dass ein Problem existiert” bis “bereit zu kaufen”. Die meisten Websites bedienen nur die letzten zwei Stufen. Alles davor wird ignoriert.",{"type":30,"attrs":2685,"content":2686},{"level":32,"textAlign":24},[2687],{"text":2688,"type":28},"Stufe 1: Unaware",{"type":22,"attrs":2690,"content":2691},{"textAlign":24},[2692],{"text":2693,"type":28},"Der Besucher weiß nicht mal, dass er ein Problem hat. Er ist mit seinem Status quo zufrieden, oder zumindest hat er das Thema noch nicht auf dem Schirm.",{"type":22,"attrs":2695,"content":2696},{"textAlign":24},[2697],{"text":2698,"type":28},"Etwa 60% deiner potenziellen Kunden befinden sich in dieser Stufe. Das ist die größte Gruppe und gleichzeitig die schwierigste zu erreichen.",{"type":22,"attrs":2700,"content":2701},{"textAlign":24},[2702,2706],{"text":2703,"type":28,"marks":2704},"Was deine Website dafür braucht:",[2705],{"type":107},{"text":2707,"type":28}," Blog-Artikel, die ein Problem aufzeigen, ohne direkt eine Lösung zu verkaufen. Ein Beispiel aus der IT-Sicherheit: Ein Artikel wie “Was ein Hackerangriff einen Mittelständler wirklich kostet” macht dem Leser erst bewusst, dass sein Unternehmen ein Risiko trägt, das er bisher unterschätzt hat. Kein Pitch, kein CTA zum Erstgespräch. Einfach nur: Hier ist etwas, das du dir anschauen solltest.",{"type":30,"attrs":2709,"content":2710},{"level":32,"textAlign":24},[2711],{"text":2712,"type":28},"Stufe 2: Problem Aware",{"type":22,"attrs":2714,"content":2715},{"textAlign":24},[2716],{"text":2717,"type":28},"Der Besucher weiß, dass etwas nicht stimmt, kennt aber noch keine Lösung. Nehmen wir einen Produktionsleiter im Maschinenbau: Er merkt, dass seine Anlagen immer häufiger ungeplant stillstehen, und weiß, dass ihn das Geld kostet. Was dagegen hilft, weiß er noch nicht.",{"type":22,"attrs":2719,"content":2720},{"textAlign":24},[2721],{"text":2722,"type":28},"Ungefähr 20% deiner potenziellen Kunden sind in dieser Phase. Sie googeln Dinge wie “maschine fällt ständig aus ursache” oder “ungeplante stillstände reduzieren”.",{"type":22,"attrs":2724,"content":2725},{"textAlign":24},[2726,2729],{"text":2703,"type":28,"marks":2727},[2728],{"type":107},{"text":2730,"type":28}," Inhalte, die das Problem einordnen und erste Orientierung geben. Erklärende Artikel, die verschiedene Ursachen beleuchten, ohne sofort eine bestimmte Lösung zu pushen. Checklisten, die helfen, den eigenen Status quo einzuordnen. Der Besucher muss das Gefühl haben, dass du sein Problem verstehst.",{"type":30,"attrs":2732,"content":2733},{"level":32,"textAlign":24},[2734],{"text":2735,"type":28},"Stufe 3: Solution Aware",{"type":22,"attrs":2737,"content":2738},{"textAlign":24},[2739],{"text":2740,"type":28},"Der Besucher kennt sein Problem und weiß, dass es Lösungen gibt. Im Personalwesen sieht das zum Beispiel so aus: Eine HR-Leiterin weiß, dass ihr Bewerbungsprozess zu langsam ist, und vergleicht jetzt die Optionen. Ein Bewerbermanagement-System, ein externer Personaldienstleister oder eine Lösung im eigenen Haus.",{"type":22,"attrs":2742,"content":2743},{"textAlign":24},[2744],{"text":2745,"type":28},"Diese Gruppe macht etwa 10% aus. Sie sind aktiv auf der Suche und bewerten Optionen.",{"type":22,"attrs":2747,"content":2748},{"textAlign":24},[2749,2752],{"text":2703,"type":28,"marks":2750},[2751],{"type":107},{"text":2753,"type":28}," Leistungsseiten, die klar beschreiben, was du anbietest und wie dein Prozess aussieht. Vergleichsartikel, die verschiedene Optionen ehrlich gegenüberstellen. Transparenz bei Preisen und Projektablauf. Hier beginnt der Besucher, Anbieter zu filtern. Wenn deine Website an dieser Stelle keine Antworten liefert, ist er weg.",{"type":30,"attrs":2755,"content":2756},{"level":32,"textAlign":24},[2757],{"text":2758,"type":28},"Stufe 4: Product Aware",{"type":22,"attrs":2760,"content":2761},{"textAlign":24},[2762],{"text":2763,"type":28},"Der Besucher kennt dich. Er war schon auf deiner Website, hat vielleicht einen Artikel gelesen oder wurde von jemandem empfohlen. Er weiß, dass du eine Option bist, ist aber noch nicht überzeugt. In der Steuerberatung etwa hat ein Geschäftsführer die Kanzlei von einem Kollegen empfohlen bekommen und prüft jetzt, ob sie sich mit seiner Branche wirklich auskennt.",{"type":22,"attrs":2765,"content":2766},{"textAlign":24},[2767],{"text":2768,"type":28},"Etwa 7% deiner potenziellen Kunden befinden sich hier. Sie vergleichen dich mit ein oder zwei anderen Anbietern und suchen nach dem letzten Beweis, dass du die richtige Wahl bist.",{"type":22,"attrs":2770,"content":2771},{"textAlign":24},[2772,2775],{"text":2703,"type":28,"marks":2773},[2774],{"type":107},{"text":2776,"type":28}," Case Studies mit konkreten Ergebnissen. Echte Testimonials von echten Kunden. Ein nachvollziehbarer Prozess, der zeigt, wie die Zusammenarbeit abläuft. Und Preistransparenz, damit der Besucher keine böse Überraschung im Erstgespräch erlebt.",{"type":30,"attrs":2778,"content":2779},{"level":32,"textAlign":24},[2780],{"text":2781,"type":28},"Stufe 5: Most Aware",{"type":22,"attrs":2783,"content":2784},{"textAlign":24},[2785],{"text":2786,"type":28},"Der Besucher ist überzeugt. Er will mit dir arbeiten und braucht nur noch den letzten Schritt: Kontakt aufnehmen, Call buchen, Formular ausfüllen. In der Logistik zum Beispiel hat sich der Einkaufsleiter längst für einen Anbieter von Lagerlösungen entschieden und sucht nur noch den schnellsten Weg zum Angebot.",{"type":22,"attrs":2788,"content":2789},{"textAlign":24},[2790],{"text":2791,"type":28},"Das sind etwa 3% deiner potenziellen Kunden. Und genau für diese Gruppe sind die meisten Websites gebaut. Ein Button “Jetzt anfragen”, ein Kontaktformular, fertig.",{"type":22,"attrs":2793,"content":2794},{"textAlign":24},[2795,2798],{"text":2703,"type":28,"marks":2796},[2797],{"type":107},{"text":2799,"type":28}," Einen klaren, einfachen Weg zur Kontaktaufnahme. Keine fünf verschiedenen CTAs, keine Ablenkung. Ein Button, eine Terminbuchung, ein Formular. Je weniger Friktion, desto besser. Wenn jemand bereit ist zu kaufen, darf die Website nicht im Weg stehen.",{"type":30,"attrs":2801,"content":2802},{"level":32,"textAlign":24},[2803],{"text":2804,"type":28},"Was das für deine Website bedeutet",{"type":22,"attrs":2806,"content":2807},{"textAlign":24},[2808],{"text":2809,"type":28},"Die meisten B2B-Websites decken nur Stufe 4 und 5 ab. Eine Leistungsseite, ein paar Referenzen, ein Kontaktformular. Das funktioniert für die 10%, die bereits überzeugt sind oder kurz davor stehen.",{"type":22,"attrs":2811,"content":2812},{"textAlign":24},[2813],{"text":2814,"type":28},"Aber die anderen 90% finden nichts, was sie dort abholt, wo sie gerade stehen. Kein Blog, der Probleme aufzeigt. Keine Vergleiche, die Orientierung geben. Keine Inhalte, die Vertrauen aufbauen, bevor es um einen Kauf geht.",{"type":22,"attrs":2816,"content":2817},{"textAlign":24},[2818],{"text":2819,"type":28},"Die Awareness-Stufen sind kein theoretisches Konzept. Sie sind ein praktisches Framework, mit dem du prüfen kannst, ob deine Website wirklich für alle Besucher funktioniert. Nicht nur für die, die eh schon kaufen wollen.",{"type":165,"attrs":2821},{"id":2822,"body":2823},"d49434d5-06c6-492f-b925-86fb530b1323",[2824],{"_uid":2825,"items":2826,"component":213},"10dd69ad-3e3e-472d-aee4-3014a9cae138",[2827,2837,2847],{"_uid":2828,"frage":2829,"antwort":2830,"component":182},"e8a908d3-7ecf-4ae3-b3f3-0985944d5f81","Was sind die 5 Awareness-Stufen nach Eugene Schwartz?",{"type":19,"content":2831},[2832],{"type":22,"attrs":2833,"content":2834},{"textAlign":24},[2835],{"text":2836,"type":28},"Unaware (kein Problembewusstsein), Problem Aware (Problem erkannt, keine Lösung), Solution Aware (Lösungswege bekannt, Anbieter noch nicht), Product Aware (Anbieter bekannt, noch nicht überzeugt) und Most Aware (kaufbereit). Das Modell stammt aus dem Buch “Breakthrough Advertising” von 1966.",{"_uid":2838,"frage":2839,"antwort":2840,"component":182},"e24d9da9-648d-4efd-a3a2-dc24f307c877","Warum verliert meine Website Besucher, obwohl ich Traffic habe?",{"type":19,"content":2841},[2842],{"type":22,"attrs":2843,"content":2844},{"textAlign":24},[2845],{"text":2846,"type":28},"Wahrscheinlich spricht deine Website nur Besucher an, die schon kaufbereit sind. Das sind aber nur etwa 10% aller potenziellen Kunden. Die anderen 90% befinden sich in früheren Awareness-Stufen und finden auf deiner Website keine Inhalte, die sie abholen.",{"_uid":2848,"frage":2849,"antwort":2850,"component":182},"ffc01622-a0c3-4dc6-a57d-7168361e1f05","Welche Inhalte braucht eine Website für jede Awareness-Stufe?",{"type":19,"content":2851},[2852],{"type":22,"attrs":2853,"content":2854},{"textAlign":24},[2855],{"text":2856,"type":28},"Für Unaware und Problem Aware brauchst du Blog-Artikel, die Probleme aufzeigen und einordnen. Für Solution Aware brauchst du Leistungsseiten und Vergleiche. Für Product Aware brauchst du Case Studies und Testimonials. Und für Most Aware einen klaren, einfachen Weg zur Kontaktaufnahme.",[],[],[],[2861,2862,2863],["Reactive",257],["Reactive",1919],["Reactive",424],{"data":2865,"headers":2965},{"story":2866,"cv":229,"rels":2963,"links":2964},{"name":2867,"created_at":2868,"published_at":2869,"updated_at":2870,"id":2871,"uuid":2872,"content":2873,"slug":2935,"full_slug":2956,"sort_by_date":24,"position":2957,"tag_list":2958,"is_startpage":216,"parent_id":2959,"meta_data":24,"group_id":2960,"first_published_at":2961,"release_id":24,"lang":227,"path":24,"alternates":2962,"default_full_slug":24,"translated_slugs":24},"Footer","2026-08-26T15:13:34.551Z","2026-10-21T20:44:57.187Z","2026-10-21T20:44:57.209Z",213268949235354,"4d3793b1-616b-4e2d-a816-82923d45480c",{"_uid":2874,"address":2875,"columns":2876,"component":2935,"cta_button":2936,"legal_links":2944,"cta_headline":2955},"a4e35a24-a177-42b9-b83b-be74010494b4","Poststraße 25\n20354 Hamburg",[2877,2903,2922],{"_uid":2878,"links":2879,"title":2901,"component":2902},"cede4437-f9b0-40cc-b7ad-679cbbdea2e3",[2880,2886,2891,2896],{"_uid":2881,"link":2882,"label":2884,"component":2885},"86d99cc7-778a-42d0-9ca0-99349812d9c5",{"url":2883,"linktype":415,"fieldtype":416,"cached_url":2883},"\u002F","Home","footer-link",{"_uid":2887,"link":2888,"label":2890,"component":2885},"e82cc826-3462-4154-8ac5-b26274d590c2",{"url":2889,"linktype":415,"fieldtype":416,"cached_url":2889},"\u002Freferenzen","Referenzen",{"_uid":2892,"link":2893,"label":2895,"component":2885},"87df5085-7ba8-48be-b0ea-183bce330c2a",{"url":2894,"linktype":415,"fieldtype":416,"cached_url":2894},"\u002Fstudio","Studio",{"_uid":2897,"link":2898,"label":2900,"component":2885},"67fd2139-b743-4578-943d-f542bd811a74",{"url":2899,"linktype":415,"fieldtype":416,"cached_url":2899},"\u002Fnews","News","Seiten","footer-column",{"_uid":2904,"links":2905,"title":2921,"component":2902},"cedfbeef-2777-4ced-897f-21723fe5b551",[2906,2911,2916],{"_uid":2907,"link":2908,"label":2910,"component":2885},"1268b405-460a-4fea-8626-a489681a32c5",{"url":2909,"linktype":415,"fieldtype":416,"cached_url":2909},"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fhutter-studio-gmbh","LinkedIn",{"_uid":2912,"link":2913,"label":2915,"component":2885},"2ac5aa42-0051-477f-a156-67edc1f6d34c",{"url":2914,"linktype":415,"fieldtype":416,"cached_url":2914},"https:\u002F\u002Fwww.instagram.com\u002Fhutter.studio\u002F","Instagram",{"_uid":2917,"link":2918,"label":2920,"component":2885},"865aa527-ec3d-4e10-8c41-0e1f94772f50",{"id":327,"url":2919,"linktype":415,"fieldtype":416,"cached_url":2919},"https:\u002F\u002Fwww.pinterest.com\u002Fhutterstudio\u002F","Pinterest","Folg uns",{"_uid":2923,"links":2924,"title":2934,"component":2902},"1f139cde-7a65-489c-8814-c27ea8f6f487",[2925,2929],{"_uid":2926,"link":2927,"label":2928,"component":2885},"d58e5f95-331d-41b8-b74c-c80188d61a8e",{"url":414,"linktype":415,"fieldtype":416,"cached_url":414},"Call buchen",{"_uid":2930,"link":2931,"label":2933,"component":2885},"623cde37-b800-459b-91c9-7c0412b3ac1f",{"url":2932,"linktype":415,"fieldtype":416,"cached_url":2932},"\u002Fkontakt","Nachricht schreiben","Kontakt","footer",[2937,2941],{"_uid":2938,"link":2939,"label":2933,"variant":2940,"component":419},"2350b259-bed0-494e-b1dd-9ae842c10381",{"url":2932,"linktype":415,"fieldtype":416,"cached_url":2932},"secondary",{"_uid":2942,"link":2943,"label":417,"avatar":1227,"variant":418,"component":419},"98c541d8-9d7b-4e35-883d-53dc29c4c811",{"url":414,"linktype":415,"fieldtype":416,"cached_url":414},[2945,2950],{"_uid":2946,"link":2947,"label":2949,"component":2885},"80d93e06-77b2-426d-a9e3-60f0878c512f",{"url":2948,"linktype":415,"fieldtype":416,"cached_url":2948},"\u002Fimpressum","Impressum",{"_uid":2951,"link":2952,"label":2954,"component":2885},"20b41e99-6ec6-4558-8a26-af97789a1c09",{"url":2953,"linktype":415,"fieldtype":416,"cached_url":2953},"\u002Fdatenschutz","Datenschutz","Sprechen wir über eure Website.","structural\u002Ffooter",-80,[],213275669816661,"475d63b1-2a96-484c-b999-0d64ee43ab0b","2026-08-26T15:13:34.597Z",[],[],[],{"age":2966,"cache-control":234,"connection":235,"content-encoding":236,"content-type":237,"date":2967,"etag":2968,"referrer-policy":240,"sb-be-version":241,"server":242,"strict-transport-security":243,"transfer-encoding":244,"vary":245,"via":2969,"x-amz-cf-id":2970,"x-amz-cf-pop":248,"x-cache":249,"x-content-type-options":250,"x-frame-options":251,"x-permitted-cross-domain-policies":252,"x-request-id":2971,"x-runtime":2972,"x-xss-protection":255},"873","Tue, 27 Oct 2026 02:02:38 GMT","W\u002F\"55f456994563037ba79a15914e8e96f2\"","1.1 ae830955a4e25d8301abbde4cfd80dec.cloudfront.net (CloudFront)","_gzYN18uo6VnXGxeq2PPPTd8FwquaXlAFUWBNah2sqG2XHMh06DrGA==","30175216-378c-49cf-8b8e-3f3965d79914","0.013462",{"data":2974,"headers":3010},{"story":2975,"cv":229,"rels":3008,"links":3009},{"name":2976,"created_at":2977,"published_at":2978,"updated_at":2979,"id":2980,"uuid":2981,"content":2982,"slug":3001,"full_slug":3002,"sort_by_date":24,"position":3003,"tag_list":3004,"is_startpage":216,"parent_id":2959,"meta_data":24,"group_id":3005,"first_published_at":3006,"release_id":24,"lang":227,"path":24,"alternates":3007,"default_full_slug":24,"translated_slugs":24},"Navigation","2026-08-26T15:25:31.372Z","2026-10-21T20:44:57.186Z","2026-10-21T20:44:57.206Z",213271885326821,"d300c098-3519-48ff-9f67-cc2e15c539f6",{"_uid":2983,"links":2984,"button":2997,"component":3001},"60c4ea04-b301-4d5d-b491-4a1e5d4a3345",[2985,2988,2991,2994],{"_uid":2986,"link":2987,"label":2890,"component":2885},"71a6afb5-0558-47a6-adc0-803aaeb06ed4",{"url":2889,"linktype":415,"fieldtype":416,"cached_url":2889},{"_uid":2989,"link":2990,"label":2895,"component":2885},"3da10698-f01d-4c46-bff5-5d28979b0eab",{"url":2894,"linktype":415,"fieldtype":416,"cached_url":2894},{"_uid":2992,"link":2993,"label":2900,"component":2885},"847ff6bc-038d-4c70-a51b-79f3aee3c898",{"url":2899,"linktype":415,"fieldtype":416,"cached_url":2899},{"_uid":2995,"link":2996,"label":2934,"component":2885},"9682a656-ed11-4851-ae8c-dac22d0da012",{"url":2932,"linktype":415,"fieldtype":416,"cached_url":2932},[2998],{"_uid":2999,"link":3000,"label":417,"variant":418,"component":419},"173ea55e-6652-4d0c-bb42-70320b3a64cf",{"url":414,"linktype":415,"fieldtype":416,"cached_url":414},"navigation","structural\u002Fnavigation",-90,[],"2b63aa7b-4650-4122-a36a-ed6e95b59823","2026-08-26T15:25:31.416Z",[],[],[],{"age":2966,"cache-control":234,"connection":235,"content-encoding":236,"content-type":237,"date":2967,"etag":3011,"referrer-policy":240,"sb-be-version":241,"server":242,"strict-transport-security":243,"transfer-encoding":244,"vary":245,"via":3012,"x-amz-cf-id":3013,"x-amz-cf-pop":248,"x-cache":249,"x-content-type-options":250,"x-frame-options":251,"x-permitted-cross-domain-policies":252,"x-request-id":3014,"x-runtime":3015,"x-xss-protection":255},"W\u002F\"9ea5e3c3ea62e808f540b44837349111\"","1.1 3553261692b84388f31d013fa1d022f0.cloudfront.net (CloudFront)","c_I3NdPvW7mT_6mbD3yZbGbaqznUHKedkERy8cMIz6upKA2OATFOng==","cc017c78-abaf-484c-b44c-0d2011da9c08","0.021976",1793067431309]