From 9453827076f72566ae8617336d25a0e65f9a4e5c Mon Sep 17 00:00:00 2001 From: Lara Date: Mon, 5 Oct 2026 10:23:43 +0200 Subject: [PATCH] Sharpen positioning and copy after an outside review MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit An outside review (ChatGPT, from a screenshot) found the hero too generic and the copy full of agency words. Checked each point against the live page; the valid ones are done here: - Hero now says who it is for: "Webdesign für Betriebe vor Ort", "Websites, auf denen Ihre Kunden sofort finden, was sie suchen." This matches the 500 € offer and the three portfolio pieces, which were already about local businesses. - Second hero button "Arbeiten ansehen" (#arbeiten); every primary button now reads "Projekt besprechen". - "Was wir anders machen" replaces "Individuell, sorgfältig, technisch solide."; highlights I and III and the service texts are rewritten as concrete statements. - Mappe entries show "Die Aufgabe" / "Unsere Lösung". No invented results: all three are concept work. - Two FAQ answers filled where the facts are known (self-editing is part of the offer; no on-site meetings). - Two em dashes in body copy replaced. Not taken over: the "500+" figure and "Mehr erfahren" button the review mentions do not exist on the page. Admin schema gains hero.secondaryLabel and mappe.items[].aufgabe. Co-Authored-By: Claude Opus 5.5 --- admin/lib/schema.js | 4 ++- content/site.json | 60 +++++++++++++++++++++++-------------------- src/pages/index.astro | 35 ++++++++++++++++++++++++- 3 files changed, 69 insertions(+), 30 deletions(-) diff --git a/admin/lib/schema.js b/admin/lib/schema.js index bef1f24..0e67280 100644 --- a/admin/lib/schema.js +++ b/admin/lib/schema.js @@ -48,6 +48,7 @@ module.exports = [ { key: 'titleAfter', label: 'Titel – Teil 2', type: 'text' }, { key: 'lead', label: 'Einleitungstext', type: 'richtext' }, { key: 'ctaLabel', label: 'Button-Text', type: 'text' }, + { key: 'secondaryLabel', label: 'Zweiter Button (zur Mappe), leer = ausblenden', type: 'text' }, { key: 'visual', label: 'Geräte-Ansicht (rechts neben dem Hero-Text)', @@ -174,7 +175,8 @@ module.exports = [ { key: 'video', label: 'Video im Laptop (Pfad zu einer .mp4, leer = Standbild)', type: 'text' }, { key: 'kategorie', label: 'Kategorie', type: 'text' }, { key: 'titel', label: 'Titel / Name', type: 'text' }, - { key: 'text', label: 'Text', type: 'textarea' }, + { key: 'aufgabe', label: 'Die Aufgabe (leer = nur Text zeigen)', type: 'textarea' }, + { key: 'text', label: 'Unsere Lösung / Text', type: 'textarea' }, { key: 'nameHidden', label: 'Name noch verstecken (Platzhalter zeigen)', type: 'boolean' }, ], }, diff --git a/content/site.json b/content/site.json index d9c49ee..87e3f46 100644 --- a/content/site.json +++ b/content/site.json @@ -27,25 +27,26 @@ "anchor": "preis" } ], - "ctaLabel": "Projekt anfragen" + "ctaLabel": "Projekt besprechen" }, "hero": { - "eyebrow": "Digitalagentur für individuelle Websites", - "titleBefore": "Websites, die zu Ihrem ", - "titleEmphasis": "Unternehmen", - "titleAfter": " passen.", - "lead": "Durchdacht gestaltet, sauber umgesetzt. larpaso entwickelt individuelle Websites für Kunden aus unterschiedlichen Branchen. Mit einem klaren Ablauf und kurzen Wegen liefern wir hochwertige Ergebnisse in überschaubarer Zeit, ohne Kompromisse bei Qualität und Individualität.", - "ctaLabel": "Projekt anfragen", + "eyebrow": "Webdesign für Betriebe vor Ort", + "titleBefore": "Websites, auf denen Ihre Kunden ", + "titleEmphasis": "sofort", + "titleAfter": " finden, was sie suchen.", + "lead": "Angebot, Preise, Zeiten, Anfahrt. Wir bauen Websites für Inhaberbetriebe, Praxen und Handwerk, die auf dem Handy genauso gut funktionieren wie am Rechner. Die Texte schreiben wir, und den Preis kennen Sie, bevor es losgeht.", + "ctaLabel": "Projekt besprechen", "visual": { "customImage": "", "laptop": "/mappe/atelier-rosenhain.webp", "phone": "/mappe/elektro-rabe-mobil.webp" - } + }, + "secondaryLabel": "Arbeiten ansehen" }, "warum": { "eyebrow": "02 · Was uns unterscheidet", - "title": "Individuell, sorgfältig, technisch solide.", - "lead": "larpaso entwickelt individuelle Websites für Kunden, die sich von der Stange nicht zufriedengeben wollen.", + "title": "Was wir anders machen", + "lead": "Bevor wir etwas gestalten, schauen wir uns an, was Ihre Kunden auf Ihrer Seite suchen. Meistens sind es dieselben vier Dinge, und die gehören nach oben.", "readability": { "customImage": "", "title": "Was Kunden suchen, steht auf der Seite.", @@ -69,7 +70,7 @@ "amount": "500 €", "amountNote": "komplett, einmalig", "lead": "Eine fertige Website statt eines Angebots über „Konzeptphasen“. Wir schreiben die Texte, bauen die Seite und stellen sie online. Sie sagen uns, was Sie machen und für wen.", - "slotsNote": "Noch [3] von 3 Plätzen frei — Stand [Datum].", + "slotsNote": "Noch [3] von 3 Plätzen frei · Stand [Datum].", "features": [ { "text": "Eine Seite mit allem, was Kunden suchen: Angebot, Preise, Zeiten, Anfahrt, Kontakt", @@ -107,13 +108,13 @@ "asideTitle": "Warum so günstig?", "asideParagraph1": "Weil wir am Anfang stehen und Arbeiten zeigen müssen, die echten Betrieben gehören. Dafür bitten wir um zwei Dinge: Wir dürfen die fertige Seite in unserer Mappe zeigen, und wenn Sie zufrieden sind, schreiben Sie uns drei Sätze, die wir zitieren dürfen.", "asideParagraph2": "Kein Abo und keine Vertragslaufzeit. Sie zahlen die Hälfte zum Start, die Hälfte, wenn die Seite online ist.", - "ctaLabel": "Projekt anfragen" + "ctaLabel": "Projekt besprechen" }, "highlights": [ { "num": "I", - "title": "Individuell entwickelt", - "text": "Keine Templates von der Stange — jede Website wird passend zu Zielen, Marke und Zielgruppe konzipiert und umgesetzt." + "title": "Keine Vorlage", + "text": "Jede Seite fangen wir leer an. Farben, Schrift und Aufbau richten sich nach Ihrem Betrieb, deshalb sehen unsere Entwürfe so unterschiedlich aus." }, { "num": "II", @@ -122,19 +123,19 @@ }, { "num": "III", - "title": "Technisch solide", - "text": "Saubere, wartbare Umsetzung mit Blick auf Performance, Zugänglichkeit und langfristige Pflegbarkeit." + "title": "Schnell auf dem Handy", + "text": "Die meisten Ihrer Kunden kommen über das Handy. Dafür bauen wir zuerst, und wir achten darauf, dass die Seite auch bei schwachem Netz schnell lädt." } ], "leistungen": { "eyebrow": "03 · Was Sie bekommen", "title": "Was wir für Sie tun können", - "lead": "Von der ersten Idee bis zur laufenden Betreuung: larpaso begleitet Ihr Website-Projekt aus einer Hand, mit individueller Gestaltung und sauberer Technik.", + "lead": "Die meisten Betriebe brauchen eine gute Seite und jemanden, der sie aktuell hält. Beides bekommen Sie bei uns.", "items": [ { "num": "01", - "title": "Individuelle Websites", - "text": "Konzeption und Umsetzung von Websites, die auf Ihr Unternehmen, Ihre Zielgruppe und Ihre Ziele zugeschnitten sind — von der einfachen Unternehmenspräsenz bis zur komplexeren Webanwendung." + "title": "Neue Website", + "text": "Eine Seite für Ihren Betrieb, auf der Kunden Angebot, Preise, Zeiten und Anfahrt finden, ohne zu suchen. Für die meisten reicht eine einzige, gut gebaute Seite." }, { "num": "02", @@ -144,22 +145,22 @@ { "num": "03", "title": "Konzeption & Beratung", - "text": "Vor der Umsetzung klären wir Struktur, Inhalte und technische Anforderungen — damit die Website von Anfang an zu Ihren Zielen passt." + "text": "Im ersten Gespräch klären wir, was auf die Seite muss und was wegkann. Danach wissen Sie, was es kostet und wie lange es dauert." }, { "num": "04", - "title": "Redesign & Weiterentwicklung", - "text": "Bestehende Websites überarbeiten, modernisieren oder um neue Funktionen erweitern — technisch fundiert und mit klarem Fokus auf Nutzbarkeit." + "title": "Bestehende Seite überarbeiten", + "text": "Ihre Seite ist in die Jahre gekommen oder auf dem Handy kaum zu bedienen? Wir bauen sie neu auf und übernehmen, was sich bewährt hat." }, { "num": "05", "title": "Wartung & Support", - "text": "Nach dem Launch lassen wir Sie nicht allein: Updates, kleinere Anpassungen und technischer Support nach Bedarf." + "text": "Nach dem Start sind wir weiter erreichbar: für neue Preise, geänderte Zeiten oder wenn etwas nicht funktioniert." }, { "num": "06", "title": "Performance & Zugänglichkeit", - "text": "Websites, die schnell laden und für möglichst viele Nutzerinnen und Nutzer gut zugänglich sind — als Grundlage, nicht als nachträgliches Extra." + "text": "Die Seite lädt schnell und lässt sich auch mit großer Schrift oder Vorleseprogramm gut bedienen. Das bauen wir von Anfang an mit ein." } ], "nichtMachenTitle": "Was wir nicht machen", @@ -176,7 +177,8 @@ { "kategorie": "Konzeptarbeit · Elektrobetrieb", "titel": "Rabe Elektrotechnik", - "text": "Anthrazit und Signalgelb, die Schrift wie auf einem Werkstattschild. Stundensatz, Anfahrt und Notdienstzuschlag stehen gleich oben auf der Seite, weil das die ersten zwei Fragen an jeden Elektriker sind: Was kostet es, und wann kommt jemand?", + "aufgabe": "Ein Elektriker hört am Telefon jeden Tag dieselben zwei Fragen: Was kostet das, und wann kommt jemand?", + "text": "Stundensatz, Anfahrt und Notdienstzuschlag stehen gleich oben, als Datenblatt neben der Überschrift. Anthrazit und Signalgelb, die Schrift wie auf einem Werkstattschild.", "nameHidden": false, "image": "/mappe/elektro-rabe.webp", "mobileImage": "/mappe/elektro-rabe-mobil.webp", @@ -185,6 +187,7 @@ { "kategorie": "Konzeptarbeit · Tanzstudio", "titel": "Maison Verte", + "aufgabe": "Eine Tanzschule mit vielen Kursen und Eltern, die abends schnell nachsehen wollen, wann welche Gruppe tanzt.", "text": "Sand und Salbei. Der Stundenplan steht als Tabelle auf der Seite, nicht als Download, und die Preise auch. Für ein Studio, das ruhig wirken soll, ohne dabei alt auszusehen.", "nameHidden": false, "image": "/mappe/maison-verte.webp", @@ -194,6 +197,7 @@ { "kategorie": "Konzeptarbeit · Kosmetikstudio", "titel": "Atelier Rosenhain", + "aufgabe": "Ein Kosmetikstudio, bei dem Kundinnen vor dem ersten Termin wissen wollen, was eine Behandlung kostet und wie lange sie dauert.", "text": "Weich, warm, und trotzdem kein Pastellrosa. Jede Behandlung mit Dauer und Preis, Termin direkt aus der Liste heraus. Damit niemand erst anrufen muss, um zu erfahren, was etwas kostet.", "nameHidden": false, "image": "/mappe/atelier-rosenhain.webp", @@ -248,7 +252,7 @@ "items": [ { "question": "Kann ich die Seite danach selbst ändern?", - "answer": "" + "answer": "Ja. Zum Schluss zeigen wir Ihnen, wie Sie Öffnungszeiten, Preise und Texte selbst ändern. Dafür brauchen Sie keine Vorkenntnisse." }, { "question": "Was, wenn mir das Ergebnis nicht gefällt?", @@ -260,7 +264,7 @@ }, { "question": "Müssen wir uns dafür treffen?", - "answer": "" + "answer": "Nein. Wir sprechen am Telefon und schreiben per Mail. Fotos und Unterlagen schicken Sie uns einfach zu." }, { "question": "Wie lange dauert es insgesamt?", @@ -279,7 +283,7 @@ "kontakt": { "eyebrow": "08 · Kontakt", "title": "Lassen Sie uns sprechen.", - "lead": "Erzählen Sie uns kurz von Ihrem Projekt — wir melden uns zeitnah bei Ihnen zurück. Ein Erstgespräch ist unverbindlich und kostet Sie nichts.", + "lead": "Erzählen Sie uns kurz von Ihrem Projekt, wir melden uns zeitnah bei Ihnen zurück. Ein Erstgespräch ist unverbindlich und kostet Sie nichts.", "phone": "", "hours": "", "email": "kontakt@larpaso.de", diff --git a/src/pages/index.astro b/src/pages/index.astro index 919f442..5840435 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -16,6 +16,9 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k

{hero.ctaLabel} + {hero.secondaryLabel && ( + {hero.secondaryLabel} + )}
@@ -152,7 +155,16 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k )}

{item.kategorie}

{item.nameHidden ? [Studio — erst nach Freigabe zeigen] : item.titel}

-

{item.text}

+ {item.aufgabe ? ( +
+
Die Aufgabe
+
{item.aufgabe}
+
Unsere Lösung
+
{item.text}
+
+ ) : ( +

{item.text}

+ )} ))} @@ -354,6 +366,9 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k .hero-actions { margin-top: var(--space-6); + display: flex; + flex-wrap: wrap; + gap: var(--space-3); } .hero-visual-image { @@ -570,6 +585,24 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k margin-bottom: var(--space-5); } + .mappe-fall { + margin: 0; + } + + .mappe-fall dt { + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 0.06em; + text-transform: uppercase; + color: var(--color-accent); + margin-top: var(--space-3); + } + + .mappe-fall dd { + margin: var(--space-1) 0 0; + color: var(--color-text-muted); + } + .mappe-kategorie { font-size: 0.75rem; letter-spacing: 0.06em;