― Business Plan ―
専門的な技術を、見て理解できる。
採用にも説明にも活きるコーポレートサイトへ
日本カラリング様は、樹脂の着色やコンパウンドといった専門性の高い領域で、試作段階から量産まで一緒に作り上げる強みを持つ企業様です。
一方で、領域が専門的であるほど、初めて接点を持つ企業や求職者にとって「結局、何ができる会社なのか」が伝わりにくくなりやすいという課題がありました。
そこで今回の制作では、技術や工程の理解を“言葉だけ”に頼らず、ビジュアルで直感的に伝わる構成に整え、採用にも社内説明にも活用できるサイトを目指しました。
まずは知って
おきたい！
SEO measures
リニューアルの前に
押さえておきたいSEOの基本
検索に強いサイトづくりを目指す方に向けて、SEOを軸にしたリニューアルのポイントをわかりやすくまとめました。
リニューアルを検討中の方におすすめの内容です。サイト改善の第一歩にご活用ください。
ホームページ制作のきっかけ
紹介をきっかけにご相談をいただきました。採用に力を入れていきたいというお話があり、その中で「サービス内容が分かりづらい業種だからこそ、サイトを見れば全体像がつかめるようにしたい」という考えが共有されました。
制作を進める中では、「このサイトを新しく入社した人への説明にも使えるといいよね」という話も出てきたため、外向けだけでなく、社内でも使える分かりやすさを意識して情報を整理しています。
クライアントが抱えていた主な課題
自社のサイトが古く、サイトの情報設計も改善したい
樹脂着色やコンパウンドといった専門分野のため、初めて見る人に仕事内容が伝わりにくい
製造業に対する先入観をなくし、採用を強化したい
自社の強みを正しく伝えるサイトが欲しい
ご要望の方向性
事業内容やサービスの全体像が、初めて見た人にも分かりやすく伝わるサイト
文章だけでなくイラストやビジュアルを使って直感的に理解できるようにしたい
技術企業としての信頼感を損なわず、先進性やデザイン性も感じられるサイトにしたい
採用強化を目的に、仕事内容や働くイメージが伝わり、応募前の不安を減らせる構成にしたい
マーケティング施策
現状分析
専門的な領域ほど、
「分からない」が
そのまま離脱につながる。
樹脂の着色やコンパウンドは、専門用語や工程が多く、初めて触れる人にとっては全体像をつかみにくい分野です。
内容が理解できないままだと、比較検討の段階に入る前に離脱してしまったり、採用でも応募の判断ができずに終わってしまうケースが起こりやすくなります。
そこで今回は、専門的な内容をそのまま並べるのではなく、「理解できる形」に置き換えることを重視し、採用と、取引先や初めてサイトを見る方に向けた会社理解の両方につながる情報設計へ見直す方針としました。
戦略・施策方針
まず分かる状態をつくり、
興味から理解、行動へつなげる設計
本サイトでは、カラフルな色使いを取り入れながらも先進的な印象にまとめ、画像や図を用いて業務内容が直感的に伝わる構成としました。
あわせて、興味を持った方が次の行動へ進みやすい導線も整えています。
1
最初に全体像を見せ、迷わせない
専門用語に入る前に、「何をしている会社か」がつかめる導入を用意しました。
コンパウンドの写真に加え、それが実際に使用されている製品のビジュアルを組み合わせることで、なじみのない内容でも具体的なイメージを持ちやすい構成としています。
2
採用にも説明にも使える情報の整理
求職者向けの情報を軸にしつつ、取引先や社内説明にも使える内容となるよう、情報の整理と順序を工夫しました。
用途が異なる読み手でも、必要な情報にたどり着きやすい構成としています。
3
事業の流れを整理し、理解の負担を減らす
工程や対応範囲を整理して伝えることで、専門知識がなくても業務内容を追いやすくしました。
情報を噛み砕いて提示することで、理解のハードルを下げることを意識しています。
4
動画で製造現場を見せ、興味を持ってもらう
保機械や製造ラインの様子を動画で見せることで、仕事のリアルさや規模感が自然と伝わるようにしました。
ホームページ制作のポイント
イメージされていたサイト像
サービス内容が一目で分かり、初めて見る人でも理解しやすいサイトであることが前提でした。
工程はイラストで表現し、写真や動画も多く使いながら、採用につながる印象づくりを行いたいというご希望がありました。
デザインコンセプト
- カラフルな配色
- 先進的でもポップなイメージ
- 全体的にダイナミックなレイアウト
- 誠実さもありつつワクワク感も
こだわり・工夫したポイント
1
「原料からさまざまな製品にかたちを変えられる」というイメージを表現
カラフルなペレットの画像の後ろで様々な製品の画像をスライドで流すことで、原料から製品へと形を変えていく流れが直感的に伝わるよう、見せ方を設計しました。
専門用語を知らない方でも、「どんなものを作っている会社か」がイメージできる導入を意識しています。
2
原料のペレットの表現とアニメーション
ペレットをモチーフとした幾何学的でカラフルな装飾をビジュアルとして取り入れることで、先進性とポップさを感じられる印象を持たせつつ、着色・コンパウンドを扱う企業ならではの個性を表現しています。
また、スクロールに合わせて文字が浮かび上がる演出や、ペレットの装飾が動くアニメーションを採用し、サイト全体にリッチな印象と動きを加えました。
視覚的なアクセントとしてペレットを印象づけながら、ページを読み進めやすい体験を意識しています。
3
グラスモーフィズムを採用
磨りガラスのような透明感のある質感表現（グラスモーフィズム）を取り入れ、デザイン面でのトレンド感と技術企業としての先進性を演出しました。
カラフルな世界観の中でも情報が埋もれないよう、見やすさとのバランスにも配慮しています。
4
動画で製造ラインを見せ、魅力と対応力を伝える
機械や製造ラインの様子を動画で紹介し、文章だけでは伝わりにくい現場のスケール感や工程のリアルさを補いました。
対応領域の広さや設備力に加え、ものづくりの迫力やプロフェッショナルな雰囲気が伝わることで、求職者に「かっこいい仕事」という印象を持ってもらえる構成を意識しています。
WEBデザイナー
制作スタッフのコメント
今回の制作で最も意識したのは、樹脂の着色やコンパウンドという専門的な技術を、「見て分かる」という形で伝えることでした。
文章だけでは理解しづらくなりがちな分野だからこそ、写真・イラスト・動画を組み合わせ、まずは直感的に「すごいことをしている会社だ」と感じてもらえる構成を重視しています。あわせて、興味を持ったあとに自然と理解が深まっていくよう、情報の流れにも配慮しました。
デザイン面では、製造業に対して持たれがちな堅いイメージを良い意味で裏切るため、カラフルで今どきな表現を取り入れています。
まずは知って
おきたい！
SEO measures
リニューアルの前に
押さえておきたいSEOの基本
検索に強いサイトづくりを目指す方に向けて、SEOを軸にしたリニューアルのポイントをわかりやすくまとめました。
リニューアルを検討中の方におすすめの内容です。サイト改善の第一歩にご活用ください。
