TSP様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルのもう一つ目的として、「主力サービスである食洗機の取り付け以外にも対応できるということを、ユーザーに認知させていきたい」というご要望をいただきました。そのため、画面の大きいPCサイトでは、洗面所やお風呂場、システムキッチンなどの施工風景や販売しているさまざまな商品のお写真を大きく配置しています。そうすることで、住宅設備全般の工事に対応できるお客様の技術力や対応力、豊富な取扱商品がユーザーに伝わるホームページに仕上げております。

「お風呂の工事を検討している方」「エコキュートの工事業者を探している方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を7：3に想定し、モバイルファーストで設計しております。

スマートフォンサイトでは、各サービスページの目次をアコーディオンメニューとして画面上部に固定表示いたしました。そうすることで、画面の小さなスマートフォンサイトでも画面幅を狭めることなく、知りたい情報に簡単に遷移できるユーザビリティの高い設計となっています。 

また、「お問い合わせ」フォームでは、画面上部にグリーンのスクロールバーを設置いたしました。そうすることで、縦に長くなってしまうスマートフォンサイトでも、どのあたりまで入力が完了しているかユーザーが直感的に把握できるデザインに仕上げました。

デザイン面では、メインカラーとしてホワイトを採用し、施工風景や多様な商品のお写真、図解のイラストを随所に設置いたしました。そうすることで、お客様の取り扱っている多種多様な商品やサービスを、すっきりとしたデザインの中でわかりやすく訴求できるホームページを作り上げています。

システム面では、お客様が販売・施工している商品の情報を更新できる「商品一覧CMS」をオリジナルのCMSで自社開発しました。こちらのCMSでは、ユーザーが「商品検索」機能を使ってスムーズに目的の商品を検索できるよう、管理画面から商品名やサイズ、特徴など、商品の分類や機能をカテゴリー登録できるシステム設計となっております。