経営・会計教育サービスのLPデザイン移行・不足画面設計

経営・会計教育サービスの既存LPデザインを、PhotoshopからFigmaへ移行しました。既存の表現を引き継ぎながら、不足していた画面を追加で制作しています。

Figma上では、学習コンテンツの一覧・詳細、イベントの一覧・カレンダー・詳細、個別相談、質問、通知、会員情報などのPC・スマートフォン向け画面を整理しました。

下層ページの制作対象は46画面フレーム（PC23・スマートフォン23）です。既存のPhotoshopデザインのFigma化と不足画面の追加設計を合わせた対象数であり、46画面すべてが新規デザインという意味ではありません。トップページのPC・スマートフォン向けデザインは、この下層46画面とは別に展開しています。

画面数は2026年9月5日時点のFigma上の下層ページ領域で集計しています。PC・スマートフォン版、同名の画面や状態違いはフレーム単位で数え、参照用スクリーンショット1点は除外しました。移行分と新規追加分の個別画面数は、制作履歴から確定できないため分けて表記していません。

鶴谷がデザインディレクションを担当し、画面デザインはFunterUのデザイナーが制作しました。守秘義務により、顧客名、サービス名、実画面および制作データは非公開です。

既存デザインと必要な画面を照合し、移行する画面と追加制作が必要な画面を整理しました。トップと下層の表現を揃え、PC・スマートフォンの利用場面に合わせてデザインを展開しています。

デザインをどのようにコードへ起こすかについて、エンジニアの視点から助言しました。開発担当者が着手しやすいようコードの雛形まで作成し、デザインと実装をつなぐ準備を行いました。

デザイン部分のディレクションから画面制作までをFunterUのチーム体制で担当しました。鶴谷がディレクションを行い、具体的な画面デザインはFunterUのデザイナーが制作しています。

守秘義務により、クライアント名、サービス名、実画面および制作データは非公開としています。本実績では、担当範囲と一般化した設計・制作プロセスを紹介しています。