概要
千葉で庭園造園を行う会社のサイト。Googleリスティング広告を使用しており、ランディングページとしての役割を果たす。Site Origin Page Builderを使用が使用されていたが、デザインを修正に際しテンプレートによる実装に変更。
課題
- 動線・レイアウトに難がありホームページがわかりにくいとの指摘があり改善したい。
- 全体の印象が変わるような大きな改修はしたくない。キープコンセプトで使いやすさを向上したい。
- 全体の印象が変わるような大きな改修はしたくない。キープコンセプトで使いやすさを向上したい。
ターゲット
- 千葉県内で庭園造園を行う会社を探している人
解決策
- トップページは情報の追加を繰り返した結果、情報の重複や重要度に強弱がなく情報を見つけにくかった。必要な情報、情報の優先順位を整理し動線・レイアウトを見直した。
- 代表の柔らかい笑顔が印象的なので輪郭をつかって画像を切り抜き。ご本人の写真と合わせて柔らかい印象を伝える。
- スライダーとアコーディオンを使い初期表示する情報を制限。必要に応じてユーザーの操作で情報を取得できるようにし、全体の見通しが良いデザインにした。
- WordPressのテンプレートによる実装。スライダーはSwiperを使用し、アコーディオンはJSで実装。トップ画像はデバイス幅に応じて4種を出し分ける仕様
- 代表の柔らかい笑顔が印象的なので輪郭をつかって画像を切り抜き。ご本人の写真と合わせて柔らかい印象を伝える。
- スライダーとアコーディオンを使い初期表示する情報を制限。必要に応じてユーザーの操作で情報を取得できるようにし、全体の見通しが良いデザインにした。
- WordPressのテンプレートによる実装。スライダーはSwiperを使用し、アコーディオンはJSで実装。トップ画像はデバイス幅に応じて4種を出し分ける仕様
制作期間
デザイン:1週間 / コーディング:1週間 / CMS実装:1週間
使用技術
WordPress, html, css, Swiper
完成イメージ
PC
SP