← Back to work
Cooking Service / UI & Brand Design

Cook on

料理動画レッスンを販売・視聴できるクッキングサービスです。新規プロジェクトの立ち上げから参画し、ビジュアルコンセプト、ロゴ、アプリ全体のUIデザインまで担当しました。

Period 2022
Role UI Design, Brand Design, Visual Concept
Scope 新規サービス立ち上げ / ロゴ / アプリUI / ビジュアル設計
Tools Figma / Illustrator
Cook on project visual

担当した領域

01 / Brand Concept

ビジュアルコンセプト設計

料理を学ぶ楽しさと、動画レッスンとしての分かりやすさが伝わるサービスの見え方を設計しました。

  • サービスのビジュアル方向性整理
  • ロゴデザイン制作
  • カラー・トーンの検討
  • アプリ全体に展開しやすい世界観づくり
制作・提案したアウトプット
ロゴ、カラー、ビジュアルコンセプト、トーン設計。
担当したこと
サービスの第一印象をつくる要素を整理し、料理サービスらしい親しみやすさと信頼感が伝わるデザインにしました。
02 / App UI

アプリ全体のUIデザイン

レッスンを探す、購入する、視聴するまでの一連の流れを、スマートフォンで使いやすいUIとして設計しました。

  • ホーム・カテゴリ・詳細画面のUI制作
  • 動画レッスン購入導線の設計
  • レッスン詳細情報の整理
  • 視聴体験を考慮した画面設計
制作・提案したアウトプット
アプリ主要画面UI、購入導線、レッスン詳細画面、視聴画面。
担当したこと
ユーザーがレッスン内容を判断しやすく、購入後も迷わず視聴できるよう、情報設計と画面遷移を整えました。
03 / Design Expansion

UI展開と画面整合性

複数画面にまたがるサービスとして、UIの見た目と使い勝手が一貫するように画面展開を行いました。

  • 共通UIパーツの整理
  • 一覧・詳細・購入フローの整合性確認
  • コンテンツ量に応じたレイアウト調整
  • 提案用モックアップ制作
制作・提案したアウトプット
画面展開案、UIパーツ、提案モックアップ。
担当したこと
追加画面にも展開しやすいよう、UIのルールと余白、情報量のバランスを調整しました。
Cook on UI output