瀧上精工株式会社 様

概要・課題

瀧上精工株式会社様は、主に自動溶接ロボット用治具の設計・製作を一貫体制で行う専門メーカーです。
既存サイトは公開から時間が経過しており、企業の技術力や仕事の魅力が十分に伝わりきっていない状態でした。
特に採用面では、高卒で就職を考える若い求職者に向けて仕事内容の具体的なイメージや働く楽しさが伝わりにくく、仕事への興味や適性を直感的に想起させる訴求が求められていました。
今回のサイトリニューアルでは、瀧上精工様の機械加工・組立・調整といったものづくりの面白さに着目し、プラモデルや工作、機械工作が好きな人に響くワクワク感をメインテーマとしながら、瀧上精工様ならではのやりがいや成長イメージに加え、企業としての信頼感や技術力も伝わるサイト設計・デザインを提案しました。

ターゲット

・設備・治具製作ができるメーカーを探している企業
・工業高校・機械科・電気科など、ものづくりに関心のある学生
・手を動かして何かをつくる仕事に興味がある求職者

デザインコンセプト

コーポレート：
「モノづくりを支える総合力」をコンセプトに、設計から組み付け、測定まで一貫して手掛ける技術力や企業の安心感を訴求するデザインを目指しました。
製造業特有の重い印象を払拭し、先進的なイメージや清潔感を感じられるよう、白や水色を基調とした明るい配色とグラデーションを取り入れています。

採用：
「ワクワクするモノづくり」をコンセプトに設定しました。
子どもの頃のモノづくりの記憶と、大人になってからのプロの仕事がリンクするようなイラストを配置し、カラフルな配色と合わせて作る楽しさを表現しています。
高校生や大学生といった若い世代にも響くよう、遊び心のあるデザインや演出を取り入れ、親しみやすさを演出しました。

デザインのこだわりポイント

コーポレート：
瀧上精工様の強みである対応力と緻密な治具の魅力を視覚的に伝えるため、写真や動画を主役にしたダイナミックなレイアウトを採用しました。
また、サイト内の随所に工業的なイメージを連想させる幾何学的な線の装飾を取り入れ、瀧上精工様の丁寧な仕事への姿勢をデザインの細部にまで落とし込んでいます。

採用：
トップページに様々なコンテンツが入るため、内容ごとに変化をつけたレイアウトでデザインしています。
途中に写真やイラストがメインとなるエリアを設け、最後まで心地よいリズムで読み進められるように工夫しました。
また、ユーザーの視線を惹きつけるため、ファーストビューやフッター直前にはイラストが飛び出すようなアニメーションを取り入れています。

UI・UXでこだわったポイント

コーポレート：
企業の強みを直感的かつじっくりと理解できるよう、読みやすい文字の強弱や余白にこだわりました。
また、メインのボタンには角を落とした形を採用することで、サイトの直線的なデザインの中でも分かりやすくしています。

採用：
トップページではユーザーが迷わずアクセスできるよう、閲覧環境ごとに適したメニューや内容を省略するアコーディオンを設置しました。
また、求職者の関心の高い「数字で見る瀧上精工」のセクションでは、単なる数字の羅列ではなく、項目ごとにアイコンや吹き出しの装飾を取り入れました。会社のデータや社風が直感的に理解できるデザインに仕上げています。

WordPressの仕様

採用サイトのWordPress管理画面には、Googleしごと検索への掲載にも対応できるよう、構造化データに必要な項目を用意しています。
サイト上で求人情報をわかりやすく見せることに加え、検索エンジンにも情報が正しく伝わる仕様とすることで、求職者との接点を増やす採用マーケティングの視点も取り入れたWordPress構築を行いました。

写真コンセプト

撮影前にはロケハンを実施し、工場の規模や光の環境、撮影する治具の大きさに加え、撮影不可な場所なども事前に確認しました。
現場の状況を把握していたことで、当日はスムーズに撮影を進めることができました。

また、ロケハン中や撮影中には実際に働く方々のお話も伺えたので仕事への想いや現場の雰囲気を理解したうえで撮影に臨みました。
ものづくりに真摯に向き合う姿や、工場ならではの緊張感・熱量が写真から伝わるよう、一つひとつのシーンを丁寧に切り取りました。

動画コンセプト

瀧上精工様のWebサイトメインビジュアルの映像を制作するにあたって、まずは仕事現場をロケハンさせていただきました。

事前に撮影の現場を見ることで、デザイン設計と並行して構成を練ることができ、よりデザインに合った映像に仕上げることができました。
また、規模感を伝えるためにドローン撮影も行いました。

また、実際に作業風景を撮らせてもらうことで、瀧上精工様の”モノづくり”、”技術力”を表現できた映像に仕上がりました。