aYOUne

Bausteine

Jede Seite besteht aus Bausteinen. Dieser Katalog nennt alle verfuegbaren Arten, gruppiert nach dem, was sie leisten sollen. Nutz ihn beim Planen einer Seite - und um dem Copilot genau zu sagen, welchen Abschnitt du willst.

Aufbau und Text

Baustein Wofuer
Hero Der Aufmacher ganz oben: grosse Aussage, Untertitel, Handlungsschaltflaeche.
Text Fliesstext mit Ueberschriften, Aufzaehlungen und Hervorhebungen.
Spalten Zwei oder mehr Spalten nebeneinander, etwa Text links und Bild rechts.
Kopfbereich Ein eigener Kopfabschnitt fuer Seiten, die vom Standardkopf abweichen.
Fussbereich Ein eigener Fussabschnitt fuer Seiten, die eine andere Fusszeile brauchen.
Trennlinie Eine sichtbare Linie zwischen zwei Abschnitten.
Abstand Leerraum zum Atmen, ohne sichtbaren Inhalt.

Nutzen und Vertrauen

Baustein Wofuer
Leistungsmerkmale Mehrere Nutzenpunkte mit Symbol, Titel und kurzem Text.
Kennzahlen Grosse Zahlen mit Beschriftung - Jahre, Kunden, Verfuegbarkeit.
Live-Kennzahlen Dieselbe Darstellung, aber mit Werten, die sich selbst aktualisieren.
Kundenstimme Ein Zitat mit Name, Rolle und Bild.
Zitate Mehrere kurze Aussagen nebeneinander.
Referenzen Ausgewaehlte Kundenprojekte mit Bild und Kurzbeschreibung.
Logo-Band Eine Reihe von Kundenlogos, meist gedaempft dargestellt.
Auszeichnungen Preise, Siegel und Zertifikate, die ihr erhalten habt.
Partner Euer Partnernetz mit Logo, Stufe und optionaler Detailseite.
Team Die Personen dahinter, mit Bild, Rolle und Kurzprofil.
Historie Die Firmengeschichte als Zeitstrahl mit Meilensteinen.

Angebot und Abschluss

Baustein Wofuer
Preistabelle Pakete nebeneinander mit Preis, Leistungsumfang und Schaltflaeche.
Handlungsaufforderung Ein hervorgehobener Abschnitt mit einem klaren naechsten Schritt.
Formular Ein Eingabeformular, dessen Absendungen direkt bei euch landen.
Kontakt Kontaktangaben und Anfrageformular in einem Abschnitt.
Countdown Ein Zaehler bis zu einem Termin, etwa einem Messebeginn.
Einblendung Ein Fenster, das zeitgesteuert oder beim Verlassen der Seite erscheint.

Medien

Baustein Wofuer
Bild Ein einzelnes Bild mit Bildunterschrift und Alternativtext.
Galerie Mehrere Bilder als Raster oder Bildstrecke.
Video Ein eingebettetes Video im richtigen Seitenverhaeltnis.

Listen aus deinen Daten

Diese Bausteine holen ihren Inhalt aus gepflegten Datensaetzen. Du aenderst den Datensatz - die Seite zieht nach.

Baustein Wofuer
Blogliste Die neuesten Beitraege eures Blogs.
Blog-Kommentare Kommentare der Besucher zu einem Beitrag, mit Freigabe.
Produktliste Ausgewaehlte Produkte aus eurem Sortiment.
Portfolio Arbeiten oder Projekte als Uebersicht mit Detailansicht.
Veranstaltungen Kommende Termine mit Datum, Ort und Anmeldung.
Stellenanzeigen Offene Stellen; Bewerbungen laufen direkt bei euch ein.
Downloads Bereitgestellte Dateien, auf Wunsch erst nach Dateneingabe.
Standorte Eure Niederlassungen mit Anschrift und Oeffnungszeiten.
Pressemitteilungen Eure Mitteilungen, sortiert nach Datum, mit Sperrfrist.
Podcast Eure Sendung samt Folgen mit Abspielmoeglichkeit.

Orientierung und Sichtbarkeit

Baustein Wofuer
FAQ Haeufige Fragen zum Aufklappen.
Navigation Ein Verweisblock innerhalb der Seite, etwa fuer lange Inhalte.
Karte Eine eingebettete Landkarte, meist fuer die Anfahrt.
Soziale Netzwerke Verweise auf eure Profile.
Sichtbarkeits-Anzeige Eure aktuelle Auffindbarkeit zu ausgewaehlten Suchbegriffen.

Technische Bausteine

Baustein Wofuer
Eigener HTML-Code Fuer Sonderfaelle, die kein anderer Baustein abdeckt. Der Copilot erzeugt ihn nicht - er ist dem Editor vorbehalten.
Widget Ein eingebettetes Element der Plattform, etwa eine Auswertung. Ebenfalls nur im Editor.

Wie du den passenden waehlst

Geh von der Absicht aus, nicht vom Aussehen: Willst du ueberzeugen (Leistungsmerkmale, Kennzahlen, Kundenstimme), willst du zum Handeln bewegen (Handlungsaufforderung, Formular, Preistabelle) oder willst du informieren (Text, FAQ, Listen)? Bei allem, was sich haeufig aendert oder an mehreren Stellen steht, nimm einen datengespeisten Baustein statt getippten Text.

Mit dieser Seite weiterarbeiten

Fertige Anweisungen für dein KI-Werkzeug. Kopieren, einfügen, loslegen — die KI holt sich den Inhalt selbst über die Adresse im Text.

Vertriebsunterlage daraus machen Nutzen und Einwaende statt Technik — fuer Gespraeche mit Interessenten. 
Lies die folgende Dokumentation von tolinax UG und arbeite damit.

