ARCION
WEB / PHOTO / MOVIE / SYSTEM
0  /  100
keyboard_arrow_up
keyboard_arrow_down
keyboard_arrow_left
keyboard_arrow_right
web

福山市ホールディングス公式ホームページ制作

株式会社nord. HOLDINGS 様

CLIENT

株式会社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の理念と会社概要のセクション
理念「ココロ満たす、快適な環境を」と会社概要。縦組みの見出しと余白で、静かに芯を伝える。

代表メッセージ:グループの向かう先を、自らの言葉で

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

代表メッセージのセクション
代表メッセージ。現場に立つ姿の写真とともに、グループの未来図を語る。

グループ各社:業種が違っても、同じ世界観で

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

グループ各社を紹介するセクション(坂本電気工事)
Our group。坂本電気工事の概要を、写真とデータで落ち着いて紹介する。

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

坂本電気工事の4つの事業紹介
4つの事業。電気設備・宅配水・住まい・家具を、同じ型で紹介していく。

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

haluta Livetと北欧ヴィンテージ家具事業の紹介
haluta Livet。北欧ヴィンテージ家具の事業も、同じ設計の中に自然に収まる。

News と Recruit:更新と採用への、自然な導線

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

Newsセクション
News。グループ各社のお知らせを、一つの窓口に集約する。

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

リクルートサイトへの導線バナー
Recruitへの導線。写真で世界観を見せながら、採用サイトへつなぐ。

Contact:4社が、対等に並ぶ

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

グループ4社のContactカード
Contact。4社が同じ格子の中に並び、それぞれの窓口へつながる。

リクルートサイト:同じ世界観で、主役は「人」

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

リクルートサイトのファーストビュー
リクルートサイトの導入。同じロゴ・同じ世界観で、採用の物語が始まる。

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

リクルートサイトの社員インタビュー
社員インタビュー。現場で働く一人ひとりを、写真とプロフィールで紹介する。

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

リクルートサイトの職種紹介(中途・新卒)
職種紹介。中途・新卒の募集職種をグループ横断で整理し、応募までの道筋を示す。

この実績で、アルシオンが担当した範囲

  • サイト設計・情報設計:コーポレート+リクルートの2サイト構成
  • デザイン:4事業を束ねる統一デザイン、理念・各社紹介・採用ページのレイアウト
  • 実装・演出:ロゴを描くラインアニメーションなどのフロント実装
  • 写真:ブランドのトーンに合わせた写真の選定・調整

この案件は、先に制作した150ページを超える会社案内の続きでもあります。紙で立ち上げた世界観をWebへつなぎ、どの接点で出会っても「同じnord」として伝わるようにしました。

御社のコーポレートサイト・採用サイトも

複数の事業やグループ会社を持つほど、「何の会社か伝わらない」「サイトごとに印象がばらばら」という悩みは大きくなります。アルシオンは、ブランドの設計からコーポレート・採用サイトの制作までを一社でまとめ、御社の事業をひとつのブランドとして見せます。紙媒体との一貫性まで含めて、まずはお気軽にご相談ください。

よくある質問

Qコーポレートサイトと採用サイトを、一緒に作れますか?
Aはい。nord. HOLDINGS様では、コーポレートサイトとリクルートサイトを同じ世界観・同じデザインで一貫制作しました。別々の会社に発注すると印象がばらばらになりがちですが、一社でまとめることで、企業ブランドと採用がまっすぐつながります。
Q複数の事業やグループ会社を、1つのサイトにまとめられますか?
Aできます。nord. HOLDINGS様は電気工事・家具・建築・宅配水と業種の異なる4事業を持つ持株会社ですが、統一したコンセプトとデザインで「ひとつのブランド」として見せる設計にしました。事業がばらばらに見えず、「何を大切にしている会社か」が一目で伝わります。
Qホームページ制作の費用は、どのくらいが目安ですか?
A規模・ページ数・撮影や演出の有無で変わります。小規模なコーポレートサイトで数十万円〜、写真撮影・アニメーション演出・採用サイトまで含む中規模の制作で300万円前後〜が目安です。──企画・デザイン・実装・写真撮影までを一社で完結してこの水準は、品質にもコストにも大きな優位性があると考えています。まずはご予算感からご相談ください。
Qロゴが動くような、アニメーション演出もできますか?
Aできます。nord. HOLDINGS様では、ファーストビューでロゴの円がラインで描かれていくアニメーションを実装しました。派手に動かすのではなく、ブランドの品位を保つ、ちょうどよい動きを設計します。
Q会社案内やパンフレットなど、紙媒体と印象をそろえられますか?
Aそろえられます。nord. HOLDINGS様では、先に150ページを超える会社案内を制作し、その世界観を引き継いでWebサイトを構築しました。紙とWebのどちらで出会っても同じ会社として伝わることが、ブランドの信頼につながります。
Q採用サイトには、何を載せるのが効果的ですか?
A中心は「人」です。nord. HOLDINGS様のリクルートサイトでは、社員インタビューと職種紹介を軸に構成しました。求職者が知りたいのは「どんな人が、どんな仕事をしているか」。そこが具体的に見えると、応募の一歩がぐっと近くなります。