福山市ホールディングス公式ホームページ制作
株式会社nord. HOLDINGS 様
株式会社nord. HOLDINGS / 福山市ホールディングス公式ホームページ制作
TYPE
Desktop, Mobile
FIELD
cms, php, javascript, writing, planning, art direction, design, markup
ココロ満たす、快適な環境を届ける
昨年制作させていただいた150ページを超える会社案内・パンフレットに続き、同グループのホールディングスサイトおよびリクルートサイトを制作いたしました。
「Comfort that enriches the soul.」を掲げるnord-HOLDINGS様の企業理念を軸に、電気工事・家具・建築・宅配水と多岐にわたるグループ事業の魅力を、統一感のあるデザインと写真で表現しています。
ファーストビューではシンプルなラインアニメーションでロゴの円が描かれ、洗練された印象とともにブランドの世界観へ自然に引き込む演出を施しました。
コーポレートサイトではグループ各社の紹介や代表メッセージ、ニュースを掲載し、ホールディングス全体のブランドイメージを構築。リクルートサイトでは社員インタビューや職種紹介を通じて、求職者に企業の雰囲気と働く魅力が伝わる設計としました。
電気工事、北欧家具、建築、宅配水。業種の異なる事業を束ねる持株会社、株式会社nord. HOLDINGS様。150ページを超える会社案内に続いて、同グループのコーポレートサイトとリクルートサイトを制作しました。ここでは、トップから採用まで、全セクションの画面とあわせて設計の考え方を紹介します。
- 電気工事・家具・建築・宅配水。業種の異なる4事業を、ひとつのブランドとして束ねるサイトをつくった。
- コーポレートとリクルートの2サイトを、同じ世界観で一貫制作。紙の会社案内とも印象をそろえた。
- 理念から各社紹介、News、採用まで──全セクションをひとつのトーンで設計した。
課題:4つの事業を、「ひとつの会社」として見せる
nord. HOLDINGS様の事業は、坂本電気工事(電気工事)、haluta(北欧ヴィンテージ家具)、nord.architect(建築)、アクアクララ(宅配水)と多彩です。それぞれに歴史と強みがある一方、そのまま並べると「結局、何の会社なのか」が伝わりません。求められたのは、各社の寄せ集めではなく、「nord」というひとつのブランドとして見せること。しかも、企業の信頼を伝えるコーポレートと、人を集めるリクルートの両方で、です。
ファーストビュー:一本の線が、円を描く
サイトを開くと、白い画面に一本の細い線が現れ、ゆっくりと円を描いてnord.のロゴが完成します。線はそのまま水平に伸びて、ナビゲーションへとつながっていく──円とラインだけで構成した、ラインアニメーションの導入です。派手さではなく、静けさで最初の数秒をつくります。

アニメーションに続いて、ブランドコピー「Comfort that enriches the soul.(ココロ満たす、快適な環境を)」とともにヒーローが現れます。

理念と会社概要:何を大切にしている会社かを、最初に
続くのが、理念のセクションです。「ココロ満たす、快適な環境を」という言葉を縦組みで大きく据え、グループの目標・行動指針・会社概要を、余白を活かして静かにレイアウトしました。事業の紹介より先に、この会社が何を大切にしているのかが伝わる構成です。

代表メッセージ:グループの向かう先を、自らの言葉で
理念のあとには、代表・坂本和政氏のメッセージが続きます。「日本の基盤を支え、世界へ渡り、nord.groupが描く未来図。」──働く姿の写真とともに、グループがどこへ向かうのかを自らの言葉で語るセクションです。

グループ各社:業種が違っても、同じ世界観で
グループ各社の紹介は、この案件の要でした。まず中核の坂本電気工事。会社概要・沿革・事業内容といった情報を、統一されたレイアウトで積み重ねていきます。

その坂本電気工事が手がける事業を、電気設備工事・宅配水・住まい・家具の4つに整理し、それぞれ現場写真つきで紹介。業種の異なる仕事も、同じ設計・同じ写真のトーンで並べることで、「これはすべてnordの仕事だ」という一貫性が生まれます。

グループのもう一つの顔、北欧ヴィンテージ家具のhaluta Livet(長野・軽井沢)も同じ構成で。デンマークをはじめとした北欧諸国から家具を仕入れる事業を、ショールームの写真とともに紹介しています。

News と Recruit:更新と採用への、自然な導線
コーポレートサイトの役割は、見せることだけではありません。Newsでは各社の採用情報やリリースを一覧化。日々の更新が、そのまま会社の動きとして伝わります。

その先に、リクルートサイトへの入口を配置。現場・ショールームの写真を並べ、「この会社で働く」への興味を自然につなぎます。

Contact:4社が、対等に並ぶ
コーポレートの締めくくりは、グループ4社のContactです。電気工事・家具・宅配水・建築を同じ大きさのカードで並べ、それぞれの現場写真とメッセージ、連絡先を添えました。どの事業もブランドの一員として対等に扱う設計です。

リクルートサイト:同じ世界観で、主役は「人」
リクルートサイトは、コーポレートと同じデザイン言語のまま、トーンだけを少しあたたかく。ロゴの円をシンボルにした導入から始まります。

中心に据えたのは社員インタビューです。所属・役職・入社日とともに、働く人の姿を一人ずつ紹介。求職者が知りたい「どんな人が働いているのか」に、まっすぐ答えます。

職種紹介では、中途・新卒それぞれの募集職種をグループ横断で一覧化。「この会社で、どの仕事に就けるのか」が一目で分かり、エントリーまでの導線も整理しました。

この実績で、アルシオンが担当した範囲
- サイト設計・情報設計:コーポレート+リクルートの2サイト構成
- デザイン:4事業を束ねる統一デザイン、理念・各社紹介・採用ページのレイアウト
- 実装・演出:ロゴを描くラインアニメーションなどのフロント実装
- 写真:ブランドのトーンに合わせた写真の選定・調整
この案件は、先に制作した150ページを超える会社案内の続きでもあります。紙で立ち上げた世界観をWebへつなぎ、どの接点で出会っても「同じnord」として伝わるようにしました。
御社のコーポレートサイト・採用サイトも
複数の事業やグループ会社を持つほど、「何の会社か伝わらない」「サイトごとに印象がばらばら」という悩みは大きくなります。アルシオンは、ブランドの設計からコーポレート・採用サイトの制作までを一社でまとめ、御社の事業をひとつのブランドとして見せます。紙媒体との一貫性まで含めて、まずはお気軽にご相談ください。