---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell"
locale: de
meta:
  "og:title": "Academy Article"
---

[Zur Startseite](https://academy.laioutr.com/)

- [Storefront-Funktionen](https://academy.laioutr.com/bereiche/storefront-funktionen)

- [Growth Kits und Add-ons](https://academy.laioutr.com/leitfaeden/growth-kits-und-add-ons)

- [Growth Kits: Bausteine je Geschäftsmodell](https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell)

# Growth Kits: Bausteine je Geschäftsmodell

Growth Kits sind Pakete aus Sections, Blocks, Seitenvorlagen und Funktionen für ein Geschäftsmodell: Shop, Content, Booking, Marketplace, Retail und Multichannel, SaaS, Publisher und Listen. Teams kombinieren mehrere Kits in einem Projekt und finden die Bausteine im Studio in der Section-Bibliothek.

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Laioutr Commerce mit Laioutr UI oder Laioutr Sites mit dem jeweiligen Growth Kit</dd>

<dt>Rolle</dt>
<dd>Editor für Studio</dd>

<dt>Dauer</dt>
<dd>5 Min.</dd></dl>

Zuletzt geprüft am 15. Oktober 2026

Laioutr UI stellt die Komponenten für Storefronts bereit. Growth Kits schneiden diese Komponenten nach Geschäftsmodell zu verständlichen Paketen, damit ein Team genau die Bausteine findet, die es braucht.

- **Shop:** Grundausstattung jedes Onlineshops mit Produktkacheln, Slidern, Listen, Filtern und Produktdetailseite.
- **Content:** Inhalts-Sections für Websites ohne Shop, etwa Hero, Teaser, Blog, Testimonials und Newsletter.
- **Booking:** Verfügbarkeiten, Terminwahl, Umbuchung und Buchungsübersicht.
- **Marketplace:** Händlerprofile, Discovery-Navigation und Listen für viele Anbieter.
- **Retail und Multichannel:** verbindet Onlineshop und Filialen, mit Standortsuche und marktbezogenem Merchandising.
- **SaaS:** Preisseiten mit Plan-Karten und Funktionsvergleich.
- **Publisher:** Kurzformate wie Feeds und Reels für Medienhäuser und content-getriebene Händler.
- **Listen:** Bausteine für Listenseiten mit Sortierung und Filtern.

Alle Kits bauen auf denselben Design-Tokens auf, sind barrierearm und bringen strukturierte Daten mit. Kits lassen sich frei kombinieren. Ein Branchen-Blueprint setzt aus einem oder mehreren Kits eine fertige Start-Site zusammen.

## Schritt für Schritt

1. 1 ### Schritt 1: Passende Kits wählen

   Anhand des Geschäftsmodells festlegen, welche Kits das Projekt braucht, zum Beispiel Shop und Retail und Multichannel für einen Händler mit Filialen.
2. 2 ### Schritt 2: Bausteine im Studio finden

   Im Studio die Section-Bibliothek öffnen und nach Growth Kit filtern. Die Sections des Kits erscheinen gesammelt.
3. 3 ### Schritt 3: Seite aufbauen und anpassen

   Sections auf der Seite platzieren, mit Inhalten oder Shopdaten füllen und das Erscheinungsbild über die Design-Tokens anpassen.

## Häufige Fragen

Können mehrere Growth Kits in einem Projekt genutzt werden?

Ja. Kits sind kombinierbar und teilen dieselben Design-Tokens. Ein Shop mit Filialen nutzt zum Beispiel Shop und Retail und Multichannel gemeinsam.

Was ist der Unterschied zwischen Growth Kit und Blueprint?

Ein Growth Kit ist ein Satz von Bausteinen. Ein Blueprint ist eine vorkomponierte Start-Site, die aus diesen Bausteinen gebaut ist und im Studio weiterentwickelt wird.

Verändert ein Growth Kit das Design der bestehenden Seiten?

Nein. Ein Kit fügt nur neue Bausteine hinzu. Das Erscheinungsbild aller Bausteine folgt den Design-Tokens des Projekts.

Lassen sich eigene Sections ergänzen?

Ja. Entwickler definieren eigene Sections und Blocks in einer App. Diese erscheinen im Studio neben den Bausteinen der Growth Kits.

## Passend dazu

- [Sections finden: Bibliothek, Growth Kits, Tags und Suche](https://academy.laioutr.com/artikel/sections-finden-bibliothek-growth-kits-tags-suche)4 Min.

  Der Dialog zum Hinzufügen einer Section ordnet alle installierten Sections nach Paketen, filtert nach Growth Kit und Tags und bietet eine Suche, damit die passende Section schnell gefunden ist.
- [Projekt aus einem Blueprint starten](https://academy.laioutr.com/artikel/projekt-aus-einem-blueprint-starten)5 Min.

  Beim Anlegen eines Projekts wird ein Blueprint gewählt, eine vorkomponierte Start-Site passend zu Branche und Geschäftsmodell, deren Seiten danach in Studio angepasst werden.
- [Design-Tokens und Themes verstehen](https://academy.laioutr.com/artikel/design-tokens-und-themes-verstehen)6 Min.

  Design-Tokens sind benannte Variablen für Farben, Schriften, Abstände, Radien und Effekte, auf denen jede Komponente von Laioutr UI aufbaut. Ein Theme belegt diese Tokens mit konkreten Werten und ändert so das Aussehen der gesamten Storefront, ohne Komponenten anzufassen.

## [Growth Kits und Add-ons](https://academy.laioutr.com/leitfaeden/growth-kits-und-add-ons)

In diesem Leitfaden suchen

1. [Growth Kits: Bausteine je Geschäftsmodell](https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell)5 Min.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "de",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "workTranslation": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#/schema/question/3"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#/schema/question/4"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Storefront-Funktionen",
          "item": "https://academy.laioutr.com/bereiche/storefront-funktionen",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Growth Kits und Add-ons",
          "item": "https://academy.laioutr.com/leitfaeden/growth-kits-und-add-ons",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Growth Kits: Bausteine je Geschäftsmodell",
          "item": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Können mehrere Growth Kits in einem Projekt genutzt werden?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Kits sind kombinierbar und teilen dieselben Design-Tokens. Ein Shop mit Filialen nutzt zum Beispiel Shop und Retail und Multichannel gemeinsam.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Was ist der Unterschied zwischen Growth Kit und Blueprint?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ein Growth Kit ist ein Satz von Bausteinen. Ein Blueprint ist eine vorkomponierte Start-Site, die aus diesen Bausteinen gebaut ist und im Studio weiterentwickelt wird.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Verändert ein Growth Kit das Design der bestehenden Seiten?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Nein. Ein Kit fügt nur neue Bausteine hinzu. Das Erscheinungsbild aller Bausteine folgt den Design-Tokens des Projekts.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/growth-kits-bausteine-je-geschaeftsmodell#/schema/question/4",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Lassen sich eigene Sections ergänzen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Ja. Entwickler definieren eigene Sections und Blocks in einer App. Diese erscheinen im Studio neben den Bausteinen der Growth Kits.</p>"
      }
    }
  ]
}
```