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

アプリ

ディレクション

人と人のつながりを支える、社員証・オンライン背景のデザイン

対面でも、画面越しでも。TVerらしいコミュニケーションの接点を整える。

社員数の増加に伴う「名前と顔が一致しない」という課題をきっかけに、社員証をリニューアルしました。社員アンケートで日々の使い方や掲載情報への意見を集め、複数案とモックアップによる検証を実施。
あわせてオンラインミーティング用の背景も制作し、対面・オンライン双方の接点でTVerらしさを伝えるツールを整えました。

クライアント

株式会社TVer

制作年

2025 ~ 2026

プロジェクト構成

社員証リニューアル / オンラインミーティング用背景制作

担当領域

コンセプト設計 / デザイン / ディレクション / 制作進行 / 運用設計

成果・反応

社員証の導入後は、「対面で名前と顔が一致し、名前を呼び合うコミュニケーションが生まれた」との声がありました。
日常的に使う小さなツールを通じて、社員同士のつながりを支える取り組みとなりました。