#

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

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

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

お問い合わせ

Copyright © 2025 arare. All Rights Reserved.

arare

制作実績

テキスト

テキスト

お問い合わせ

arare

制作実績

テキスト

テキスト

お問い合わせ

お問い合わせ

#

UI・UX

#

Web

#

アプリ

#

ディレクション

見たい、試したいをつくる。
TVerの広告・特集バナーデザイン

移動中の接点から、視聴体験へつなげる。

TVerの新機能「ショート動画」を知らせる電車内ステッカー広告と、サービス内の特集バナーを担当しました。
電車広告では、通勤中の行動や心理をカスタマージャーニーマップで整理し、新機能の認知から利用へのきっかけを設計。特集バナーでは、季節や作品ごとの魅力を視覚化し、「見てみたい」と感じる入口づくりに取り組みました。

クライアント

-

株式会社TVer

制作年

-

2025 ~ 2026

プロジェクト

電車内ステッカー広告

担当領域

要件整理 / カスタマージャーニーマップ作成 / コンセプト設計 / デザイン / 制作進行

01|行動と心理から、広告の訴求を整理
通勤中に広告を目にしてから、新機能を知り、検索し、試すまでの行動と心理を整理。「ショート動画の登場」を主軸に、短時間で楽しめる価値と利用への導線を検討しました。

02|新機能の魅力を、一枚の広告へ
新機能の告知、通勤中に楽しめるメリット、検索ワードの順に情報を整理。
スマートフォンの画面とイラストを組み合わせ、ショート動画から本編まで楽しめる体験を伝えました。
デザインから入稿データの作成まで担当しています。

プロジェクト

シーズナル特集バナー

担当領域

要件整理 / 特集バナーのデザイン / 制作進行

特集ごとの世界観を、サービス内の接点へ
春・冬のドラマ、ホラー、作家・俳優特集など、継続的な特集バナー制作を担当。テーマに合わせて色・書体・モチーフを使い分け、企画の雰囲気と内容が伝わる表現にまとめました。掲載イメージとともに、作品との出会いをつくるクリエイティブを紹介しています。

設計・アウトプット

電車広告では、通勤中の行動と心理を起点に、新機能の認知から利用につながる情報を整理。特集バナーでは、企画ごとの世界観を表現し、視聴のきっかけとなるクリエイティブを制作しました。
媒体や接触シーンに応じて、伝える内容と見せ方を組み立てています。

CONTACT

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

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

お問い合わせ

Copyright © 2025 arare. All Rights Reserved.