労働にまつわる社会課題の解決を掲げ、人や組織のあり方に向き合い続ける株式会社SmartHRは、社内外に向けて社員の価値観やカルチャーをよりリアルに発信していく手段として、オウンドメディアの立ち上げに着手。コンテンツの蓄積性や表現の自由度、そして“自社の資産として育てていけるメディア”を目指す中で、外部パートナーとしてカロアにご依頼いただきました。 今回はメディア立ち上げの裏側やデザインに込めた想いについて、SmartHRとカロア、両社のプロジェクトメンバーが語り合います。SmartHRらしさを資産化する、オウンドメディア立ち上げの背景自社ドメインだからこそ叶う、蓄積性と表現の自由さ新田（SmartHR） SmartHRで活躍するのはどういう人なのかを言語化し、皆がどんなふうに仕事と向き合い、取り組めばいいのかがわかるナレッジをシェアする企画を考えたい、というのが今回作成したオウンドメディア『Real SmartHR｜リアスマ』の立ち上げを検討した最初のきっかけでした。さまざまに検討を重ねるなかで「SmartHRで活躍している人」にフォーカスし、インタビュー記事を社内向けに作成して社内報として公開することを決め、併せて記事を対外的にも公開しよう、という話になったんです。外部のプラットフォームを利用してさまざまな記事を公開していたのですが、今回の企画を進めるにあたり自社のオウンドメディアとして運営しようと決めたのは、“資産としての価値”を意識してのことでした。発信した内容が蓄積され、長期的に「SmartHR」のブランド価値にもつながっていくような設計をしたくて。拡散性を考えると、一からオウンドメディアを作るよりも、外部のプラットフォームを利用したほうがいい、という考えもありますが、会社の規模やフェーズ的にも、自社の色を反映できるドメイン配下で構築することが適していると考えました。高城（カロア） 外部のプラットフォームは気軽に発信できる一方で、情報の蓄積や表現の自由度に限界がありますよね。公開後の反響はいかがでしたか？ 新田（SmartHR） 社内外から好意的な反響をもらえていますし、同業他社からは、オウンドメディア化の理由やそれ以外との棲み分けについて問い合わせいただくことも増えました。“サイトを一つ作ること”はハードルが高いと感じる企業が多いようで、費用感などに関心が集まっているようです。また、広報チームから「リアスマを活用してこんなこともできそう」というアイデアが出てきたり、社長が「記事を書いてみようかな」と言ってくれたり、活用の幅が広がっています。“自分たちで育てていける場”を作れたことへの意義を感じていますね。参考リンク：https://real.smarthr.co.jp/Studioの活用で最適なスモールスタートを切る新田（SmartHR） 実は、前職でカロアさんにオウンドメディア制作をお願いしたことがあったんです。その時から仕事の進め方や提案の丁寧さに信頼を置いていたので、今回のプロジェクトも迷わず「カロアさんにお願いしたい」と思っていました。高城（カロア） SmartHRさんは、社内に優秀なデザインチームをお持ちで、内製力もある印象でした。そんな中で、あえて外部パートナーである私たちに依頼してくださった理由が気になっていたんです。石井（SmartHR） 内製する選択肢もありましたが、今回はゼロから大規模に立ち上げるというよりも、Studioを活用して、運用のしやすさも見据えたスモールスタートをしたいと思っていて。チームで話すなかで、Studioの知見をお持ちの外部パートナーの力をお借りしたほうがスムーズだと判断したのと、何より新田さんのプッシュもあったので（笑）。最初から安心してお任せすることができました。多角的な提案が企業のこだわりと想いを引き出すきっかけに初回から方向性がマッチしたのは深い企業理解があったから浅沼（SmartHR） このプロジェクトが始まる前の2024年3月に採用サイトを、12月にコーポレートサイトを刷新していたので、ちょうどSmartHRのコーポレートブランドを表現するためのデザインやクリエイティブの方向性について見つめ直していた時期でした。トンマナやブランドガイドラインに関する資料が残っていたこともあり、それらを最初にしっかりインプットしていただけたことで、スムーズにスタートが切れたのかなと感じています。城田（カロア） 最初のヒアリングの段階で、すでにSmartHRさんの世界観がしっかりと定まっていて、とても素敵だなと感じました。だからこそ、それを壊してしまわないか正直不安もあったのですが……。いただいた資料やムードボードを毎日見返しながら、SmartHRさんの世界観を自分に憑依させて、「この軸を守りながら、どんな新しい表現ができるか？」を探っていきました。浅沼（SmartHR） 憑依させて考えてくださっていたなんて、ありがたいですね……！初回提案から「私たちが目指したい方向性に近しいデザイン」が上がってきて、安心感を感じたのはもちろん、何よりワクワクしたことを覚えています。最初の段階から方向性が一致したことで、「どんな形や色で世界観をつくっていくか」「どんなエレメントで何を表現するか」といった具体的な部分にフォーカスして話し合えたので、その後の進行もスムーズでしたね。「何を伝えたいか」を一緒に見つけていくプロセス新田 （SmartHR） お渡ししていたムードボードって、今振り返るとかなり抽象度が高かったと思うんです。正直当時は「オウンドメディアは記事を読んでもらうことが重要だから、そこまで作り込んだデザインやギミックはなくてもいいかな」と考えていて、ご依頼した時点では明確なデザインの方向性まで見えていなかった。でも、カロアさんに色々なアプローチのデザインを提案してもらう中で、「こういう見せ方がSmartHRに合ってるかも」と、少しずつイメージが整理されていきました。石井（SmartHR） 多様な提案をいただいたからこそ、私たちの中にもだんだんこだわりが出てきてしまいましたよね（笑）。いい意味で、火がついたというか。高城（カロア） 当初は、最新記事がファーストビューに流れるような、いわゆる“オウンドメディアらしい”デザインも検討していましたよね。でもコミュニケーションを重ねていく中で“伝えたいメッセージ”が明確化し、サイトの見せ方そのものが大きく進化していきました。浅沼（SmartHR） そうですね。“物語の積層”というキーワードも生まれたりして。カロアさんの提案はデザインそのものの説明だけでなく、「このデザインがSmartHRの何を表現しているのか」までしっかり語ってくださいます。そのストーリーがあるからこそ、私たちも常に「このサイトで何を伝えたいんだっけ？」と立ち戻ることができましたし、チームとして同じ方向を向いて進んでいけたなと感じています。浅沼（SmartHR） プロジェクトの後半では、例えばリアスマに登場するメンバーが流れる演出や、ページ上部でのタグ表示など、ちょっとしたプラス要素のご提案もいただきました。最終的にアクセシビリティの観点から一部実装を見送ることにはなりましたが、「もっと良くしたい」という姿勢を最後まで感じられて、すごく嬉しかったですね。SmartHRが大切にしているアクセシビリティの観点についても、しっかり理解しながら進めてくださって、最後の詰めの部分まで丁寧に対応していただいたことが印象的でした。デザインパートナーとだから見つけられる、“らしさ”の形デザインには“言語化しきれない部分”を伝える力があるサイトデザインに合わせて、「リアスマ」のロゴ制作も担当浅沼（SmartHR） 言葉だけで「どんな会社か」を伝えるのって、実はすごく難しいんですよね。だからこそ、最初に目に入るビジュアルやキャッチコピーの印象はとても大きい。デザインには、会社の空気感や価値観といった“言語化しきれない部分”を伝える力があると信じています。採用の場面に限らず、あらゆるタッチポイントでSmartHRの空気感や価値観をデザインでどう表現するかは普段から意識していますし、会社のフェーズに合わせてアップデートし続けていく必要があるとも考えています。 城田（カロア） 視覚情報が与える印象は大きいからこそ、SmartHRさんはすべての接点で真摯にデザインと向き合い、変化に柔軟であり続けていらっしゃる。その姿勢がアウトプットにもしっかり表れていて、本当に素敵だなと感じています。新田（SmartHR） SmartHRにはディレクターもデザイナーもいますし、社内でやろうと思えばできることも多いんです。でも、社内だけで閉じてしまうと生まれない価値もある。だからこそ、外部パートナーと一緒に作っていくことで新しい表現や発想が生み出せると思います。カロアさんには、私たちの想いを丁寧に汲み取っていただきながら、積極的に提案もしていただき、デザインパートナーとして「一緒に作っていけた」という感覚がありました。フラットな関係性がよりよいアウトプットにつながった新田 （SmartHR） カロアさんとご一緒して改めて感じたのは、寄り添い力の高さです。私たちの想いや目的を丁寧に汲み取ってくださり、いつも的確な提案をしてくださる。「こういうことがやりたい」と言ったことに対して、「できません」と言われることはほとんどなくて。むしろこちらでは気付かなかった視点からの提案も多く、それは私たちの会社への深い理解や、想いへの寄り添いがあったからなのかなと思っています。石井（SmartHR） そうですね。こちらのこれはできますか？という問いに対して、「こういうやり方もあります」「この方向性はどうですか？」と、色々な角度から提案をいただきました。その粘り強さのおかげで、私たちも納得のいくかたちにたどり着けたと思っています。葉栗（カロア） ありがとうございます。SmartHRさんが提案を柔軟に受け止めてくださったことも大きかったと思います。「目的に合っているなら取り入れてみよう」と判断してくださる姿勢があったからこそ、私たちも自由に提案することができました。浅沼（SmartHR） カロアさんは本当に心強いパートナーだと思います。こちらから一方的にお願いする関係ではなく、お互いに意見を出し合える健全な関係。良いパートナーとしてプロジェクトを進めることができました。石井（SmartHR） SmartHRは常に変化を続けている会社です。組織も急速に拡大していて、外からは安定した大企業に見えるかもしれませんが、社内は良い意味でまだまだカオスな状態なんです。そこにギャップを感じられてしまう方も多いのが現状。今後もパートナーさんの力を借りて、私たちの本質的な良さやリアルな姿を発信していけたらいいなと思っています。新田 （SmartHR） やっぱり、社内だけで考えていると限界があるなと。カロアさんのように、色々な会社とパートナーを組み、他社の取り組みやトレンドを知っている方々に、「もっとこういうことができるのでは？」といった新しい視点をいただくことも大切なんだと、今回のプロジェクトを通して改めて感じました。高城（カロア） ありがとうございます。カロアでは、過去の成功事例や世の中のトレンドをリファレンスにしながら、対話を重ね、“らしさ”を引き出せるかたちを一緒に見つけていきます。「こんな見せ方をしたいけど、どうすればいいかわからない」といったご相談も、ぜひ気軽にいただけたら嬉しいです！新田（SmartHR） 会社としては、今まさにスケールアップのフェーズにあります。「worker-friendly（働くみんなが使いやすい）」や「well-working」といった新しい価値観を発信しながら、プロダクトの領域にとどまらず、働くことや社会全体をより良くしていくことを目指しています。将来的には、SmartHRのプロダクトが社会のインフラのように、人や組織の活動をしっかりと支える存在になれたらと思っています。SmartHRの採用情報はこちら%3Cstyle%3E%0A%20%20.card%7B%0A%20%20%20%20display%3Agrid%3B%0A%20%20%20%20grid-template-columns%3A300px%201fr%3B%0A%20%20%20%20max-width%3A840px%3B%0A%20%20%20%20border%3A1px%20solid%20%23ddd%3B%0A%20%20%20%20border-radius%3A8px%3B%0A%20%20%20%20background%3A%23fff%3B%0A%20%20%20%20color%3A%23111%3B%0A%20%20%20%20text-decoration%3Anone%3B%0A%20%20%20%20overflow%3Ahidden%3B%0A%20%20%20%20transition%3Aborder-color%20.2s%3B%0A%20%20%20%20align-items%3Astretch%3B%0A%20%20%7D%0A%20%20.card%3Ahover%7Bborder-color%3A%23999%3B%7D%0A%0A%20%20.card%20%2B%20.card%20%7B%0A%20%20%20%20margin-top%3A%2016px%3B%20%2F*%20%E7%B8%A6%E4%B8%A6%E3%81%B3%E3%81%AE%E5%A0%B4%E5%90%88%20*%2F%0A%20%20%7D%0A%0A%20%20%2F*%20%E7%94%BB%E5%83%8F%20*%2F%0A%20%20.card-media%7Bwidth%3A100%25%3Bheight%3A100%25%3B%7D%0A%20%20.card-media%20img%7B%0A%20%20%20%20width%3A100%25%3Bheight%3A100%25%3B%0A%20%20%20%20object-fit%3Acover%3Bdisplay%3Ablock%3B%0A%20%20%20%20aspect-ratio%3A1200%2F630%3B%0A%20%20%7D%0A%0A%20%20%2F*%20%E6%9C%AC%E6%96%87%20*%2F%0A%20%20.card-body%7Bpadding%3A16px%2020px%3Bdisplay%3Aflex%3Bflex-direction%3Acolumn%3Bgap%3A8px%7D%0A%20%20.card-title%7Bmargin%3A0%3Bfont%3A700%2018px%2F1.5%20sans-serif%7D%0A%20%20.card-desc%7Bmargin%3A0%3Bfont%3A13px%2F1.6%20sans-serif%3Bcolor%3A%23555%7D%0A%20%20.card-domain%7Bmargin-top%3Aauto%3Bfont%3A12px%2F1.6%20sans-serif%3Bcolor%3A%23777%7D%0A%0A%20%20%2F*%20%E3%82%B9%E3%83%9E%E3%83%9B%E5%AF%BE%E5%BF%9C%20*%2F%0A%20%20%40media%20(max-width%3A540px)%7B%0A%20%20%20%20.card%7Bgrid-template-columns%3A1fr%7D%0A%20%20%20%20.card-body%7Bpadding%3A12px%7D%0A%20%20%20%20.card-desc%7Bdisplay%3Anone%7D%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ca%20class%3D%22card%22%20href%3D%22https%3A%2F%2Freal.smarthr.co.jp%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%22%3E%0A%20%20%3Cdiv%20class%3D%22card-media%22%3E%0A%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2Fv7qGR2XrOL%2Fs-1200x630_v-fms_webp_9f962b0e-4066-49b1-91c2-03988e31abf7_small.webp%22%20alt%3D%22Real%20SmartHR%20%E3%83%88%E3%83%83%E3%83%97%E7%94%BB%E5%83%8F%22%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cdiv%20class%3D%22card-body%22%3E%0A%20%20%20%20%3Ch2%20class%3D%22card-title%22%3EReal%20SmartHR%3C%2Fh2%3E%0A%20%20%20%20%3Cp%20class%3D%22card-desc%22%3E%E3%83%AA%E3%82%A2%E3%82%B9%E3%83%9E%20-%20SmartHR%E3%81%A7%E5%83%8D%E3%81%8F%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC%E3%81%AE%E3%83%AA%E3%82%A2%E3%83%AB%E3%82%92%E3%81%8A%E5%B1%8A%E3%81%91%E3%81%99%E3%82%8B%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%3C%2Fp%3E%0A%20%20%20%20%3Cspan%20class%3D%22card-domain%22%3Ereal.smarthr.co.jp%3C%2Fspan%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fa%3E%0A%0A%3Ca%20class%3D%22card%22%20href%3D%22https%3A%2F%2Frecruit.smarthr.co.jp%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%22%3E%0A%20%20%3Cdiv%20class%3D%22card-media%22%3E%0A%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2Fv7qGR2XrOL%2Fs-1200x630_v-fms_webp_bf39ff37-d3ad-46cc-8fbb-c8bae45edacc_small.webp%22%20alt%3D%22%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BESmartHR%20%E6%8E%A1%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88%20%E3%83%88%E3%83%83%E3%83%97%E7%94%BB%E5%83%8F%22%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cdiv%20class%3D%22card-body%22%3E%0A%20%20%20%20%3Ch2%20class%3D%22card-title%22%3E%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BESmartHR%20%E6%8E%A1%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88%3C%2Fh2%3E%0A%20%20%20%20%3Cp%20class%3D%22card-desc%22%3ESmartHR%E3%81%AE%E6%8E%A1%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E3%81%99%E3%80%82%E3%82%B3%E3%83%BC%E3%83%9D%E3%83%AC%E3%83%BC%E3%83%88%E3%83%9F%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%A7%E3%81%82%E3%82%8B%E2%80%9Cwell-working%20%E5%8A%B4%E5%83%8D%E3%81%AB%E3%81%BE%E3%81%A4%E3%82%8F%E3%82%8B%E7%A4%BE%E4%BC%9A%E8%AA%B2%E9%A1%8C%E3%82%92%E3%81%AA%E3%81%8F%E3%81%97%E3%80%81%E8%AA%B0%E3%82%82%E3%81%8C%E3%81%9D%E3%81%AE%E4%BA%BA%E3%82%89%E3%81%97%E3%81%8F%E5%83%8D%E3%81%91%E3%82%8B%E7%A4%BE%E4%BC%9A%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%80%82%E2%80%9D%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%99%E3%82%8B%E4%BB%B2%E9%96%93%E3%82%92%E5%8B%9F%E9%9B%86%E3%81%97%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%3Cspan%20class%3D%22card-domain%22%3Erecruit.smarthr.co.jp%3C%2Fspan%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fa%3E