自動車部品を主とした、線ばね、板ばね等の製造
名興発條株式会社様 コーポレートサイト
当社の旧ホームページは10年以上前に制作されたものであり、デザインや情報設計が現在のユーザーの閲覧環境やニーズに対応できていませんでした。 特にスマートフォンへの最適化がされておらず、閲覧性や操作性に課題がありました。 また、製品情報が十分に整理されていなかったため、訪問者にとって当社の事業内容や強みが分かりづらい構成となっていました。 さらに、採用情報も古く、求職者への訴求力が弱いと感じていたため、信頼感や企業イメージの向上が急務でした。 海外のお客様も多いため、英語・中国語の対応も必須でした。
■モバイルファーストの設計 閲覧者の多くがスマートフォンを利用している実態を踏まえ、全デバイスで快適に閲覧できるレスポンシブ対応を徹底しました。 ■企業理解の促進 「当社がどのような製品をどんな想いで作っているのか」を正確かつ端的に伝えるため、事業内容や製品の紹介、品質へのこだわりを明確に打ち出す情報設計を行いました。 ■採用の強化 求職者が企業の魅力や働くイメージを持ちやすくなるよう、働く環境や社員の声を掲載し、エントリーへの導線を明確にしました。
製造業としての信頼感と精密さを表現するため、余白を活かしたシンプルで整理されたレイアウトを採用。 グリッドを意識した構成で視線誘導を工夫しました。 コーポレートカラーでもあるブルー系のカラーを基調とすることで、誠実さや清潔感、技術力を感じさせる世界観を表現。補色にはグレーを使い、落ち着きのあるトーンに整えています。 トップページでは、製品や加工技術の写真を大きく使用し、視覚的に「何をしている会社か」がひと目で伝わるように設計しました。 見出しのアニメーションや動きを付け、視線を誘導しつつ製造業らしい堅実さを保ちながらも、現代的な印象を損なわないようにしました。
| 制作内容 | 制作ツール | 制作時間 |
|---|---|---|
| 要件定義/ワイヤーフレーム | Figma | 6時間 |
| 素材/バナー作成 | Figma・Photoshop | 7時間 |
| デザイン | Figma・Photoshop | 18時間 |
| サイト構築 | HTML/CSS/Javascript/PHP化 | 50時間 |

