Ciel Zero オンラインスクールLP制作

Overview

ゼロベースから伴走し、ターゲットの不安を希望に変える新規事業LPを構築

全国の高校生を対象とした、ITエンジニア養成プログラムの新規立ち上げに伴うLP(ランディングページ)の制作を担当しました。
具体的な要件や掲載する原稿が定まっていない段階から伴走し、サービスの打ち出し方や訴求方針の策定から、情報設計、ライティングまでを包括的に支援。受講を検討する学生とそのご家族の気持ちに寄り添うデザインと、段階的なすり合わせによる円滑なコミュニケーションを通じて、サービスへの理解や安心感を高め、未来へのポジティブな一歩を踏み出せるLPを実現しています。

クライアント
株式会社Ciel Zero
業種
IT・ソフトウェア
制作種別
LP(ランディングページ)
提供ソリューション
  • Webサイト制作
スコープ
LP(ランディングページ)の新規作成
プロジェクト期間
約2カ月
サイトURL
https://0kara.jp/online-pj/

PROJECT GALLERY

PROJECT GALLERY

PROJECT GALLERY

PROJECT GALLERY

PROJECT GALLERY

PROJECT GALLERY

Project Details

プロジェクト背景・課題

社会的意義の高いITエンジニアスクールの展開にあたり、学生本人とそのご家族にサービスの特徴や魅力を分かりやすく伝え、受講への理解や安心感につなげるLP制作が必要とされていました。 制作開始時点では、Web掲載用の原稿や具体的な構成はまだ定まっておらず、サービス内容や学生・ご家族のニーズを整理したうえで、「何を、どのように伝えるか」という方針を明確にすることが課題でした。そのため、クライアントからのインプットを丁寧に紐解き、サービスの打ち出し方からコンテンツ、画面構成までをゼロベースから具体化していくことが求められました。

成果

オンラインスクールを検討する学生とご家族の心理や検討プロセスを丁寧に捉え、構成案の作成からUI設計、ライティング、デザインまで、段階的に制作を進めました。

結果として、学生自身が新たな可能性に気づき、スクールに通う未来の姿を具体的にイメージできるLPが完成しました。

また、プロジェクトの進行管理や透明性の高いデザインの提案プロセス、そして最終的なアウトプットの品質においても、クライアントから高い評価をいただいています。


制作のポイント

具体的な原稿や構成が定まっていない中でもスムーズに制作を進められるよう、まずは大枠となるページ構成を提示。
クライアントからのインプットをもとに、認識をすり合わせながら情報を整理し、コンテンツ設計からライティングまで段階的に具体化していきました。
また、制作メンバーも打ち合わせに参加し、クライアントと直接意見を交わすことで、意図や要望を細やかに汲み取れる進行体制を構築。 デザインについては方向性の異なる3案を提示し、具体的なイメージを共有しながら検討することで、クライアント社内での共通認識やスムーズな合意形成につなげました。

プロジェクトにおける取り組みと工夫

段階的な情報設計で、ゼロベースから具体化

「何から考えればいいか分からない」というクライアントの不安に寄り添い、要件や完成イメージが定まっていない段階からでもスムーズに検討を進められるよう、段階を踏んで方向性を具体化していく進行プロセスを採用しました。
その第一段階として、サービスの全体像をもとに、ページの骨子となる構成案を作成。
掲載すべき情報とその優先順位を整理し、クライアントと目指す方向性を共有するための土台をつくりました。

掲載コンテンツ提案イメージ

構成案をもとに、ラフワイヤー、詳細なUI設計、デザインへと段階的に具体化。
各フェーズでクライアントと丁寧に認識をすり合わせながら、完成イメージを形にしていきました。

ラフUIから詳細UIへの変遷

エンジニア職の魅力を分かりやすく伝える情報設計とコンテンツ制作

学生向けサービスという特性を踏まえ、エンジニアという職業について、まだ具体的なイメージを持っていない学生にも、
「エンジニアとはどのような仕事なのか」「エンジニアを目指すことでどのような未来につながるのか」を直感的に理解できるよう、情報の構成や見せ方に加え、文脈や文章表現まで細やかに設計しています。

エンジニア解説コンテンツ

複雑になりがちなスクールのカリキュラムや特徴も、ユーザーが迷わず読み進められるよう情報を整理し、スムーズに理解できる構成を実現しました。

コンテンツの流れを示すフロー図

「誠実さ」と「ポジティブさ」を両立したデザイン

エンジニアを目指す学生の中には、これまでの学校生活や進路に悩みを抱え、新たな道を模索している方もいます。
そうした学生の気持ちにも寄り添い、安心感を持ってサービスを検討できるビジュアル表現を目指しました。

Ciel Zero様サイトデザイン

不安感を与えないよう、優しく誠実なトーンをベースにしつつも、スクールを通して得られる「未来への希望」を感じさせるポジティブな要素を両立させ、安心してサービスを利用してもらえるデザインに仕上げています。

比較検討しやすい提案と直接対話で、デザインの方向性を明確に

デザインの初稿段階では、方向性の異なる3パターンを提示。
クライアント社内で具体的なデザインを比較検討し、スムーズに方向性を決定できる環境を整えました。

Ciel Zero様デザインパターン

進行においては、UIデザイナーやクリエイティブデザイナーなどの制作メンバーもミーティングに参加。担当者様と直接顔を合わせてレビューを重ねることで、意図や要望を細やかに汲み取り、認識をすり合わせながらデザインをブラッシュアップしていきました。
こうした密なコミュニケーションを通じて、オンラインスクールの魅力を丁寧にデザインへ落とし込み、エンジニアという仕事の魅力や、スクールで学べることが分かりやすく伝わるLPへと仕上げました。

Ciel Zero様LPプロジェクト進行体制

資料ダウンロード

会社概要・実績・サービス紹介資料のほか、
デジタル戦略に役立つ各種資料を無料ダウンロードできます。

資料ダウンロードする

お問い合わせ

お仕事のご依頼やお見積りご相談など、
お気軽にお問い合わせください。

お問い合わせする

おすすめサービス