株式会社九州カルネグループ様(福岡県)｜ホームページ制作
プロジェクト概要
クライアント名
株式会社九州カルネグループ様 （福岡県）
業種
食品卸売
サイト種類
コーポレートサイト
担当範囲
デザイン・コーディングを担当しました。
使用ツール
・figma
・Photoshop
・Visual Studio Code
期間
2025年1月〜3月
実際のページ
課題と、ご要望
-
自社サイトがない。
-
採用活動をしているのでホームページにリクルート情報を載せたい。
-
たくさんの拠点があるので分かりやすくまとめたい
-
赤と白の配色にして欲しい
解決策、工夫
デザイン面
ご要望に沿って、赤と白を基調とした配色でデザインし、赤が少し強いと感じる箇所はオレンジで親しみやすさを加えました。
また数字で見るページや、遠隔ページは、見ている人が退屈にならないようアイコンを多めに入れたり、大きく時代ごとに変化していく様子を再現してました。
構成・導線での工夫
情報量が多いので、1ページにたくさん詰め込むというより、複数のページに分けて離脱率を減らしました。
拠点、採用が複数あるので、メニューで迷わないようにしました。
またエントリーとお問い合わせを別ページに作り、求職者の方が応募しやすいような構成にしています。
技術面での工夫
数字で見るページはカスタムフィールドを使い、納品後先方でも簡単に数字を変えられるように作りました。
インタビューページとエリア別拠点のページはカスタム投稿をそれぞれ使っているので、この部分も先方が編集しやすくなっています。
全ての画像を圧縮しサイトスピードを上げ、できるだけ容量の軽いsvgアイコンを使いました。
SSL対応とスマホ、タブレットで見ても崩れがないサイトに仕上げています。
ホームページ制作の流れ
今回の制作の流れは、まず初めに先方と私、そして企画会社と3社でオンラインでのヒアリングをしました。
ワイヤーフレームを企画会社様にお願いし、その後私の方でデザイン → コーディング → 公開という手順で進めました。
情報量が多いのでデザインの途中で、ズレがないかの確認などのオンラインミーティングもしました。
ホームページデザイン情報
Keywords
親しみ
信頼度
清潔感
美味しそう
写真中心
フレッシュ
Main Colors
#FF181C
#FF7C17
#F6EEE7
Fonts
sans-serif
Hind(デザインはFutura)
2025.9.11
2025.9.25