フジタ技研様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルの主要な目的として、「新規顧客を獲得したい」というご要望をいただきました。そのため、トップページのメインビジュアルでは、社員様の働く様子や製品の導入分野などのお写真とキャッチコピーを組み合わせた計7パターンが切り替わるアニメーションを施しました。

PCの大きな画面幅を活かして、左半分には金型製造の様子や広大な倉庫などのお写真を表示し、右半分にはお客様の製品が用いられている分野のサービスや商品のお写真を表示しました。そうすることで、お客様の事業内容や幅広い製造工程への対応力などを効果的に訴求しています。

スマートフォンサイトでは、各サービスページの設備紹介コンテンツにおいて、設備のお写真を横スクロールで閲覧できる仕様にしました。限られた画面幅の中でも、ページ全体の長さを抑えつつ、多数の設備を閲覧できるユーザビリティに配慮した設計となっています。

また、ハンバーガーメニューの左隣には、「金型でお困りの企業様」ページへの導線ボタンを固定表示しています。こちらのページは、金型に関する悩みや課題に対して、お客様ならではの解決策や実際の事例を紹介しています。ご発注前に社内承認を得る際に必要な情報がまとまっている重要なページであるため、どのページを閲覧していても遷移できる導線に仕上げています。

デザイン面では、ホームページを訪れた際に、白い背景に企業ロゴと「フジタの金型製造で、日本のものづくりを支える」というキャッチコピーを表示するオープニングアニメーションを取り入れました。日本のものづくりを支える金型メーカーであることを印象づけることで、ブランディング向上に貢献しています。

また、各ページの背景には、製造業や精密技術をイメージした幾何学模様を随所に取り入れています。サイト全体を通じて、お客様の事業内容や専門性を感じられるデザインに仕上げました。

システム面では、「事例紹介」ページをオリジナルのCMSで自社開発しました。こちらのCMSでは、ご依頼内容やそれに対する解決策などを管理画面から簡単に登録できる設計となっております。

登録した事例は、該当する各サービスページと各分野別ソリューションページに連携表示される仕様にしています。ユーザーが自社の課題に近い最新の事例を確認できるようにすることで、具体的な導入イメージを持ったうえで安心感のあるお問い合わせに繋がるよう後押ししています。