Qu’est-ce que le bento design ?
Vous avez sûrement déjà vu passer des planches comme celles-ci, qui servent de support de présentation pour des projets graphiques, comme des identités visuelles. Elles comportent différents modules, généralement rectangulaires avec des bords arrondis, permettant de montrer facilement divers aspects du projet tout en gardant un rendu très esthétique et agréable à l’œil.
Ce concept vient du “bento”, ces boîtes-repas japonaises divisées en compartiments pour accueillir plusieurs préparations. À l’origine, les Japonais y mettaient le riz dans de petits récipients pour le transporter et le consommer lors de déplacements : cela remonte à l’époque de Kamakura (XIIᵉ–XIVᵉ siècles). Au fil du temps, les bentos ont évolué avec des plats variés et des boîtes modernisées. Comme on peut le voir sur ces images, cette présentation segmente visuellement divers ingrédients avec des rectangles de tailles variées, rendant le tout digeste et attractif.
Mais alors, d’où vient l’idée ?
Il est difficile d’attribuer cette création à une seule source : comme beaucoup de tendances, elle est apparue naturellement. On peut néanmoins citer une première ébauche avec l’interface de Windows 8, qui présentait ses applications sous forme de tuiles.
Dans un monde où dominent la sobriété visuelle et le branding épuré, il était nécessaire de proposer un format simple, facilement adaptable à toutes les marques et parlant immédiatement aux utilisateurs. Apple a popularisé cette approche en présentant ses nouveaux produits de cette manière ; compte tenu de son influence sur le design, on peut dire que c’est en grande partie grâce à elle que la tendance du bento design a explosé. Depuis, de nombreux créatifs ont repris cette tendance, la rendant omniprésente dans divers projets. Ici, on transpose le même principe au graphisme en mettant en avant les sections importantes par des blocs plus grands, tout en affichant d’autres informations de manière distincte.
La division de l’écran facilite la lecture, car les contenus ne sont pas condensés au même endroit mais répartis. Accessible et visuellement percutante, cette tendance allie simplicité visuelle et efficacité informationnelle. On peut la voir comme une version modernisée du moodboard.
Alors comment utiliser le Bento design pour sa marque ?
Ce style de design, grâce à son agencement et à sa simplicité, est facilement déclinable pour n’importe quelle marque. Le bento est une forme moderne de présentation des objectifs, du design et bien d’autres éléments.
- Identité visuelle : le style bento est souvent utilisé pour présenter une identité visuelle. Proposer plusieurs éléments clés d’un style global permet d’offrir une vue d’ensemble du projet et de mettre en avant, d’un seul coup d’œil, la typographie, le code couleur, l’iconographie et l’utilisation de la charte visuelle.
- Présentation de produit : présenter un objet avec un bento est également courant. Dans la même logique que pour l’identité visuelle, on y montre les objectifs, les caractéristiques et les mises en situation de ce dernier.
- Sites internet : cette tendance est répandue sur les sites web pour présenter les services d’une entreprise. Elle permet de découper les informations en sections distinctes et de les illustrer facilement, offrant ainsi une aide visuelle à l’utilisateur pour mieux comprendre les enjeux. L’un des atouts du bento design sur le web est sa responsivité : il s’adapte aisément à toutes les tailles d’écran.
- Applications mobiles et CRM : il se peut que vous utilisiez quotidiennement une application dont l’ergonomie s’inspire directement du bento design. On retrouve ce principe dans des logiciels célèbres comme Notion, Dropbox ou bien Spotify.
Les designers savent toujours améliorer l’existant et le personnaliser selon leurs envies ! Et puisqu’on est là aussi pour se faire plaisir visuellement, voici une planche d’exemples de bento design, à la fois originaux, parlants et très inspirants.
Comment faire un bento design ?
La création d’une présentation de ce genre n’est vraiment pas complexe et nécessite surtout une bonne organisation des informations : il suffit d’aligner des blocs à bords arrondis (c’est mieux !) les uns à côté des autres, avec des espacements identiques.
Petit conseil : partez d’une grille pour créer vos zones, ce sera beaucoup plus simple pour ajuster les espacements et garantir une taille homogène entre vos blocs.
La composition varie surtout en fonction du nombre de visuels à intégrer, des parties importantes à mettre en avant et des jeux colorimétriques ou de style à privilégier.
Aussi, si vous utilisez Figma, vous avez accès à un plugin nommé « Bento Grid Maker » qui vous génèrera des grilles utilisables et personnalisables selon vos besoins.
