Webdesign-Trend: Bento Grid
![Webdesign-Trend: Bento Grid](https://assets-global.website-files.com/65b286d5477e3230d827ca27/66101b96fab687b48d7cf2d7_bento-box-layout-2.jpg)
Das Konzept des Bento Grids
Die Bento Box stammt aus Japan und ist ein Behälter, in dem Speisen transportiert werden. Die japanische Version einer Brotdose sozusagen. Eine Bento Box ist in der Regel in mehrere Fächer unterteilt, um verschiedene Lebensmittel wie Reis, Gemüse, Fleisch oder Süßes voneinander zu trennen. Oft können Abschnitte auch modular angeordnet und individuell angepasst werden.
Von dieser Art der Anordnung leitet sich der Webdesign Trend „Bento Box“ oder auch „Bento Layout“ oder „Bento Grid“ ab. Das Konzept findet im Webdesign und Interface-Design von Apps immer größere Beliebtheit. Dabei wird genau gleich vorgegangen wie beim japanischen Original:
- Man nimmt eine vorgegebene Fläche
- Unterteilt sie in ein grobes Raster, zum Beispiel 3x3
- Und unterteilt die Flächen in nochmal kleinere Flächen
- Am besten unregelmäßig
![Original Bento Box mit verschiedenen Speisen](https://assets-global.website-files.com/65b286d5477e3230d827ca27/6613e7c8debf13f891ca413b_bento-box-meal.jpg)
Was das Bento Grid Layout gut kann
Ein Bento Grid eignet sich hervorragend um:
- verschiedene Inhalte kompakt an einem Ort zeigen
- Trockene Zahlen ansprechend darstellen
- Produkt Features in Szene zu setzen
- Besonders gut sieht es aus wenn man Text, Bild, Video oder Illustration kombiniert
- Außerdem gut geeignet für eine Übersicht an Produkten, Blog-Beiträgen, Referenzen
![DJI Webdesign als Bento Grid](https://assets-global.website-files.com/65b286d5477e3230d827ca27/6613e8099772ce2852feb172_clt445xgu0000gkpst72t4qt3.webp)
![Bolt Webdesign als Bento Grid](https://assets-global.website-files.com/65b286d5477e3230d827ca27/6613e896f9e3636cb3a0571c_clsbogl1s004cers3fygg6hgw.webp)
![Webdesign von Gitness als Bento Grid](https://assets-global.website-files.com/65b286d5477e3230d827ca27/6613e9819fde1b757589e83f_gitness.jpg)
![Website von Pipe.com als Bento Grid](https://assets-global.website-files.com/65b286d5477e3230d827ca27/6613e9b03caee71b85545ae0_clt2tg88v0001eb7rvthw7dfb.webp)
![Vorteile als Bento Grid Webdesign](https://assets-global.website-files.com/65b286d5477e3230d827ca27/6613e990ca9e0e42dc3dc92a_novu.jpg)
Und was das Bento Grid Layout nicht so gut kann
Die Stärken des Bento Grids können gleichzeitig auch Schwächen sein, wenn man es für die falschen Inhalte einsetzt:
- Keine klare Hierarchie der Inhalte
- Alle Elemente erregen ähnlich viel Aufmerksamkeit
- Kann überfordernd wirken
![Webseite von Dev.hire als Bento Grid](https://assets-global.website-files.com/65b286d5477e3230d827ca27/6613e99dc2132f13c175593b_original-7bc26d8a88ab53d24310294bc8813218.png)
Fazit
Wie ihr in den Beispielen seht, kann ein Bento Gridein echter Hingucker sein! Wenn es mit den richtigen Inhalten gefüllt ist und visuell ausgewogen ist können Sie ein Design enorm aufwerten. Gefällt auch der Webdesign-Trend? Habt ihr schon mal mit einem Bento Grid gearbeitet? Hinterlasst mir gerne eine Nachricht mit eurem Feedback.
Noch mehr Inspiration findet ihr außerdem hier: www.bentogrids.com
![Bento Grids Inspiration](https://assets-global.website-files.com/65b286d5477e3230d827ca27/6613e6e4c0b983644d5ddd3f_bentogrids.jpg)