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

全体的なデザインはコーポレートサイトらしい「かっちりとした雰囲気」でまとめつつ、トレンド感のあるアニメーションをポイントとして取り入れることで、IT企業ならではの「先進的なイメージ」を動きで演出いたしました。例えば、下層ページのヘッダーに幾何学的なアニメーションを配置しているほか、重要なポイントにはお客様の社名が自動でスライドする動きを取り入れることで、訴求コンテンツの視認性を自然と向上しております。

PC用サイトでは、画面が大きいという特徴を考慮し、グリッドデザインを使用することで6種類のサービスを横幅いっぱいに表現いたしました。さらに、マウスオーバーした際には、サービス内容に合わせた写真を画面左側に切り替え表示しております。そのため、ユーザーにとって重要な情報だけを大きく表示しつつ、トレンドを感じられる最新デザインに仕上げました。

今回、定額制プランご契約者様限定サービスの「無料リニューアル」を行いました。お客様は2020年にリクルートサイトも同プランでご契約いただいたため、今回のリニューアルを機に、2サイト間で情報が重複してしまっていた採用コンテンツの整理をいたしました。具体的には、コーポレートサイトから採用関連ページを取り除き、代わりにリクルートサイトへの導線バナーを設置することで、コーポレートサイトとリクルートサイトそれぞれの情報を切り分けつつ、就職希望のユーザーが最短導線でお探しの情報を閲覧していただける設計にしております。

デザイン面では、導線ボタンのデザインとアニメーションに様々な工夫を取り入れました。例えば、導線のデザインにはお客様のロゴに合わせた丸形のモチーフを使用することでオリジナリティを演出しているだけでなく、マウスオーバー時に導線ボタンが右側に移動するアニメーションを取り入れることで、トレンド感を取り入れつつ、クリック率が上がるような導線に仕上げております。

モバイル用サイトでは、ユーザビリティを高めるため、会社情報ページの上部に専用メニューを固定表示しております。ほかにも、縦長になってしまう箇所にはアコーディオンを導入し情報を整理して見せることで、テキストの多さを感じさせず、必要な箇所だけゆっくりと閲覧していただけるよう工夫いたしました。

また、ＣＶ率向上の対策としまして、各サービスページの最後には、ほかの５種類のサービスの導線を配置いたしました。そのため、ユーザーは目的と一致したサービスだけを効率よく閲覧していただき、最短の導線でスムーズにCVできる設計となっております。

さらに、主要ページではヘッダー写真にあえて「ずらし」のレイアウトを行うことで、他の下層ページと視覚的な差別化をいたしました。弊社では、コンテンツの優先順位に合わせて綿密な設計を行い、「CV率を最大化するためのホームページ制作」を得意としております。

システム面では、お客様がブラウザ上で簡単に更新していただけるよう、お知らせにCMSを取り入れております。そのため、ホームページ公開後も継続してコンテンツを増やすことができ、CVをアップさせるためのツールとしてご活用いただけます。

デザイン面では、「“アーステクノロジーらしさ“を表現してほしい」というリクエストをいただきました。そのため、メインカラーにはお客様のロゴに合わせた「ブルー」を採用しているほか、ホームページ全体に実際のオフィスやスタッフの写真を多く使用することで、”お客様らしさ”をデザインで表現しつつ、信頼感や安心感もしっかりと伝わるコーポレートサイトに仕上げました。