Diese Seite: https://ayoune.com/de/docs/website/bausteine.md
Die vollstaendige Sammlung: https://ayoune.com/de/docs/website.md

Erstelle daraus eine **Vertriebsunterlage**. Nicht die Technik beschreiben, sondern:

1. Welches Problem loest das aus Kundensicht? In einem Satz.
2. Die drei staerksten Nutzen-Argumente, je mit dem technischen Beleg dahinter.
3. Fuer wen ist es NICHT geeignet — ehrlich, das schafft Vertrauen im Gespraech.
4. Die fuenf wahrscheinlichsten Einwaende und je eine belastbare Antwort.
5. Eine Kurzfassung von maximal 120 Woertern fuer die erste Mail.

Erfinde nichts. Wo die Quelle etwas nicht hergibt, schreib "nicht dokumentiert"
statt zu raten — eine erfundene Zusage im Vertrieb kostet spaeter mehr, als sie bringt.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Ueberblick aller oeffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
  arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
In einfachen Worten erklaeren Fuer Kolleginnen und Kollegen ohne Vorwissen im Thema. 
Lies die folgende Dokumentation von tolinax UG und arbeite damit.

Diese Seite: https://ayoune.com/de/docs/website/bausteine.md
Die vollstaendige Sammlung: https://ayoune.com/de/docs/website.md

Erklaere den Inhalt so, dass ihn jemand ohne Vorwissen versteht.

- Beginne mit dem Zweck: wozu gibt es das ueberhaupt?
- Fachbegriffe beim ersten Vorkommen in einem Halbsatz erklaeren.
- Ein Alltags-Vergleich, wo er wirklich traegt — keiner, wo er hinkt.
- Am Ende: die drei Dinge, die man sich merken sollte.

Kuerze nicht durch Weglassen von Einschraenkungen. Eine Vereinfachung, die eine
Bedingung unterschlaegt, ist eine Falschaussage.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Ueberblick aller oeffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
  arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
Einarbeitungs-Leitfaden bauen Ein Weg vom ersten Tag bis zur selbststaendigen Arbeit. 
Lies die folgende Dokumentation von tolinax UG und arbeite damit.

Diese Seite: https://ayoune.com/de/docs/website/bausteine.md
Die vollstaendige Sammlung: https://ayoune.com/de/docs/website.md

Baue daraus einen **Einarbeitungs-Leitfaden** fuer eine neue Person im Team.

- In Etappen gliedern, jede mit einem pruefbaren Ergebnis ("danach kannst du X").
- Reihenfolge nach Abhaengigkeit, nicht nach Wichtigkeit.
- Je Etappe: was zu lesen ist, was zu tun ist, woran man merkt, dass es sitzt.
- Benenne die Stellen, an denen erfahrungsgemaess Rueckfragen entstehen.

Wo die Dokumentation eine Luecke hat, markiere sie als offene Frage an das Team,
statt sie zu ueberbruecken.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Ueberblick aller oeffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
  arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
Luecken und offene Fragen finden Was fehlt, was widerspricht sich, was ist nicht belegt. 
Lies die folgende Dokumentation von tolinax UG und arbeite damit.

Diese Seite: https://ayoune.com/de/docs/website/bausteine.md
Die vollstaendige Sammlung: https://ayoune.com/de/docs/website.md

Pruefe die Dokumentation kritisch und benenne:

1. **Luecken** — was ein Leser braeuchte, aber nicht findet.
2. **Widersprueche** — Stellen, die sich gegenseitig ausschliessen.
3. **Unbelegtes** — Behauptungen ohne Beleg, Zahl oder Verweis.
4. **Veraltetes** — was nach Stand der Quelle ueberholt sein koennte.

Sortiere nach Auswirkung: was fuehrt einen Leser in die Irre, was ist nur unschoen.
Sei konkret mit Abschnitt und Zitat — eine allgemeine Kritik hilft niemandem.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Ueberblick aller oeffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
  arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
Fragen und Antworten ableiten Fuer Hilfe-Center, Support-Team oder die Produktseite. 
Lies die folgende Dokumentation von tolinax UG und arbeite damit.

Diese Seite: https://ayoune.com/de/docs/website/bausteine.md
Die vollstaendige Sammlung: https://ayoune.com/de/docs/website.md

Leite daraus **Fragen und Antworten** ab.

- Formuliere die Fragen so, wie ein Nutzer sie stellen wuerde — nicht in Fachsprache.
- Jede Antwort in zwei bis vier Saetzen, mit Verweis auf den Abschnitt der Quelle.
- Ordne nach Haeufigkeit, mit der die Frage vermutlich auftritt.
- Nimm auch die unangenehmen Fragen auf (Grenzen, Kosten, Voraussetzungen).

Nur Fragen, die die Quelle wirklich beantwortet.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Ueberblick aller oeffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
  arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
Arbeits-Checkliste erstellen Zum Abarbeiten waehrend der Umsetzung. 
Lies die folgende Dokumentation von tolinax UG und arbeite damit.

Diese Seite: https://ayoune.com/de/docs/website/bausteine.md
Die vollstaendige Sammlung: https://ayoune.com/de/docs/website.md

Mache daraus eine **abhakbare Checkliste** fuer die praktische Umsetzung.

- Je Punkt genau eine Handlung, im Imperativ.
- Reihenfolge so, dass kein Punkt eine spaetere Voraussetzung braucht.
- Voraussetzungen und Stolperstellen als eingerueckte Unterpunkte.
- Am Ende eine Abnahme: woran erkenne ich, dass alles richtig ist?
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Ueberblick aller oeffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
  arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.

War dieser Artikel hilfreich?

👎 Nein (0)
Kommentar hinterlassen