リファラル採用｜中途採用｜エムスリーキャリア採用サイト
肌馴染みの良い温かで淡いベージュを背景に、人との繋がりや活力を連想させるテラコッタ系のオレンジをメインカラーに据えた、親しみやすく温和な配色設計です。リファラル採用という、人と人との信頼関係をベースにした採用手法のコンセプトを、色彩の温度感で体現。半円や三角形を組み合わせたモダンな幾何学グラフィックと、あたたかみのある手描き風の線画イラストの掛け合わせがサイトのポイントになっています。幾何学図形が企業としての洗練された印象や制度の仕組みを表現する一方で、メリットを解説するセクションにゆるやかな線画イラストを配置することで、ユーザーの緊張感や心理的ハードルを優しく下げています。スクロールに呼応するモーションやレイアウトは、奇をてらわず、情報がスッと頭に入ってくるプレーンで読みやすい設計に徹しています。ステップ化された選考フローや、開閉式のよくあるご質問、そして視認性の高いダークグレーのボタンなど、求職者が知りたい情報へ迷わずアクセスできる、思いやりとユーザビリティに溢れた手堅い導線設計となっています。
東横INN 新卒採用サイト
清潔感のあるクリーンなホワイトと、ブランドカラーである誠実なブルーを基調とし、エネルギッシュなオレンジをアクセントに効かせた、爽やかで熱量のある配色の採用サイトです。ホテル業界に不可欠な信頼感や安心感をブルーのグラデーションでしっかりと担保しつつ、鮮烈なオレンジが新卒採用ならではのフレッシュな勢いと、「Cheer for Start! 出発を応援する」というコンセプトの温かさを視覚的に伝えています。構成の最大の特徴は、コンセプトである応援の象徴としてのフラッグやメガホンをモチーフにした、三角形のグラフィックと斜めのラインの多用です。画面全体を舞う大小の三角形や、風になびく巨大な旗のビジュアルが、ダイナミックなスケール感と右肩上がりのポジティブなエネルギーを生み出しています。また、社員の写真をあえて斜めに切り抜いたり、リズム感のある配置にすることで、静的になりがちなコーポレート情報を躍動感あふれるエンターテインメントへと昇華させています。
株式会社 PIECE
ファーストビューにおける円形のダイナミックな写真切り抜きや、セクション背景に用いられているロゴマークのシェイプが特徴的なサイト。直線を多用する一般的なコーポレートサイトとは異なり、こうした柔らかな曲線を取り入れることで、空間に心地よいリズムと柔らかさを生み出しています。カラーには上品で温かみのあるサンドベージュをベースに、テキストには引き締まったダークトーンを配し、アクセントとして柔らかくも鮮やかなオレンジを効かせた、洗練と親しみやすさが共存する配色。この落ち着いたベースカラーが、上質な空間や人々の笑顔を捉えた写真の魅力をノイズなく引き立て、ホスピタリティ企業としての温もりを視覚的に伝えています。角丸の画像とカラーリングがフラットで今時な印象も演出。画面を横断して流れる大きなタイポグラフィを配置するなど、モダンで遊び心のあるエディトリアルデザインが採用されており、広大な余白と端正なゴシック体が知的な印象をしっかりと担保しています。
あさひな歯科｜地域に根ざした歯科診療
温かみのある淡いベージュとクリーンなホワイトを基調に、親しみやすいオレンジや自然を感じさせる柔らかなグリーンをアクセントに用いた、安心感に満ちた配色設計です。歯科医院特有の冷たい印象を払拭し、患者の不安を優しく和らげるようなカラーリング。最大の特徴は、水彩画のような温もりあるタッチの背景画像と、シンプルなイラストレーションのブレンド、角を大きく丸く落とした写真やUI要素の組み合わせ。木々や家族のイラストが随所に散りばめられ、直線を極力無くしたレイアウトが、優しい絵本のようなホッとする視線誘導を実現しています。 タイポグラフィは、可読性の高い丸ゴシック体の見出しはロゴに合わせたオレンジ、本文にはダークグレーを使用することで、親しみやすい印象を作り子供からお年寄りまで幅広い世代に情報を分かりやすく丁寧に伝えています。
札幌調理製菓専門学校
温かみのあるクリーム色を基調に、活気を感じさせる鮮やかなイエローと、食欲をそそるオレンジをアクセントに用いた、親しみやすくエネルギーに満ちた配色設計。写真は明るいトーンで統一され、学生たちの生き生きとした表情や料理のシズル感を魅力的に引き立てています。タイポグラフィは見出しにクセのあるフォントで、本文は可読性の高いゴシック体を主軸としつつ、背景や装飾に手書き風のあしらいを交えることで、手作りの温もりやクリエイティビティを視覚的に表現しています。レイアウトは、料理のクリームや生地を連想させる波打つような有機的な曲線をセクション境界に用い、要素を効果的に重ね合わせることで、楽しげなリズム感のある視線誘導を実現しています。マスクされた学生の写真が小さくポイントで配置され、賑やかな雰囲気と校内で学生と顔を合わせるような印象に。特に閲覧者が興味のある卒業生へのインタビュー情報を設置することで、ユーザーに寄り添い、学生目線での制作が伺えます。
溝田建築設計株式会社
全体を温かみのあるアイボリーと木材の風合いを感じさせるベージュで統一し、住宅の「心地よさ」をWeb全体で体現したナチュラルなサイト。レイアウトは、ランダムな写真の配置で世界観を印象付けるセクションが、端正で整ったレイアウトの堅実な全体のテーマをより際立たせます。豊富な施工写真を大きく配置しながらも、余白を大胆に取ることで、圧迫感を排したギャラリーのような空間を構築。タイポグラフィは、見出しの明朝体が柔らかさの中にも建築会社らしい信頼感と構造的な安定感を引き締めています。本文やスペック情報には可読性の高いゴシック体を組み合わせ、感性と理性のバランスを巧みに調整。落ち着きのあるレイアウトと細めの線や明朝体のスタイリッシュさのマッチングが信頼とスマートな印象を与えます。サイトイメージに影響せず、それでいてユーザーの操作を優しく肯定するクオリティの高いマイクロインタラクションが光るコーポレートサイトです。
七福建設
ファーストビューは白ベースに「心地よさと暮らす家」をシンプルに掲げ、背景に流れる英字のモーションと暮らしの写真を重ねることで、「住む人が主役」というコンセプトを静かに、けれど力強く印象づけます。整然としたグリッドレイアウトで情報を整理しつつ、角のないフォントや余白の取り方で、家づくりという真剣なテーマに、柔らかな温もりと親しみやすさを足しているのが特徴です。背景の落ち着いたトーンと、事例写真に写る家族の笑顔や光の演出が、工務店特有の堅さを和らげつつ「理想の暮らし」への想像を掻き立てます。ServiceやFlowのセクションは、情報量は多いのに番号付きのリストやカード配置で役割が明快になっており、どこを見ればよいか迷わないつくり。タイポグラフィは欧文のアクセントと和文の読みやすさのバランスが良く、見出しを追うだけで家づくりの楽しさが伝わります。全体として激しい主張や派手な仕掛けはないものの、丁寧なあしらい・写真の質・分かりやすい導線が相まって、地域に愛される工務店の誠実さと、デザインへのこだわりを感じさせる高品質なサイトとしてまとまっています。
My Room Walker
深い余白と強気なタイポに、「EXCITE WITH YOUR TALENT」の直球コピーが鳴り響くファーストビュー。白を基調にしつつ、ロゴや見出しの差し色がリズミカルに効き、YouTube発のスピード感とポジティブな熱量を視覚化しています。導入文は“クリエイター目線で魅力を最大化する”という約束を簡潔に打ち出し、はじめの数秒で提供価値を掴ませる構成です。中盤は「私たちの強み」「サービス」「制作実績」を一連の物語として束ね、経験と成功事例→トレンド感度→伴走サポートへと論点が階段状に深まる編集。カード型の実績はテキストとサムネイルの比率が適切で、動画への遷移も迷わない。終盤の問い合わせは入力項目を最小限に絞ったフォームと、明快なCTAで“まずは相談”の一歩を軽くする設計。送信後の案内も過不足なく期待値を整え、閲覧の熱量を離脱させずにコンタクトへ滑らかに接続します。全体として、余白・色・動きのコントラストを少ない手数で揃え、コンサルと制作の両輪を“説得力のある物語”に落とし込んだサイトです。
藤原印刷
白を基調に余白を大胆に使い、紙面の版面設計を思わせるレイアウトで“本づくりの会社”らしさを静かに立ち上げる。温度のあるタイポグラフィを大きく据え、写真やコピーとの呼吸を丁寧に合わせることで、各セクションの存在感と世界観を一貫して提示。ページ冒頭からの穏やかなモーションは目線を自然に導き、読み進めるほど情報の濃淡が心地よく伝わる。事例やサービスの章は一度トーンを締め、工程や価値を地に足ついた言葉で“読ませる”構成に。全体は白×黒に柔らかなアクセントカラーをにじませ、抑制の効いたホバーや固定背景で静と動のバランスを保つ。終盤にはWebに“奥付”を持ち込むユニークな仕掛けも配し、理念「つくるよろこびをつくる」を体験として結実させている。
