![見出し画像](https://assets.st-note.com/production/uploads/images/98719343/rectangle_large_type_2_da2ec72fa0ea3f96c9f23f347d3a3b6a.png?width=1200)
Bento.me 10分でプロフィールページを作った
最近アカウントをいろいろ増やしたので、プロフィールとして使えるリンクまとめサービスを探していました。
そこで、簡単そうなBento.meで作ってみたら大正解✨操作がシンプルで、かわいい!小さなブロックが敷き詰められるデザインで、工夫次第でいろいろ表現できます。10分以内でできますのでぜひ試してみてください。
We just launched our biggest update to date at @joinbento:
— Eike Drescher (@eikedrescher) February 7, 2023
Now you have full control over your mobile Bento! 📲 pic.twitter.com/XT1WHP89nQ
こんな感じでできました👇
お弁当のように詰め詰め
Bento.meってやっぱりお弁当だよね?と調べたら、もちろんお弁当がコンセプトだった🍱
グリッドレイアウトのUIのことをBentoって呼んだりするらしい。
🎨 A story about how the @joinbento brand came to be.⁰⁰
— Eike Drescher (@eikedrescher) January 12, 2023
Back in early Nov 2021, we decided to pivot towards building a place to aggregate everything you are, create and sell online.
After creating first concepts, we started writing down every name idea that came to mind. pic.twitter.com/cglXOaz6XL
To us, “Bento” was the perfect one 🍱
— Eike Drescher (@eikedrescher) January 12, 2023
It met all our requirements and most importantly, it hinted at our grid-based UI!
Even Apple allegedly calls their famous feature announcement grids “Bentos” internally 😊 pic.twitter.com/3pjDeNefvA
きれいに並べて詰め詰めするのはまさにお弁当✨日本の美意識が反映されてる…!
Notionも一行目のコードは京都滞在中に生まれたと仰っていたし、スティーブ・ジョブスも禅に傾倒していたし、日本の「ストイックな美意識」「禅的思考・シンプルさ・潔さ」が与えるインスピレーションってすごいんだな〜って思うと嬉しくなる。
では作り方を簡単に紹介します。
Bento.me 作り方
1. 希望のアカウント名を入れる
![](https://assets.st-note.com/img/1677144619015-TbA6QstgmJ.png?width=1200)
2. メールアドレス&任意のパスワードを決める またはGoogleでサインアップする
![](https://assets.st-note.com/img/1677144669419-lEbmA1DU0N.png?width=1200)
3. 名前・アイコン画像・プロフィールテキストを入れる
![](https://assets.st-note.com/img/1677144711303-4Swh9NMXmA.png?width=1200)
4. 各サービスのURL・画像・見出しを追加する
選択肢は「リンク」「画像or動画」「見出し」この3つ!
![](https://assets.st-note.com/img/1677144725129-KYxwPoaosv.png?width=1200)
こんな感じでどんどん並べていく👌
![](https://assets.st-note.com/img/1677144744860-5zoScwdJ0b.png?width=1200)
5. モバイル版の見え方を確認する
思ったように並んでなかったりするので並び替え。
![](https://assets.st-note.com/img/1677144766023-vhshHChBXt.png?width=1200)
6. 完成!
![](https://assets.st-note.com/img/1677144951049-yR631hn91d.png?width=1200)
使用感
ブロックで追加していく感じで、選択肢もシンプルなので迷いが少ないです。Notionユーザーはもちろん簡単に使用できます。細かく自分で作り込みたい人よりは、サクッといい感じにまとまればOKという方に向いていると思います。
操作ががとってもシンプルでかわいくて、即お気に入りになりました。
ユーザーの作例
ここでたくさんの作例が見られます♪こんなサービスもあるんだ〜とか知れたり、画像で見せ方を工夫したり、インスピレーションの宝庫!
おわりに
今回は、簡単ですぐにプロフィールページが作れるBento.meを紹介しました。類似サービスはたくさんありますが、シンプルで使い勝手がいいのでおすすめです!
この記事が気に入ったらサポートをしてみませんか?