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

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

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

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

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

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

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

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

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

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

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

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

健康経営支援サービスのランディングページを制作

健康経営支援サービスのランディングページを制作

株式会社アドバンテッジリスクマネジメントさまが展開されている、健康経営支援サービスのレスポンシブランディングページを制作いたしました。

アプリケーション開発の新卒求人ランディングページを制作

アプリケーション開発の新卒求人ランディングページを制作

株式会社ネクステップ・ソリューションズさまの新卒求人用ランディングページをデザイン制作いたしました。

IT・WEBエンジニア向け転職支援サービスのランディングページを制作

IT・WEBエンジニア向け転職支援サービスのランディングページを制作

IT・WEBエンジニア向け転職支援サービス「あなたにIT(あいてぃー)」(ブラッシュアップ・ジャパン株式会社さま運営)のレスポンシブランディングページをデザイン制作いたしました。

FRENCH CONNECTION JAPANのECサイトを制作

FRENCH CONNECTION JAPANのECサイトを制作

日本に再上陸したイギリス・ロンドン発のストリートファッションブランドFRENCH CONNECTION JAPANのECサイトをデザイン制作・構築しました。

関東近郊人材活用サービス「TokyoDive」のサービスサイトをデザイン制作

関東近郊人材活用サービス「TokyoDive」のサイトデザイン制作

地方の若手人材の東京での就業を支援する「TokyoDive」(株式会社アプリ様運営)のサービスサイトをデザイン制作いたしました。

システム設計・受託開発のシングルページを制作

システム設計・受託開発のシングルページを制作

株式会社イマクリエ様と協業し、システム設計・受託開発を手がけるアルカディア株式会社様のコーポレートサイトをシングルページ形式でデザイン制作いたしました。

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

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