実績ピックアップ

スマホやタブレットでも見やすいように、ホームページをリニューアル

テクニカルオートワンズ様 スマホ、タブレット、PC対応にリニューアル

  • HPリニューアル
  • jQueryイベントカレンダー
  • WordPress
  • レスポンシブwebデザイン

スマホやタブレットでも見やすいように、ホームページをリニューアルさせて頂きました!


テクニカルオートワンズ様は「車検・整備」も「カスタマイズ」も大事にされているので、
それが伝わりやすいようスマホのメニューを整えました。

ページ閲覧時に上部固定されるようにしました

メニューが開いた時も、ポイントがお客様に伝わりやすいよう配慮しました。

また、ホームページがなるべく早く表示されるよう
(ホームページを見に来て下さるお客様に負担をかけない=SEO的な評価アップも期待できます!)
裏側の処理にも配慮しました。
以下、技術的な面も交えてご紹介させて頂きます。

【全体のポイント】

WordPressがデーターベースにアクセスするのを最小限に抑えるように調整しました。

【イベントカレンダーの表示】

  • ajaxを使う事でホームページ自体の表示を早く
  • ajax→PHP→データベースにアクセスし、データベースからカレンダー情報を取得したら、その情報をオブジェクトに保持。
    そうする事によって、データベースへのアクセスを一回だけに抑え、サーバーへの負担を軽減しました。

【イベント情報の表示】

日付を古い順で表示させるように、また未来の日付については色を変えて分かりやすくしました。
(こちらもいちいちデータベースへアクセスするのでなく、一度取得したカレンダー情報を使う事で、サーバーの負担を減らしています)

技術的にはそういった事に配慮しつつ、これまでのテイストも大事にリニューアルさせて頂きました!

テクニカルオートワンズ様はホームページリニューアル時にも
「ここはお客様に誤解を与えてしまってはいけないので、このように直してくれますか?」
と、リニューアル作業に真摯に向き合って下さいました。

そういった気持ちが伝わるホームページになっていれば本当に幸いです。

URL

https://t-ones.com/

担当箇所

  • ディレクション
  • デザイン
  • コーディング
  • WordPress
  • レスポンシブwebデザイン
  • jQuery
  • サポート
この記事のタグ
  • jQueryイベントカレンダー
  • WordPress
  • レスポンシブwebデザイン