studio7A Website V1: Runde 2 nach dem Inhaltskonzept

Entwürfe Startseite und Blog-Artikel

Startseite nach Inhaltskonzept V1

Vorschau öffnen · Desktop 1280 · Mobil 375

Elf Abschnitte in der Reihenfolge des Konzepts. Basis ist die Empfehlung aus Stand 2: Linien, nur der Kontakt auf Ink, Signal nur im Hero („offenen“) und im Kontakt („vorhaben“), Icons v0.1 als Linie, lesefreundliche Skala, mobil gestapelt. Ab 1180 px Breite wird das Menü zum Menü-Knopf, weil es jetzt sechs Punkte hat.

Ausschnitte 1280

Vorlage Blog-Artikelseite

Vorschau öffnen · Desktop 1280 · Mobil 375

Für „Warum ich auf Contao setze: Open Source, Self-Hosting, Datenhoheit“. Der Text ist Platzhalter, ihn schreibt die Assistenz. Die Vorlage zeigt alle Bausteine: Brotkrumen, Titel, Meta-Zeile, Vorspann, Inhaltsverzeichnis (Desktop seitlich mitlaufend, mobil oben), Zwischenüberschriften, Liste, nummerierte Liste, „Kurz gesagt“, Abbildung mit Unterschrift, Zitat, Autorenkasten mit Fotoplatz, weitere Artikel und Kontakt auf Ink.

Ausschnitte 1280

Abgleich Seitenaufbau Startseite V1

Kein Contao im Hero. Keine eigenen Zahlen, keine Zitate, keine Logos, keine Partnernamen. KI-Redaktion kommt nicht vor. Kontakt nur per Mail.

Zur Prüfung durch Assistenz und Richard Texte, die nicht wörtlich im Konzept stehen

• Hero, zwei Wege: „Ihr Name bleibt vorne, ich arbeite im Hintergrund.“ und „Sie bekommen eine Seite, die Sie selbst pflegen können.“ Das sind gekürzte Konzeptsätze. Der Teil mit „Contao“ steht erst im Abschnitt darunter.
• Punkte unter den Wegen: umformuliert aus der Zielgruppen-Tabelle („Umsetzung, Updates und Pflege“, „Transparenz im Ablauf“, „Saubere Übergabe an Sie“, „Termintreue“) bzw. aus Transparenz-Liste und Leistung 1.
• So arbeite ich: Die Beschreibungen zu 1, 2, 5 und 6 stammen gekürzt aus der Seiten-Copy vom 28.06., die zu 3 und 4 aus dem Konzept. Die „Sie sehen“-Zeilen zu 3 bis 6 sind Konzeptsätze. Die Zeilen zu 1 und 2 sind mein Vorschlag („Die Grundlage für den Festpreis.“, „Den Preis, bevor es losgeht.“).
• Haltung: die Konzept-Stichpunkte in zwei Sätzen, mit „Contao ist dafür mein Beispiel“ als Einleitung.
• Häufige Fragen: Die Antworten sind aus Konzeptsätzen zusammengesetzt. Zu „Lohnt sich das Update?“ gibt das Konzept keine Antwort, deshalb ist sie als „Antwort folgt“ markiert.
• Über mich: Seiten-Copy vom 28.06. mit „in Weimar“ statt „seit 2021“ (siehe Frage 4) und der Regionszeile aus dem Konzept.
• Seitenbeschreibung (meta description) als Vorschlag: „Contao-Seiten bauen, betreuen und auf Contao 5 aktualisieren, für Agenturen und Organisationen. Festpreis nach Bestandsaufnahme. Sitz Weimar, Schwerpunkt Thüringen.“
• Bedienbeschriftungen, neu: „Zum Abschnitt“, „Als Agentur anfragen“, „Als Organisation anfragen“, „Partner und Auftraggeber“, „Preis“, „Beleg“, „Sie sehen“, „Effizienz“, „Kurz gesagt“, „Weitere Artikel“. Dazu die Mail-Betreffs „Projekt anfragen“, „Anfrage Agentur“ und „Anfrage Organisation“.

Aufgabe 3 Illustrationen gegen v0.1

Quelle v0.1: contao/branding/illustrations/ (Stand 29.06.2026), nur gelesen

Prüfung Kontrast (WCAG 2.1 AA)

axe-core WCAG 2 A/AA bei 1280 und 375 px: Startseite, Blog-Artikel und diese Übersicht ohne Befund

Zur Diskussion mit Richard, keine Einzelfreigabe Brandbook-Vorschläge (1–9 aus Stand 2, 10–16 neu)

