WORKS DETAILランディングページ＆サイト制作実績の詳細
子ども向け英語・英会話スクールのランディングページを制作
子ども向け英語・英会話スクールWinBe（やる気スイッチグループさま運営）のスマートフォン/PC用ランディングページを制作いたしました。
ランディングページのテーマ
ネイティブのような英語力を身につける土台学習「フォニックス」の訴求
いきなり英語を学ぶのではなく、英語圏と同じように英会話の土台となる「正しく音を聞ける・言える力」を養う『フォニックス』の習得を重視しています。本ランディングページでは、フォニックスとは何か？フォニックスを学ぶことでどのような英語の技能をマスターできるか？といったことがページを訪れた方にわかりやすく伝わるようにご紹介しています。特に実際の学習の様子がイメージしやすいように動画を多く活用したり、写真を効果的に使うなどの工夫を行うことで、ページ全体を通じて、楽しく学べるWinBeの魅力が伝わるような構成・デザイン制作を行なっています。
ランディングページのデザインコンセプト
- 「楽しく学べる」ことをコンセプトにデザイン制作
- ファースビューを中心に動画を活用して、実際の学習風景が想起しやすい設計に
- 文字文字しく説明的な印象にならないようにビジュアルやテキストの見せ方を工夫
- 親近感を持ってもらうため、手書き感のある素材を活用
- デバイスごと（スマートフォン/PC）に最適化したデザイン設計
- ロゴのカラーである紫を起点にしたカラーリング設計
- 写真を効果的に活用するビジュアルで直感的に伝わるデザインに
- アクションの促しやすさを考慮したボタン・ナビゲーションのUIデザイン
ランディングページのコーディング
- サービスのイメージがしやすいようにファーストビューに動画を配置
- 発音の違いを分かりやすく示すためにクリックやタップによって音声を再生
- スクロールを促すためにページ内ナビゲーションメニューを設置
- 情報に一覧性を持たせるため、スライダーコンテンツを実装
- コンテンツをコンパクトに収めるため、アコーディオンを実装
- 画像サイズの調整による高画質ディスプレイへの対応
| カテゴリー | ランディングページ |
|---|
| 提供サービス |
ランディングページ制作 ランディングページ分析・改善 |
|---|
ランディングページ＆サイト制作実績
書籍「ランティングページ・デザインメソッド」の紹介用ランディングページを制…
ランディングページの専門書「ランディングページ・デザインメソッド（株式会社ポストスケイプ著/MDNコーポーレーション発行）」を紹介するランディングページを制作いたしました。
ランディングページ×キャスティングの販促用LPをリニューアル
コンバージョンラボが提供するランディングページ制作とモデルキャスティング事業を手がけるエイスリーさまとコラボサービス コンバージョンラボラボ＋の販促用ランディングページをデザインリニューアルいたしました。
