![[ANSUR] トップページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works86-screenshot-pc01-134x76.png)
![[ANSUR] HIITページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works86-screenshot-pc02-134x76.png)
![[ANSUR] 選ばれる理由ページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works86-screenshot-pc03-134x76.png)
DESIGN
トップページを見ただけで「行きたい」「やってみたい」と思わせるWeb戦略!
今回はトップページ1ページ見ただけで、入会したいと思わせるデザインと設計に心がけました。
激しく動くトレーニングサービスなので、動画を採用して撮影・編集を行いトップページの最も目立つメインイメージ部分に設置をいたしました。
この動画制作はお客様の目的を叶える理由から今回はなんと無料で提供をいたしました。
動画の下に「選ばれる理由」と分かりやすい「価格表」を表示して、スムーズな興味促進を図っています。
DOEの無料撮影サービスのご利用で写真・動画素材を豊富に用意できたので、斜め読みでも直感的に理解できるコンテンツを作成できました。
ブログページはCMS化しました。また、ブログに関連した情報を各静的ページにも表示させることで、ブログへの導線の数を増やし、回遊率を上げる工夫をしています。
動画撮影・編集
トレーニング内容はスタイリッシュに展開
トレーニング内容はスタイリッシュに展開
トレーニング内容は動画があるものに関しては動画で表現するのが最も分かりやすいので、動画の配置と詳細説明で構成しています。
スマホ対応-レスポンシブコーディング
スマホ対応-レスポンシブコーディング
スマホ、タブレットの対応としてレスポンシブデザインを採用しました。レスポンシブデザインはブラウザの横幅によりデザインを調整して表示が行えるので各端末で最適化されたデザインで閲覧が行えます。
スマホ閲覧時ではコンテンツを段落ごとに開閉式にすることで省スペースで表示され、ページが縦に長くなりすぎるのを防いでいます。
高画質で閲覧できるRetinaディスプレイ対応も行っています。
制作概要・工程
企画デザイン設計ライティング撮影SEO内部対策コーディングCMS導入納品チェック・リダイレクト処理
-
納品日 2017年02月28日 端末対応 レスポンシブサイト ページボリューム 通常ページ:7ページ
フォーム:1本 -
グレード ハイクオリティ 撮影 写真・動画撮影あり CMS 部分導入
お客様の声
Customer feedback
フットワークも軽く、綿密な打ち合わせを何度もしてくれました。
おかげさまでメンバー様からも新規の方からも好評です。
今後ともよろしくお願い致します。