https://www.houei-k.com/豊栄工業株式会社様のホームページを制作させていただきました。 豊栄工業様は、精密板金加工・レーザー加工を専門とし、長年にわたりモノづくりを通じて地域社会に貢献されている企業様です。今回のリニューアルでは、その実績と信頼を表現しつつ、新たな成長に向けての企業イメージを明確化し、リブランディングを行いました。特に、20代から30代の男性求職者の方々をターゲットと定義し、「情熱」「挑戦」というテーマが伝わるよう、情報量の強化を図っています。「人を中心としたコーポレートサイト」というコンセプトのもと、技術力だけでなく、社員一人ひとりの熱意や温かさ、人柄の伝わるようなデザインを目指し、社員様の働く姿や表情を捉えた写真を多く掲載しています。サイト構成トップページ企業の顔として、信頼感と期待感を与える設計会社情報企業の理念や沿革、培われた信頼と実績を明示技術情報専門性の高い情報を分かりやすく伝えることを重視採用情報職場の雰囲気や社員の声などを掲載し、働くことへの希望を感じさせるコンテンツお問い合わせユーザー目線のUX設計プライバシーポリシー404カラーパレット信頼感と誠実さを表現するため、白を基調とし、落ち着いた黒をベースカラーに採用しています。要所には情熱や活力を象徴する赤をアクセントとして使用し、見る人の心に訴えかける印象的なカラーリングとしています。タイポグラフィタイトルに明朝体、本文にゴシック体を採用しました。異なる書体の組み合わせは、視覚的なコントラストとメリハリを生み出します。タイトルと本文で、書体や文字の太さ・大きさ・色などの明確な違いを作ることによって情報が整理され、コンテンツを効率的に理解することが出来るようになります。（デザイン四原則：対比）ゴシック体の現代的で可読性の高いフォントを本文に用いることで、長文も快適に読めるようになり、明朝体の伝統的で、知的な印象と組み合わせることで、専門性と信頼感を強調しつつ、革新性を併せ持つ企業イメージを創出しています。Studioはノーコードでサイトを制作できますが、コードを書くことで、よりオリジナルな、完成度の高いサイトを作ることができます。私事ですが、制作する時はこのコードを使いたい！と温めていたCSSコードがあり、今回テイストが合っていたので豊栄工業様のサイトに導入できました。この背景の部分ですが、CSSコードを記述して作成しています。画像で背景を作るのもいいですが、今回のようにシンプルな色やパターンの場合であれば、パフォーマンス、レスポンシブ、メンテナンス性の観点から見てもCSSで作成した方が合理的でした。同じ背景でいくと、メタル風に加工した背景を使用している箇所があるんですが、そこも板金加工会社らしさが出せていてお気に入りです。いろいろこだわりポイントがあるので是非サイトを見ていただけると嬉しいです！豊栄工業株式会社様HP制作ソフトStudioプランスタンダードプラン制作期間1.5ヶ月