How to Bento Grid erstellen

Verwandle mit dem Designtrend Bento Grid ein 08/15 Layout auf Deiner Website in ein modernes, ansprechendes Design. Ich zeige Dir im Video, wie Du das machst đŸ±

Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die SchaltflÀche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

Vom klassischen Blocklayout zum stylischen Bento Grid

In diesem Video zeige ich Dir, wie Du ein herkömmliches Layout mit sechs Blöcken in einen modernen und angesagten Bento Grid verwandelst – ganz einfach mit Elementor und dem Rasterlayout.

Ich zeige Dir,

  • wie Du das Raster in Kombination mit Containern verwendest
  • wie Du einen flexiblen, responsiven Grid erstellst
  • Wie Du Bilder und Texte optimal platzierst
  • Wie Du mit InnenabstĂ€nden Dein Design „atmen“ lĂ€sst

Aber zuerst: Was ist ein Bento Grid?

Bentƍ ist eine in der japanischen KĂŒche verbreitete Darreichungsform von Essen in einer speziellen Box, bei der mehrere Speisen durch FĂ€cher voneinander getrennt sind.

Im Webdesign ist ein Bento Grid ein Raster, das die Idee der japanischen Bentƍbox nutzt, um Inhalte klar voneinander abzugrenzen, aber dennoch stylisch darzustellen.

Ein Bento Grid in Aktion

So kannst Du zum Beispiel ein etwas langweiliges Kastenlayout optisch aufwerten, hier ein Vorher-Nachher-Vergleich (einfach mit der Maus den Regler verschieben):

Ein Kastenlayout auf einer Website mit 6 Feldern als Container vor dem Bento Grid. Ein ansprechendes Design im Bento Grid auf einer Website nachher.

Lass Dich inspirieren und verleih auch Deiner Website mit wenig Aufwand einen frischen, modernen Look! 😁

Tool-Tipps

Elementor Pro*

*Affiliate-Link. Wenn Du ĂŒber diesen Link etwas kaufst, kostet es Dich nichts extra, aber ich erhalte eventuell eine kleine Provision, die ich direkt in mein GalĂŁo Projekt reinvestiere 😊

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Über mich
Britta Just lÀchelt in die Kamera.
Hi, ich bin Britta đŸ–ïž
Hier teile ich mein Wissen rund um modernes Webdesign und gebe Dir Tipps, wie Du Deine Website in eine Marketing­maschine verwandelst, die Dein Angebot auch dann verkauft, wenn Du im Urlaub bist oder Zeit mit Deinen Liebsten verbringst.
Aktuelles
Cover des Mini-Guides "Mach Dein Angebot auf Deiner Website sichtbar".
Mach Dein Angebot auf Deiner Website sichtbar

Hol Dir meinen Mini-Guide mit Tipps, wie Du Dein Angebot auf Deiner Website sichtbar machen kannst 👇

Weitere Artikel
Fast fertig & Danke Seiten: BestÀtige Deinen Besucher:innen, dass ihre Aktion erfolgreich war, und kom­muni­ziere klar den nÀchsten Schritt.
Yeah, ab in den Urlaub! So machst Du Deine Website startklar fĂŒr die Sommerpause, damit Blog, Newsletter und VerkĂ€ufe auch in Deiner Abwesenheit weiterlaufen.
ZeitabhĂ€ngige Sichtbarkeit: So zeigst Du mit dem Plugin „Dynamic Visibility“ Inhalte auf Deiner Webseite nur zu bestimmten Zeiten an – knackig erklĂ€rt im Video!
Kontaktseite optimieren: Mach es anderen leicht, in Ver­bindung mit Dir zu treten und gib Deinen Besucher:innen das gute GefĂŒhl „Hier darf ich mich melden“.
Formulare gestalten: So machst Du Anmeldung, Kontakt & Buchung fĂŒr Deine Besucher:innen so einfach wie verstĂ€ndlich und stĂ€rkst mit konkretem Feedback Vertrauen.
Mit Speck fÀngt man bekanntlich MÀuse. Wie Du mit Mehrwert News­letter-Abonnent:innen gewinnst und dank Lead Magnet, Freebie & Co Deine Liste wachsen lÀsst.