Align
お問い合わせ
株式会社ハッカズーク
株式会社ハッカズーク 様
#BtoBサイト
#コーポレートサイト
#採用サイト
#リニューアル
#Studio実装
「個」の輝きと「群」の力。経営統合という進化を、一瞬で伝えるブランドデザインの再定義
企業と人材の関係をアップデートし続けるHRテックの旗手、株式会社ハッカズーク様。同社が歩んできた道のりは、単なる事業拡大に留まりません。株式会社レインとの経営統合を経て、組織の器はより大きく、その思想はより深く進化を遂げました。今回のプロジェクトは、単なるWebサイトの「作り替え」ではなく、新しく生まれ変わった組織のアイデンティティを、デジタル空間に正しく、そして力強く刻み込むための挑戦でした。「変わった」のではなく「進化した」のだという事実を、一瞬の視覚体験で分からせる。それが、私たちがプロのディレクターとして背負った使命です。
制作背景
プロジェクトの背景
組織成長の加速装置として、「採用」をリニューアルの核に据える
経営統合により、株式会社ハッカズーク様は事業領域・組織規模ともに大きな拡大フェーズへと突入しました。この変化を中長期的な組織成長へと繋げるために、今回のリニューアルで最大の焦点となったのが「採用力の強化」です。単に人数を増やすだけでなく、進化を続ける同社のカルチャーに深く共鳴する人材をいかに獲得するか。ビジョンや事業の成長性はもちろん、制度や働き方、そして中で働くメンバーのリアルな声までを一つのストーリーとして編み込み、「企業の真の魅力」が多角的に伝わるプラットフォームの構築を目指しました。
抱えていた課題とその背景
姿（ブランド）が、心（実態）に追いつかないという危機感
ビジネスが急速に加速し、組織が大きくなる一方で、Webサイト上の表現がかつてのフェーズに留まっていることは、成長企業にとって大きな機会損失となります。経営統合によって事業領域や社会に与えるインパクトが拡大したにもかかわらず、以前のイメージが残ったままであれば、本来届くべき大手企業や優秀な採用候補者に「今の本当のスケール感」が伝わりません。ブランドの設計が実態に追いついていない状態は、無意識のうちに信頼の取りこぼしを生んでしまいます。グループ全体の統一感と、各社が持つ独自の個性をどう共存させるか。この難問を解き明かすことが、本プロジェクトの最重要課題でした。
提案内容
私たちが掲げた戦略
モノクロームが語る、揺るぎない知性と圧倒的な先進性
私たちが導き出したコンセプトは、「統合による進化」をあえて色を削ぎ落としたモノクロの世界観で体現することです。余計な装飾を捨て去り、研ぎ澄まされたデザインを採用することで、ホールディングスとしての重厚な信頼感と、未来を切り拓くシャープな感性を両立させました。「レイン様との統一感を保ちながら、ハッカズーク様らしさをいかに残すか」。この繊細なバランスを保つため、単にデザインを合わせるのではなく、根底にある「戦略性」を共通言語として設計。これにより、グループ全体のスケール感を可視化しつつ、採用と問い合わせの両面で「ここなら何かを変えてくれる」と期待させるブランド表現をしました。
具体的な解決策
変化をチャンスに変える、論理的なインターフェース設計
「思想を語る会社」であることを一瞬で伝えるファーストビュー
言葉を尽くして説明する前に、感覚で理解させる。トップの最上部では、大胆な余白と洗練されたタイポグラフィを駆使し、「この会社は単なるツール提供者ではなく、思想を持つリーダーである」ことを直感的に訴求しました。検討段階では、「人に重きを置くビジネスを象徴する、写真を多用した温かみのある案」と、「ドットのモチーフでテック感を演出しつつ、ダイナミックなテキストで先進性を見せる案」の2方向を提案。最終的には、市場を切り拓く鋭さを象徴する後者をベースに決定しました。視覚的なノイズを排除することで、メッセージの強さを最大限に引き出しています。
ターゲットを迷わせない、最短距離の導線設計
ホールディングス化に伴い、サイトを訪れるユーザーの目的は多様化します。サービスを検討する顧客、キャリアを考える候補者、それぞれの入り口を明確に分け、「欲しい情報に迷わずたどり着ける」構造を構築しました。クリック一つひとつのストレスを減らすことで、問い合わせや応募へのハードルを心理的に下げる設計を徹底しています。
提供されたメッセージを最大化するビジュアル設計
先方から提供された「経営統合の意義」や「採用ターゲットに刺さる言葉」を、最も効果的なタイミングでユーザーの目に触れるよう配置を最適化しました。文字の大きさ、行間、スクロールに応じた現れ方ひとつに至るまで計算し、提供された言葉が持つ熱量を損なうことなく、むしろデザインの力でその重みを増幅させる設計を心がけました。
こだわりポイント
拡張し続ける組織の「器」として、未来の余白を設計する
今回の提案で最も注力したのは、単に「現在の姿」を綺麗に見せることではなく、「これから増えていく新しい仲間や事業」を柔軟に受け入れられる、拡張性のある構造にすることです。プロジェクトの難所であった「レイン様との統一感とハッカズーク様らしさの両立」を解決するために、共通のトーン＆マナーを定義した上で、個別の個性が引き立つレイアウトの「余白」をあらかじめ設計に組み込みました。これにより、組織がさらに進化を遂げた際にも、ブランドの軸をぶらさずにコンテンツを追加できる。まさにホールディングスとしての土台を支える、機能的な美しさを追求しました。
成果と展望
公開後の反響とこれから
社内から上がった「かっこいい」という誇りの声
サイト公開後、社内の皆様から一番に上がったのは「かっこいい」という純粋な感嘆の声でした。この一言は、単なる見た目の評価ではありません。自社の進むべき方向が正しく可視化されたことへの自信と、誇りの表れだと私たちは捉えています。お客様からも「依頼事項以外のアドバイスが助かった」「弊社の志向性を深く理解したデザイン」との過分な評価をいただきました。新しくなったこのサイトは、ハッカズーク様が社会との関係性をアップデートし続けるための強力な武器となります。
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid
Grid｜
私たちについて
想いをカタチに変え、
未来のビジネスを「今」、
創る
想いをカタチに変え、
未来のビジネスを「今」、創る
THO M&Sは、Web制作とマーケティングの力で、企業の事業成長を支援するデジタルプロダクションです。企業やサービスが持つ本来の価値を整理し、戦略設計からWebサイト制作、広告・集客施策、公開後の改善まで一貫して支援します。見た目を整えるだけではなく、ユーザーに価値が伝わり、問い合わせや売上などの成果につながる仕組みをつくります。
Features 01
戦略設計からWebサイト制作、広告・集客施策、公開後も一貫支援
Features 02
問い合わせや売上などの成果につながる仕組みをつくる
Features 03
ロゴ制作やイラスト制作、資料制作まで成果に繋げる制作も支援
Features 01
戦略設計からWebサイト制作、
広告・集客施策、公開後も一貫支援
Features 02
問い合わせや売上などの
成果につながる仕組みをつくる
Features 03
ロゴ制作やイラスト制作、
資料制作まで成果に繋げる制作も支援
私たちについて
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
Align｜
お問い合わせ
仕事のご依頼やサービスのご質問はこちらから。協業やパートナー登録についてもお問い合わせください。
仕事のご依頼やサービスのご質問はこちらから。
協業やパートナー登録についてもお問い合わせください。
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
From strategy to execution, from ideas to revolution.
