ホームページ制作 | Tom's Web Studio

お問い合わせ お問い合わせ
庭岳造園
種別
企業サイト
サイト名
庭岳造園
作業内容
デザイン修正〜CMS実装
CMS
WordPress
使用技術
HTML, CSS, JavaScript, WordPress, Swiper

詳細

概要

千葉で庭園造園を行う会社のサイト。Googleリスティング広告を使用しており、ランディングページとしての役割を果たす。Site Origin Page Builderを使用が使用されていたが、デザインを修正に際しテンプレートによる実装に変更。

解決したい課題

  • 動線・レイアウトに難がありホームページがわかりにくいとの指摘があり改善したい。
  • 全体の印象が変わるような大きな改修はしたくない。キープコンセプトで使いやすさを向上したい。

ターゲット

  • 千葉県内で庭園造園を行う会社を探している人

デザイン

  • トップページは情報の追加を繰り返した結果、情報の重複や重要度に強弱がなく情報を見つけにくかった。必要な情報、情報の優先順位を整理し動線・レイアウトを見直した。
  • 代表の柔らかい笑顔が印象的なので輪郭をつかって画像を切り抜き。ご本人の写真と合わせて柔らかい印象を伝える。
  • スライダーとアコーディオンを使い初期表示する情報を制限。必要に応じてユーザーの操作で情報を取得できるようにし、全体の見通しが良いデザインにした。

構成

WordPressのテンプレートによる実装。スライダーはSwiperを使用し、アコーディオンはJSで実装。トップ画像はデバイス幅に応じて4種を出し分ける仕様。

制作期間

デザイン:1週間 / コーディング:1週間 / CMS実装:1週間

  • 庭岳造園
  • 庭岳造園
上に戻る