高輝製作所様 Webサイト制作 figma&WordPressで制作
金属加工会社「高輝製作所」様の Webサイト制作 (ディレクション,デザイン,コーディング)を担当させていただきました。
高クオリティな金属加工や、熟練の職人による技をイメージさせつつ、金属加工と相性が良いレッド、ブラックを基調にデザインしました。
【案件概要】
金属加工を行う高輝製作所様の企業サイトリニューアルを担当しました。
「自社の強みが伝わらない」「採用応募が増えない」という課題をお伺いし、
Figmaでの情報設計・デザインから、WordPress構築・公開まで一貫して対応しました。
【課題】
・既存サイトは情報が整理されておらず、強みが伝わらない
・実績が活かされていないため、信頼性につながっていない
・採用ページが弱く、求職者にとって魅力が伝わりづらい
・更新作業が属人化しており、運用しづらい
【制作コンセプト】
「技術の確かさ」と「誠実な企業姿勢」を視覚的に伝えることを軸に、
強み・実績・事業内容がわかりやすく整理された構成へ再設計しました。
【担当範囲】
・ヒアリング
・サイトマップ作成
・情報設計(ワイヤーフレーム)
・Figmaでのデザイン制作
・WordPress構築(オリジナルテーマ)
・公開後の更新マニュアル作成
【工夫した点】
● ユーザー視点の構成設計
事業内容・加工の種類・実績が一目で理解できるよう、
見せる順番・情報量・レイアウトを細かく調整しました。
● 信頼性を高める実績ページの設計
金属加工の品質を伝えられるよう、
実績の見せ方や情報の整理方法を提案し、制作側で構成を改善しました。
● 運用しやすいWordPress構築
・担当者が画像とテキストを入れるだけで更新できる構造
・実績紹介のためのカスタム投稿
・採用情報を柔軟に更新できるフォーム
など、運用負荷を下げる設計を徹底しました。
【成果】
・企業の強み(技術力・実績・品質管理)が明確に伝わるサイトへ改善
・採用ページの情報が整理され、求職者向けの導線が強化
・お客様から「自社の魅力が伝わる」と高評価をいただきました
・運用担当者が更新しやすい構造のため、社内更新がスムーズに
【使用ツール】
Figma / WordPress / Photoshop / HTML / CSS
【制作期間】
約1ヶ月(要件定義〜公開まで)











