キリンホールディングス株式会社キリンホールディングス株式会社
icon_chevronicon_chevron
アニメ制作に携わるクリエイター支援サービス「YoKIRIN」のイラスト・デザイン・アニメーション制作支援
アニメ制作に携わるクリエイター支援サービス「YoKIRIN」のイラスト・デザイン・アニメーション制作支援
サービスビジョンを体現するサイトビジュアルのトータルプロデュース
nijibox_designparts
クライアント
キリンホールディングス株式会社
当社スコープ
新規事業立ち上げ
Webサイト構築・リニューアル
イラスト・アニメーション制作
体制

クライアント

  • キリンホールディングス株式会社様

ニジボックス

  • エグゼクティブディレクター:1名
  • 制作ディレクター:1名
  • アートディレクター:1名
  • デザイナー:1名
  • イラストレーター:2名
  • 映像ディレクター:1名
  • 映像クリエイター:1名
期間

要件定義フェーズ

  • 2023年2月〜2023年3月(2ヶ⽉)

制作フェーズ

  • イラスト制作:2023年3月〜5月(3ヶ⽉)
  • サイト制作:2023年4月〜6月(3ヶ⽉)
  • 動画制作:2023年4月〜5月(2ヶ⽉)
実施内容

要件定義

  • ビジュアル方針検討(メインビジュアル/ブランド表現)

サイト制作

  • 要件定義(要求事項の整理、IA設計、WF作成)
  • デザイン制作
  • イラスト制作
  • アニメーション制作
nijibox_designparts
クライアント課題
キリンホールディングス株式会社様は、アニメ制作に関わるクリエイターの健康をアニメファンがサポートできるWebサービス「YoKIRIN(よきりん)」の事業立ち上げを進めていました。課題検証やスモールPoCには取り組まれていましたが、本格的なサービス展開をするにあたって、サービスビジョンを具体的なビジュアルに落とし込んでいく必要がありました。
YoKIRINとは?

“ファンがお金を支払うことで、アニメ制作に携わるクリエイターの健康を継続的にサポートでき、そのリターンとして作品や制作にまつわるコンテンツを閲覧できるWebサービスです。YoKIRINにコンテンツを提供しているクリエイターは、リターンをファンに提供することで、健康の維持向上に役立つモノやサービスといった健康サポートを対価の支払いなく利用することができます。”

※キリンホールディングス株式会社『Why YoKIRIN?』より引用(https://yokirin.kirin.co.jp/Page/service.aspx

nijibox_designparts
ミッション
YoKIRINのサービスビジョンである「感謝と期待を込めた恩返し」が効果的に表現され、アニメファンから理解や共感を得られるようなサイトを制作する
No items found.
No items found.
nijibox_designparts
ソリューション
イラスト・デザイン・アニメーションを用いたビジュアルのトータルプロデュースを行いました。
nijibox_designparts
イラスト制作

一口にアニメ業界といっても、多様なジャンルの作品があり、クリエイターの職種もさまざまです。YoKIRINでは、あらゆるステークホルダーに広く共感してもらえるような世界観(情景、キャラクター、キャッチコピー)を作り出すことがキーでした。

ご担当者様がこれまでの経験や検証で得てきたユーザー理解(サービスに込める想い)をヒアリングし→その内容をイラストに落とし込み→ブラッシュアップする。という工程を繰り返し、メインビジュアルの世界観を共に作り上げました。

現実世界と乖離がないようなリアリティある風景、世界観を強化するための描き込みなどを工夫いたしました。

No items found.
nijibox_designparts
デザイン制作

メインビジュアルの世界観を作ることと並行して、ブランド表現(トーン&マナー)の策定も行い、あらゆるコンタクトポイントで統一したコミュニケーションを行うための土台を作りました。

サービスにとって特に大切にすべき点を言語化したことで、UIのあるべき姿も明確に定まり、心地よく使えるサイトをデザインすることができました。

また、サイトの実装は他の開発会社様が担当することになっており、プラットフォームの制約も考慮しながらデザインの制作を行いました。

No items found.
nijibox_designparts
モーション制作

サービスの魅力がより伝わるようにメインビジュアルのイラストに対してアニメーションを施し、併せてローディング画面のモーションも制作しました。

アニメーションでは、線画から徐々に着彩されて完成へ向かっていく様子を、ローディングモーションではYoKIRINのロゴにある鈴が左右に揺れて音が鳴る様子を表現しています。

サービス内容と親和性のある動きをつけたことで、インパクトのあるリッチなトップ画面を実現しました。

No items found.
nijibox_designparts
No items found.
nijibox_designparts
No items found.
nijibox_designparts
成果

YoKIRINのサービスビジョンである「感謝と期待を込めた恩返し」を、ノスタルジックで儚さと決意を感じられる心象風景で表現することで、世界観が伝わるサイトを実現しました。

弊社にて制作した各種制作物は開発会社様にて実装され、2024年春よりサービスが開始されています。

お客様の声
nijibox_designparts
キリンホールディングス株式会社
キリンホールディングス株式会社 ヘルスサイエンス事業部 新規事業グループ
奥村 雄実様
キリンホールディングス株式会社

新規事業の展開にあたり、事業としての提供価値や世界観を踏まえ、サービスデザインを具現化するうえでニジボックス様にご協力いただきました。コンセプトの落とし込みからサービス全体のUI設計まで、共に試行錯誤しながら取り組んで頂いたことで、一貫性のあるデザインを実現できたと感じています。特に印象的なメインビジュアルについては各所で好評を頂いております。ありがとうございました。

※本記事の内容は、記事作成当時の情報です
開発についてもお気軽にご相談ください
開発について詳しく見る
UI UXデザインのお役立ち情報を無料公開中!
nijibox_pattern
nijibox_資料ダウンロード
UI UXデザイン概要やその他の実績も掲載!
ニジボックスはリクルートのノウハウを活かし、お客様の事業フェーズに合わせて、UXデザインフローをご用意。課題に即したサービスを提供しております。
こんな方におすすめ
square
ニジボックスの強みを知りたい方
square
具体的なデザインフローを知りたい方
square
ご相談事例ごとの参考価格を把握したい方
ほかの実績
実績一覧へ戻る