株式会社 鈴木工務店様 Webサイトリニューアル

スマートフォン・タブレット対応

以前のサイトでは、スマートフォンやタブレット表示に最適化されていなかったため、今回のリニューアルではレスポンシブWebデザインを採用し、マルチデバイスへと対応しました。
鈴木工務店様はBtoBの企業ですが、昨今営業担当の方や求職活動中の方がスマートフォンから閲覧されることも多いため、パソコンとスマートフォンからの閲覧数は半々となっています。

デザインコンセプト

トップページのメインビジュアルでは、直近の実績を大きく掲載しました。新規のお客様あるいは求職中の方にとって、どのような仕事をしているのかは大きな関心事だと思います。実績を更新する事で「生きたサイト」となり、再度訪問する場合にも新鮮さを感じることができます。
また、今回は鈴のイラストを生かしたローディングアニメーションを取り入れ、スクロールやマウスオーバーでの動きにもこだわっています。

設計・CMS

既存のWordPressを引き継ぐ形で制作しました。旧サイトでは静的HTMLで作られたページが多数あり、リニューアルした際にリンク切れが発生しないようにパーマリンクの設定などに気を付けながら構築しました。
本サイトはいくつかアニメーションが取り入れられていますが、ローディング画面は最も読み込みに時間が掛かる初回にのみ表示される設定になっており、訪問者のストレス軽減とサイトアピールの役割を備えています。
施工事例のカテゴリー選択では、読み込みに時間が掛からないように非同期での通信を実装しており、シームレスな画面遷移を実現しています。また、すべて静的HTMLで作られていた施工事例をCMSで管理することによって新たな事例の作成や変更も容易になり、記事の移行も簡単に行えるようになりました。