WORKS DETAILランディングページ&サイト制作実績の詳細

子ども向け英語・英会話スクールのランディングページを制作

子ども向け英語・英会話スクールWinBe(やる気スイッチグループさま運営)のスマートフォン/PC用ランディングページを制作いたしました。

子ども向け英語・英会話スクールのランディングページを制作

ランディングページのテーマ

ネイティブのような英語力を身につける土台学習「フォニックス」の訴求

いきなり英語を学ぶのではなく、英語圏と同じように英会話の土台となる「正しく音を聞ける・言える力」を養う『フォニックス』の習得を重視しています。本ランディングページでは、フォニックスとは何か?フォニックスを学ぶことでどのような英語の技能をマスターできるか?といったことがページを訪れた方にわかりやすく伝わるようにご紹介しています。特に実際の学習の様子がイメージしやすいように動画を多く活用したり、写真を効果的に使うなどの工夫を行うことで、ページ全体を通じて、楽しく学べるWinBeの魅力が伝わるような構成・デザイン制作を行なっています。

ランディングページのデザインコンセプト

  • 「楽しく学べる」ことをコンセプトにデザイン制作
  • ファースビューを中心に動画を活用して、実際の学習風景が想起しやすい設計に
  • 文字文字しく説明的な印象にならないようにビジュアルやテキストの見せ方を工夫
  • 親近感を持ってもらうため、手書き感のある素材を活用
  • デバイスごと(スマートフォン/PC)に最適化したデザイン設計
  • ロゴのカラーである紫を起点にしたカラーリング設計
  • 写真を効果的に活用するビジュアルで直感的に伝わるデザインに
  • アクションの促しやすさを考慮したボタン・ナビゲーションのUIデザイン

ランディングページのコーディング

  • サービスのイメージがしやすいようにファーストビューに動画を配置
  • 発音の違いを分かりやすく示すためにクリックやタップによって音声を再生
  • スクロールを促すためにページ内ナビゲーションメニューを設置
  • 情報に一覧性を持たせるため、スライダーコンテンツを実装
  • コンテンツをコンパクトに収めるため、アコーディオンを実装
  • 画像サイズの調整による高画質ディスプレイへの対応

ランディングページ&サイト制作実績

大学受験に特化した学習塾の校舎別ランディングページを制作

大学受験に特化した学習塾の校舎別ランディングページを制作

城南予備校を運営する株式会社城南進学研究社さま主催の大学受験に向けた学習塾のランディングページを制作いたしました。

GCP認定トレーニング&認定試験のランディングページを制作

GCP認定トレーニング&認定試験のランディングページを制作

Googleの技術をコアとした開発やコンサルティングを行う株式会社トップゲートさまがGoogle公認のもとで運営しているGoogle Cloud Platform認定トレーニング&認定試験のランディングページをデザイン・制作いたしました。

中学生、高校生のためのITキャンプ「Life is Tech!」のランディングページを制作

中学生、高校生のためのITキャンプ「Life is Tech!」のランディングページを制作

ライフイズテック株式会社さまが提供する中高生のためのIT教育プログラム Life is Tech! のランディングページをデザイン制作いたしました。

キッズスペース専門プランナーのサイトを制作

キッズスペース専門プランナーのサイトを制作

商業施設内にあるキッズスペース(遊具)の企画・設計を手掛ける元コーポレーションさまのサイトをデザイン制作いたしました。

事業承継・人事コンサルティングのコーポレートサイトを制作

事業承継・人事コンサルティングのコーポレートサイトを制作

事業承継・経営人事コンサルティングを行うアイアルマーズ株式会社さまのコーポレートサイトをデザイン制作いたしました。

不動産会社のコーポレートサイトをデザイン制作

不動産会社のコーポレートサイトをデザイン・制作

マンション経営を中心とした不動産・住宅・資産運用事業を展開されているプレミアムライフ様のコーポレートサイトをデザイン制作いたしました。

もっと詳しい事例をご覧になりたい方は

  • 03-6427-2311 平日10:00~18:00
  • お問い合わせフォーム