― Business Plan ―
サイトの価値を「設備紹介」だけで終わらせず、
提案の進め方まで伝える製造業サイトへ
エイワ様は、溶接や金属加工を中心に、設備を活かした対応力で幅広い相談に応える企業様です。
第2工場の稼働や新設備の導入も進み、できることの幅が広がっていました。
一方で、サイトを作ってからかなり年数が経っており、最新の設備や情報が反映されていないだけでなく、スマホ対応の遅れもあり、閲覧環境の改善が必要でした。
そこで今回のサイトリニューアルでは、工場の風景や“人の仕事”が先に見える見せ方へ整え、現場のリアルさを入口にしながら、強みが順番に頭に入る構成を組み直しました。
まずは知って
おきたい！
SEO measures
リニューアルの前に
押さえておきたいSEOの基本
検索に強いサイトづくりを目指す方に向けて、SEOを軸にしたリニューアルのポイントをわかりやすくまとめました。
リニューアルを検討中の方におすすめの内容です。サイト改善の第一歩にご活用ください。
ホームページ制作のきっかけ
第2工場の稼働開始や新設備の導入など、企業の体制が大きく進化する中で、既存のホームページの情報との間にギャップが生まれていました。
また、モバイルファーストにも対応しきれておらず、制作から年数が経っており、「実際の現場はもっとすごいのに、サイトではそれが伝わっていない」 そんなもどかしさを感じていらしたことがリニューアルのきっかけです。
クライアントが抱えていた主な課題
情報が古く、現在の設備や体制が反映されていない
スマホ対応の遅れもあり、閲覧環境の改善が必要
お客様から見ると「この加工は頼めるのか？」が判断しにくい状態
スペック以上の“会社の魅力”が見えにくい
ご要望の方向性
会社としての「柔軟性」や「提案力」そのものを強みとして再定義したい
「加工内容と設備写真だけ」のよくある製造業サイトでは無く、人が見えるサイトにしたい
ブログ等の更新機能を活用し、日々の動きを社内外へ発信していきたい
第二工場や設備の情報を、必要としている人に正しく伝わるようにしたい
マーケティング施策
現状分析
初めて見た方が「どこまで頼める会社か」を判断しにくい状態
設備や加工の話は出せても、相談から納品までの進め方や、柔軟な対応の中身が伝わり切らないと、比較検討の段階で判断材料が不足します。
そこで、設備情報を入口にしつつ、判断に必要な情報を順番に届ける設計へ組み替えました。
戦略・施策方針
スペックの羅列から、現場や仕事が見える情報設計へ。
リニューアルにおいて最も重視したのは、「提案力」「技術力」「対応力」「人間力」という、設備やスペックだけでない価値を、TOPページの段階でユーザーに届けることでした。
そのために、情報の優先順位をゼロから見直し、製造業サイトにありがちな「専門用語の羅列」を取り払いました。
1
「進化し続ける体制」と「何ができる会社か」を瞬時に伝える
対応技術や最新設備の情報を、TOPページ上部で常にアップデートされる「今の体制」として伝えることで、企業の活気と確かな対応力を一目で印象付けています。
2
情報を整理し、スマホでも迷わない閲覧体験
伝えたい情報（設備、実績、強み）が増えたからこそ、あえて情報は詰め込みすぎず、優先順位と情報量の整理整頓を徹底しました。スマートフォンでもストレスなく読み進められ、必要な情報にすぐにたどり着ける構造に仕上げています。
3
「何ができるか」だけでなく「誰が、どう向き合うか」を伝える
最大の強みは、一筋縄ではいかない依頼に対する「試行錯誤」と「創意工夫」の姿勢にあると感じました。
加工内容や設備の紹介だけでなく、あえて「どのような考え方で相談に向き合い、どう形にしていくのか」というプロセスの発信を優先。取引先が依頼後の流れをイメージできる構成に仕上げています。
4
「つくり手の顔」を通した親しみやすさと安心感の構築
設備や実績とあわせて、人の存在が見えることも大切にしました。
写真を通して、どのような人たちが現場に関わっているのかが分かるようにし、相談時の不安を減らすことを意識しています。会社の雰囲気や日々の仕事の様子が伝わることで、初めてサイトを見る方でも距離を感じにくい見せ方にしています。
ホームページ制作のポイント
イメージされていたサイト像
設備や加工内容を誇張するのではなく、工場の風景や人の見えるサイトにしたいというご要望をいただいていました。
現場や社内の様子が過度に演出されることなく伝わり、初めてサイトを見る方でも会社の魅力や雰囲気を感じ取っていただけるように構成しています。
デザインコンセプト
- 技術と人が同じ画面で成立するバランス感
- 工業的な硬さと迫力の中に、人の温度がにじむデザイン
- 情報を追わなくても、流れで理解できるレイアウト
- 稼働する機械や火花の動きを動画で見せ、現場の迫力を伝える
こだわり・工夫したポイント
1
迷いを与えない、リズムのある情報レイアウト
1ブロック1メッセージで情報を整理し、見せる順番にも工夫を施すことでスクロールするだけで要点が頭に入りやすい流れになっています。情報の塊を作らず、区切りを強く見せることで、要点がすっと記憶に残るような構成に仕上げています。
2
現場の迫力と“人の仕事”が伝わる写真表現
溶接や加工の瞬間、設備のスケール感が伝わる写真や動画を大きく使い、現場のリアルさを前面に出しています。
一方で、人物が写る写真も多く取り入れ、仕事への姿勢や人の温度感が伝わる見せ方を意識しました。写真は彩度やコントラストを抑え、フィルム写真のような、情緒のある質感に整えています。
工業的な硬さの中にも、誠実さや親しみが感じられるよう、サイト全体でトーンを統一しました。
3
赤×黒の強さを和らげ、迫力の中に人の温度を足す仕上げ
エイワ様のサイトは、ブランドカラーの赤と、金属加工・溶接・機械といった重厚感のあるモチーフなど、視覚的に硬く強い要素を多く持っています。
そこで、角丸のパーツデザインや、少しコントラストを抑えた文字色、余白を意識したレイアウトなど、細部でバランスを整え印象が重くなりすぎないよう調整しました。
製造技術や色の持つ迫力はそのままに、技術の背景にある人の仕事や姿勢が滲むようなデザインを意識しています。
WEBデザイナー
制作スタッフのコメント
現場の迫力が伝わる写真を主役にしながら、情報は番号と余白で整理して、初めて見た方でも強みが掴める見せ方に整えました。
黒を基調に赤を効かせることで、金属加工らしい硬質さと力強さが出るようにしています。その一方で、無機質な印象に寄りすぎないよう、細部のあしらいに柔らかい要素を取り入れています。
また、人の表情や仕事の姿勢が伝わるカットを多めに取り入れることで、技術だけでなく会社の空気感も感じられるトップページを意識しました。
まずは知って
おきたい！
SEO measures
リニューアルの前に
押さえておきたいSEOの基本
検索に強いサイトづくりを目指す方に向けて、SEOを軸にしたリニューアルのポイントをわかりやすくまとめました。
リニューアルを検討中の方におすすめの内容です。サイト改善の第一歩にご活用ください。
