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

今回、リニューアルのもう一つ目的として、「ホームページをプリントアウトして、営業先でそのまま資料として使用できるようにしたい」というご要望をいただきました。そのため、PCサイトでは「Gテリアオリジナルコンテンツ」ページ配下に、お客様の多種多様な9つのサービスに関するページを作成し、それぞれのサービスの特徴をお写真やイラストと共に掲載しました。そうすることで、営業の際にプリントアウトしたページを見せるだけでサービスのメリットがわかりやすく伝えられるツールとしてご活用いただけるページデザインに仕上げております。

採用情報ページでは、「営業職の経験を活かして、自分に合った業界で働きたいと思い転職活動をしている方」「地元で施工士の仕事を探している方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を8：2に想定し、モバイルファーストで設計しております。

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

また、ハンバーガーメニュー内の最上部に「採用情報」ページへの導線ボタンを設置し、他の導線ボタンとは異なるブルーを採用して目立たせることで、求職者が最短導線で必要な情報にたどり着けるよう仕上げております。

デザイン面では、お客様の会社の顔であるオリジナリティのあるロゴをユーザーに印象付けるため、「Gテリアの強み」ページにおいて、3つの強みに関する見出し背景に配置しているお写真を、ロゴと同じ形にトリミングして画面幅いっぱいに大きく配置しました。そうすることで、遊び心がありながらも洗練されたオリジナリティあふれるデザインのホームページを作り上げています。