株式会社オーエムツーネットワーク様

Client	株式会社オーエムツーネットワーク様
Scope	TOPページとメガメニューのデザイン全26ページの構築
Type	コーポレートサイト
Schedule	デザイン：2024年4月〜5月中旬構築：2024年5月中旬〜7月初旬
Tools	Adobe XD / Bootstrap / Visual Studio Code / BlueMonkey(CMS)
URL	https://www.om2.co.jp/open_in_new

Data
データ

ターゲットユーザー	食に興味のある人、既存顧客
事業内容	食肉等の小売業、外食業
制作目的	採用強化したいサイトが古いため、リニューアルしたい更新しやすくしたい
全体の希望の雰囲気	親しみやすく、明るくエネルギッシュなイメージ
メインカラー	赤、オレンジ
デザインの意図	★全体赤、オレンジのカラーを使用することにより、明るい・エネルギッシュな印象を与えながら、ボタンを黒にすることでサイト全体のカラーを引き締めています。ページ数が多いため、各ページへの導線がわかりやすいようにブロックごとにまとめています。 ★お知らせお知らせを頻繁に更新する予定なので、MV直下に配置して訪れたユーザーの目に留まるようにしています。 ★採用情報グラデーションを使用することにより他のコンテンツよりも目を惹くデザインにしています。 ★メガメニューなるべくシンプルにしてどのページの下層なのかわかりやすいように、左に下層ページタイトルを配置して右側にメニューを配置しています。
サイト構築	BlueMonkey(CMS)で構築しています。基本はCMSを利用して、下層ページはBlueMonkey(CMS)にあるパーツを組み合わせています。TOPページに関してはパーツがなく、オリジナルデザインのため、custom.cssをアップロードして見た目の調整を行なっています。 TOPのグループ事業についてでは、右の各事業の画像にリンクを設定してTOPからでもページ遷移できるようにしており、採用情報はメニューをホバーすると右の画像が切り替わるように調整しています。