1. Ink als einzige Vollfläche je Seite, für den Abschluss-Block (Kontakt). Gilt jetzt auch für die Blog-Artikelseite. Aus Stand 2, unverändert.
2. Kontrastregel für Signal: als Textfarbe nur auf Paper, auf Ink, Bone und Mist nur ab 24 px (fett ab 19 px) oder grafisch. Nie für Labels oder Fließtext. Aus Stand 2.
3. Mute nur auf Paper, auf Bone und Mist wird Sekundärtext Slate. Alternative: Mute auf #606065 abdunkeln. Aus Stand 2. In Runde 2 ohne Bone/Mist, die Regel greift nicht.
4. Neuer Token „Paper 62 % auf Ink“ (#A0A09E, 7,42:1) für Sekundärtext auf Ink. Aus Stand 2.
5. Signal nie halbtransparent. Wasserzeichen wie v0.1 in Ink-Deckkraft. Accent-Ink #1D4ED8 nur für Hover. Aus Stand 2. Runde 2 nutzt das Wasserzeichen v0.1 im Abschnitt Haltung.
6. Typografie-Skala lesefreundlich: Text 17, Display 96, H2 44, Mono ab 12 px. Aus Stand 2.
7. Illustrationsregel: Strich 1,5 auf 48er-Raster, Winkel aus dem Giebel, jedes Motiv trägt genau einen Giebel in Signal. Aus Stand 2, jetzt mit dem neuen Update-Icon (siehe 13).
8. Signal-Wort: nur im Hero und im Kontakt. Aktualisiert: Im neuen Hero steht „offenen“ in Signal, ein Wort wie im Brandbook v3. Es verweist auf offene Software.
9. Live-Punkt pulsiert nicht bei reduzierter Bewegung. Aus Stand 2.
10. Neu: Hero C ablösen. „Läuft. Und gehört Ihnen.“ und der Fakten-Strip („Daten in Deutschland“) stehen im Marken-Dokument noch als final. Vorschlag: dort durch den entschiedenen Hero „Webseiten, gebaut mit offenen Karten.“ ersetzen, damit Brandbook und Seite nicht auseinanderlaufen.
11. Neu: Markenversprechen um die Haltung erweitern. Neben „Es läuft. Es ist dokumentiert. Es wird übergeben.“ als drei Werte: Open Source, Self-Hosting, Datenhoheit. „Daten in Deutschland“ wird zu „Server Ihrer Wahl, die Daten bleiben bei Ihnen“.
12. Neu: Wortliste der Stimme. Das Brandbook will „Aktualisierungen“ statt „Updates“ und Fachbegriffe nur intern. Das Konzept nutzt „Update auf Contao 5“, „Open Source“ und „Self-Hosting“ bewusst als Suchbegriffe. Vorschlag: als Ausnahme für Leistungsnamen und Suchbegriffe aufnehmen, im Fließtext weiter „Aktualisierungen“.
13. Neu: Icon „Update“ (Original und Kopie, Vergleich, Rückweg, Giebel über der Kopie) in den Illustrationssatz aufnehmen. Automatisieren bleibt im Satz, ist in V1 aber nicht im Einsatz.
14. Neu: Baustein „Zwei Wege“. Zwei gleich breite Spalten mit gleicher Gestaltung, getrennt durch eine Haarlinie. Keine Zielgruppenfarben und keine Rangfolge, so wie Richard es für die Einstiege entschieden hat.
15. Neu: Belege. Partnerlogos einfarbig in Ink oder Slate und in einheitlicher Höhe, weil Farblogos die Regel „keine zweite Buntfarbe“ brechen. Stimmen aufrecht, ohne große Anführungszeichen. Name, Funktion und Organisation stehen in einer eigenen Mono-Zeile, getrennt vom Zitat (Mensch ≠ System).
16. Neu: Artikel-Typografie. Text 18 px bei 1,7 Zeilenabstand, höchstens 68 Zeichen je Zeile. H1 im Artikel bis 58 px (kleiner als das Display der Startseite), H2 mit Ink-Linie darüber, Links mit Signal-Unterstrich. Mono nur in eigenen Zeilen (Meta, Bildunterschrift, Labels), nie im Satz.

Entscheidet Richard Offene Fragen mit Empfehlung

1. Gilt die Empfehlung 1C+2C+3A+4B+5A als Basis?
   Empfehlung: Ja. Die Fragen 1 bis 5 aus Stand 2 sind noch offen, Runde 2 baut auf der Empfehlung auf. Wenn Sie je Frage anders wählen, setze ich das ohne neuen Entwurf um.
2. Signal-Wort im Hero: „offenen“, die ganze Zeile „offenen Karten.“ oder keins?
   Empfehlung: „offenen“. Es ist ein Wort wie im Brandbook v3 und verweist auf offene Software.
3. Partnerleiste, Stimmen und die Beleg-Zeile der Leistungen vor der ersten Zustimmung live ausblenden?
   Empfehlung: Ja. Live erscheinen sie erst mit der ersten Zustimmung, Platzhalter gehören nicht auf die Live-Seite. Ohne Belege bleiben Hero, Wege, Leistungen und Ablauf vollständig.
4. „seit 2021“ auf der Seite nennen?
   Empfehlung: Weglassen. Das Konzept sagt „keine eigenen Zahlen“. Das Gründungsjahr ist zwar keine Kennzahl, aber ohne Ihre Aussage lasse ich es draußen.
5. „Blog“ als Menüpunkt?
   Empfehlung: In V1 nicht. Der Artikel wird aus dem Abschnitt Haltung und aus dem Fuß verlinkt. Den Menüpunkt und eine Blog-Übersicht gibt es ab dem zweiten Artikel (V1.1).
6. Mail-Betreff vorbelegen („Anfrage Agentur“, „Anfrage Organisation“)?
   Empfehlung: Ja. Sie sehen sofort, über welchen Weg eine Anfrage kommt, und das ohne Formular oder Tracking.
7. Neues Icon „Update“ und die zwei Eingriffe an v0.1 (Signal-Dach, Giebel auf 12 Uhr)?
   Empfehlung: Annehmen. So tragen alle drei Leistungs-Icons genau einen Giebel in Signal.
8. Wer glättet die Texte, die nicht wörtlich im Konzept stehen (Liste oben)?
   Empfehlung: Die Assistenz, zusammen mit dem Blog-Artikel. Danach gibt Richard sie in einem Durchgang frei.