---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/lektionen/frontend-manager-landingpage-bauen"
locale: de
meta:
  "og:title": "Academy Lesson"
---

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

- [Agentic Frontend Manager](https://academy.laioutr.com/lernpfade/lernpfad-frontend-manager)

- [Landingpage aus vorhandenen Sections bauen](https://academy.laioutr.com/lektionen/frontend-manager-landingpage-bauen)

Landingpage aus vorhandenen Sections

# Landingpage aus vorhandenen Sections bauen

12 Min.

Eine Landingpage entsteht in Studio aus Sections, die das Projekt schon mitbringt: Hero, Card Grid, Testimonials, CTA oder Produktslider. Diese Lektion zeigt, wie aus einem Briefing eine Seitenstruktur wird, wie passende Sections in der Bibliothek gefunden werden und wie die Seite ohne Entwicklungsaufwand fertig wird.

## Das Wichtigste in Kürze

- Ein Briefing wird zuerst in eine Abfolge von Sections übersetzt.
- Die Bibliothek bietet Filter nach Tags und Growth Kits.
- Eine Landingpage braucht keine Entwicklung.

## Weiterlesen

- [Landingpage aus vorhandenen Sections bauen](https://academy.laioutr.com/artikel/landingpage-aus-vorhandenen-sections-bauen)10 Min.

  Eine Landingpage entsteht in Studio als Seite vom Typ Landing Page mit eigenem Pfad und wird aus installierten Sections zusammengesetzt: Hero, Inhalte, Produktslider mit Shopdaten, Header und Footer als globale Sections.
- [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.
- [Inhalts-Sections: Hero, Banner, Grids, Zitate, Logos und Promotion](https://academy.laioutr.com/artikel/inhalts-sections-hero-banner-grids-zitate-logos)8 Min.

  Laioutr UI bringt fertige Inhalts-Sections wie Hero Slider, CTA-Banner, Card Grids, Testimonials, USP Banner, Logo Slider, Galerie und Promotion Banner mit. Redaktionen platzieren sie in Studio, füllen sie mit eigenen Inhalten und passen Größe, Ausrichtung und Hintergrund an.

## 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/lektionen/frontend-manager-landingpage-bauen#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/lektionen/frontend-manager-landingpage-bauen",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/lektionen/frontend-manager-landingpage-bauen#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/lektionen/frontend-manager-landingpage-bauen"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/lektionen/frontend-manager-landingpage-bauen#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Agentic Frontend Manager",
          "item": "https://academy.laioutr.com/lernpfade/lernpfad-frontend-manager",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Landingpage aus vorhandenen Sections bauen",
          "item": "https://academy.laioutr.com/lektionen/frontend-manager-landingpage-bauen",
          "position": 3
        }
      ]
    }
  ]
}
```