#

UI・UX

#

Web

#

アプリ

#

ディレクション

コミュニティアプリ「BASE FOOD Labo」
ビジュアルリニューアル

研究員として、BASE FOODを一緒につくる場所へ。

BASE FOODは、主食を通じて健康的な食生活を提案するフードテックブランドです。
定期購入者限定コミュニティ「BASE FOOD Labo」のアプリ内グラフィックを全面的にリニューアルしました。
課題は、「研究員としてBASE FOODを一緒につくる場所」「ユーザー同士やスタッフとのつながりを育てる場所」という、Labo独自の価値が既存のビジュアルから十分に伝わっていなかったことです。
そこで、コミュニティの役割とブランドメッセージを整理し、約50点のバナーやイラストへ展開。さらに、継続的な運用でも品質と世界観を保てるテンプレートを整備し、アプリ全体のビジュアルを刷新しました。

クライアント

-

BASE FOOD株式会社

制作年

-

2025 ~ 現在

URL

-

https://labo.basefood.co.jp/view/home

着手時の課題

色・イラスト・表記のトーンが混在し、Labo全体の一貫性が弱かった
BASE FOODらしさと、コミュニティに参加する楽しさが伝わりにくかった
既存プラットフォームの制約内で、実装可能な表現へ落とし込む必要があった

デザインと運用設計

BASE FOOD JOURNALの既存イラストを起点に、線・配色・デフォルメの特徴を体系化
不足するモチーフは新規制作し、黄色と内容に沿ったイラストで約50点を統一
レイアウトと合成フォントをテンプレート化し、継続運用できる制作基盤を整備

写真とテイストの異なるイラストが混在し、情報の見せ方にもばらつきがあった既存バナーを見直しました。
イラストの表現や写真との組み合わせ方を統一し、タイトルの位置や文字組みのルールを整理。目的の弱い装飾を削ることで、内容をひと目で理解できる、一貫性のあるバナーデザインへ再設計しました。

複数のページを行き来するアプリだからこそ、ユーザーが現在地を把握し、必要な情報や次に取る行動を直感的に選べることを重視しました。
各クリエイティブでは、内容に適したイラストと情報の優先順位を設けながら、配色や文字組みなどの共通ルールによってLabo全体の世界観を統一。分かりやすさと楽しさを両立し、毎日自然に開きたくなる心地よい体験を一つひとつ設計しました。

結果・反応・学び

リニューアル週登録者の翌週再訪率が25.1%へ向上（従来16.1〜21.5%）
新CAMPカテゴリーの訪問数が増加し、現在地や次の行動を捉えやすい体験へ
完成物だけでなく、要件・ルール・レビュー方法まで含めて設計する重要性を学んだ

実績一覧

Other Works

事例タイトル

Web / App / Logo

事例タイトル

Web / App / Logo

事例タイトル

Web / App / Logo

事例タイトル

Web / App / Logo

全ての仕事へ

CONTACT

ご覧いただきありがとうございます。

デザインのご依頼や制作に関するご質問など、どんなことでもお気軽にお問い合わせください。

お問い合わせ

arare

制作実績

テキスト

お問い合わせ

#

UI・UX

#

Web

#

アプリ

#

ディレクション

コミュニティアプリ「BASE FOOD Labo」
ビジュアルリニューアル

研究員として、BASE FOODを一緒につくる場所へ。

BASE FOODは、主食を通じて健康的な食生活を提案するフードテックブランドです。
定期購入者限定コミュニティ「BASE FOOD Labo」のアプリ内グラフィックを全面的にリニューアルしました。
課題は、「研究員としてBASE FOODを一緒につくる場所」「ユーザー同士やスタッフとのつながりを育てる場所」という、Labo独自の価値が既存のビジュアルから十分に伝わっていなかったことです。
そこで、コミュニティの役割とブランドメッセージを整理し、約50点のバナーやイラストへ展開。さらに、継続的な運用でも品質と世界観を保てるテンプレートを整備し、アプリ全体のビジュアルを刷新しました。

クライアント

-

BASE FOOD株式会社

制作年

-

2025 ~ 現在

URL

-

https://labo.basefood.co.jp/view/home

着手時の課題

色・イラスト・表記のトーンが混在し、Labo全体の一貫性が弱かった
BASE FOODらしさと、コミュニティに参加する楽しさが伝わりにくかった
既存プラットフォームの制約内で、実装可能な表現へ落とし込む必要があった

デザインと運用設計

BASE FOOD JOURNALの既存イラストを起点に、線・配色・デフォルメの特徴を体系化
不足するモチーフは新規制作し、黄色と内容に沿ったイラストで約50点を統一
レイアウトと合成フォントをテンプレート化し、継続運用できる制作基盤を整備

写真とテイストの異なるイラストが混在し、情報の見せ方にもばらつきがあった既存バナーを見直しました。
イラストの表現や写真との組み合わせ方を統一し、タイトルの位置や文字組みのルールを整理。目的の弱い装飾を削ることで、内容をひと目で理解できる、一貫性のあるバナーデザインへ再設計しました。

複数のページを行き来するアプリだからこそ、ユーザーが現在地を把握し、必要な情報や次に取る行動を直感的に選べることを重視しました。
各クリエイティブでは、内容に適したイラストと情報の優先順位を設けながら、配色や文字組みなどの共通ルールによってLabo全体の世界観を統一。分かりやすさと楽しさを両立し、毎日自然に開きたくなる心地よい体験を一つひとつ設計しました。

結果・反応・学び

リニューアル後の効果測定では、リニューアル週に登録したユーザーの翌週再訪率が25.1%となり、従来の16.1〜21.5%を上回りました。
一方で、来訪をその後の行動や継続利用につなげる点には、改善の余地が残りました。
情報の見つけやすさに加え、利用者が「自分のために使いたい」と感じる価値が重要だと考えました。投稿や交流に積極的でない人にも、日常的に利用する理由をつくるという点です。
さらなる改善案として、食べた商品の記録を起点に、BASE FOODから摂った栄養の振り返り、味や食べ応えのフィードバック、次回の定期便の見直しまでをつなぐ体験を提案したいと考えています。
自分に合う食べ方や商品を見つけられることが、継続利用のきっかけとなり、商品やブランドへの愛着を育むのではないかと捉えています。