プロジェクト概要

若年層向けの海外語学留学サービス「0円留学」のランディングページ（LP）を新規で制作しました。サービスの魅力や信頼感を伝えるために、デザイン・構築・アニメーション演出までをトータルでサポートしました。

目的・課題

・海外留学に対する心理的ハードルを下げたい
・SNS（集客ツールとしてTikTokをクライアント自身で発信中）からの流入者に、魅力を伝え、無料だけど安心できる体制ということを伝えたい
・デバイスを問わず快適に操作できる構成が求められていた

提案した解決策・アプローチ

• ヒアリングをもとに、第一印象で惹きつけるストーリー型の構成を設計
• スクロールアニメーションやオープニング演出を活用し、印象に残る体験を演出
• スマートフォンでの閲覧性を重視したレスポンシブUIを設計
• 更新のしやすさから、Studioでの構築を提案
• CTAの位置を整理し、スムーズな導線に改善

デザインのポイント

明るくて親しみやすく、それでいてスタイリッシュなデザインに。
「社長の想いに共感した」「自分にもできそう」と感じてもらえるよう、ワクワク感や未来への期待を表現しました。
不安を抱えがちな層にも安心感を届けられるよう、トーンや構成にも配慮しています。

使用しているイラストは、まず自分の手でラフを描き、構図やシーンの流れを検討したうえで、生成AIにより制作したものです。
完成イラストはラフの意図を反映しつつ、細かな修正や配色調整を行い、全体の世界観に合うよう整えました。
ラフ→生成→微調整というプロセスを通じて、伝えたいストーリーや空気感を視覚的に表現しています。

制作過程

• Figmaで数パターンの方向性を提案
• Studio上で構築
• クライアント担当者と定期的に進捗共有しながら調整
• デモサイトを先に用意し、視覚的に方向性を確認しながら進行
• 撮影素材の差し替えや追加にも柔軟に対応
• アニメーション演出を導入し、印象的なUIを実現
• Google Analyticsの導入支援もあわせて対応

制作体制・期間

• 制作期間：約2か月
• 制作チーム：おしごとハブチーム
  • LP部分：構成・デザイン・構築までほぼ一人で担当
  • LINE公式アカウントの制作：他メンバーが担当
  • ディレクションの一部はチームリーダーが対応

制作後の展開

LINE公式アカウントの公開とあわせてLPも公開。すぐに行動に移せない層の受け皿として機能しはじめました。
クライアントからは「めちゃいいです！今後の新しい事業にも展開したい」との声をいただいています。

▼ こちらからデザイン事例をチェックできます
https://0enproject.miyo-ente.jp/