ハイブリッドホーム
住まいを豊かにするリフォーム企業のサイトですが、一般的な建築業の堅実でお堅いイメージを根底から覆す、一冊の絵本のようにワクワクするデザインに仕上げられています。最大の魅力は、サイト全体を一軒の大きな家に見立てた大胆でユニークな構成。画面をスクロールするごとに別のフロアへと視点が移り、ダイニングで会議する様子や、お風呂でのんびりする風景など、それぞれの部屋で展開される温かな日常のイラストが、見る者の心を優しく惹きつけます。背景には爽やかなライトブルーの空と白い雲が広がり、建物の骨組みとなる煉瓦のテラコッタブラウンが画面全体にどっしりとした安心感と温もりを付与。そこにアクセントとなるグリーンをボタンやロゴに配することで、空間全体をクリーンに引き締めています。専門的で難しくなりがちな施工事例やスタッフ紹介といったコンテンツも、この家の中のポスターや窓の景色のように違和感なくシームレスに配置。リフォームという工事の物理的なハードルを取り払い、その先にある理想の暮らしのストーリーを疑似体験させてくれる、世界観が光るデザイン設計。
株式会社ジェイック｜就職支援・採用支援・社員教育
清潔感のある薄いグレーを基調に、企業の信頼感と誠実さを体現する鮮やかなロイヤルブルーをメインカラーに据えた、爽やかで知的な配色設計と、クオリティの高いグラフィックが光るサイトです。アクセントとしてあしらいに用いられたグリーンやライトブルーが、人材育成というテーマにふさわしい成長や多様性といったニュアンスを空間に添えています。背景を漂う抽象的な3Dオブジェクトが目を惹き、ページ全体で、カチッとしがちなBtoBや人材系のコーポレートサイトにおいて、角を丸く落としたカードUIやボタンを多用することで、求職者や企業担当者に寄り添う親しみやすさと柔軟性を視覚的に表現。また、たっぷりと取られた余白の中に可読性の高いモダンなゴシック体を配置し、サービスや検索メニューを整然としたグリッドで整理することで、膨大な情報量をすっきりと見せるクリアな視線誘導を実現しています。ポイントを絞ったモーションは、ファーストビューやフッター等のフローティングオブジェクトの背景、ホバーには視認性の高いブルーのカプセル型ボタンが滑らかに変化やカード要素のインタラクション。ユーザーを迷うことなくサービス詳細や採用情報へと導きます。鮮やかなブルーとシャープなグラフィックがハイレベルなサービスと信頼を表すサイトです。
株式会社丹青社｜採用サイト
極太のゴシック体やステンシル風、手書き風のフォントをミックスして使用し、まるでストリートアートやDIYで作られたZINEのような、圧倒的な熱量と遊び心あふれる世界観。クリーンなホワイトと方眼紙のようなグリッド線を背景に、鮮烈なレッド、ブルー、イエロー、ピンクといったビビッドカラーを大胆に掛け合わせた、極めてエネルギッシュでインパクトのある配色設計です。構成の最大の特徴は、「満たせ、はみ出せ。」というメインコピーや各セクションのタイトルを、マスキングテープやステッカーのように画面の至る所にランダムかつ斜めに配置している点です。ベースとなる整然としたグリッドをあえて無視し、枠から文字通りはみ出すようなダイナミックなレイアウトが、クリエイティビティと型破りなパワーを視覚的に体現しています。スクロールに呼応するモーションは、重なり合ったテープや画像がそれぞれ異なるスピードで現れるような、躍動感のあるパララックスで、画面全体に強いリズムと生命感を生み出しています。ホバー時にはビビッドな背景色が反転したり、要素が角度がついて大きく動くといった大胆なインタラクションを採用。決して無難にまとまらず、閲覧者に企業の挑戦的なスタンスを強烈に印象付けながらエントリーへと導く、野心的な設計となっています。
Patisserie PONO パティスリーポノ
淡い水色とクリーンなホワイトを基調に、温かみのある柔らかなレモンイエローをポイントカラーに、極めて優しく清潔感のあるパステルカラーの配色。このソフトな背景色が、ケーキに添えられたイチゴの赤や焼き菓子の豊かなブラウンといった、スイーツ本来の鮮やかな色彩とシズル感を、甘く魅力的に引き立てています。構成の最大の特徴は、生クリームが滑らかに垂れるような波線や、水彩画のような滲みを持つ有機的な曲線をセクションの境界に大胆に用いている点。直線的なグリッドをあえて崩し、手書き風の可愛らしい線画イラストを空間に散りばめることで、まるで優しい絵本の世界に迷い込んだかのような、ワクワクする視線誘導を実現しています。タイポグラフィには、品格のある細身の明朝体を主軸に据えつつ、わずかに手書き風のフォントを交えることで、お菓子作りの丁寧な手仕事感と、地域に根ざした親しみやすさを見事に両立させています。スクロールに呼応するモーションは、各要素が短い距離をゆっくりと滑らかにフェードインする挙動で統一され、店舗に流れる穏やかで優しい空気感を視覚的に表現しています。たっぷりと取られた余白の中に配置されたデザイン性の高いリンク要素が、世界観のノイズにならずにユーザーを自然とメニューや店舗情報へと導く、丁寧で温もりのある導線設計となっています。淡い水色と生クリームの曲線が描く、絵本のようなパティスリー空間。
焼津市の矯正専門歯科【やいづ原崎矯正歯科】
基調色は清潔感のあるオフホワイトと落ち着いたネイビーブルーで構成され、明快なコントラストの中にも医療機関らしい信頼感と温かみを感じさせる配色です。写真は明度を高く保ち、ニュートラルから微かに暖色寄りの色温度で統一することで、院内の清潔で穏やかな空気感を伝えています。レイアウトは堅実なグリッドシステムをベースにしながらも、セクションの境界や所々のアクセントに繊細な線で波打つような有機的な曲線を用いることで、まるで静かな水面を眺めるような心地よい視線誘導を実現しています。タイポグラフィは視認性の高いゴシック体を軸とし、見出しにはエレガントな欧文フォントを併記して視覚的なアクセントを付与。本文との明確なウェイト差と十分な行間・字間設計により、高い可読性を確保しています。スクロールに呼応するモーションは、各要素が短い移動距離を下からゆっくりとしたイージングでフェードインする挙動に統一されており、サイト全体の柔らかなトーンを損なわない一貫性を保持しています。ホバー時のマイクロインタラクションは、CTAボタンの色変化や微小なズームなど、抑制の効いた変化でフォーカス状態を明確に可視化。また、診察時間やアクセスといった閲覧者が知りたい情報がすぐアクセスできるように常時サイドに追従する設計で次のアクションへ安心して導く堅実な導線設計となっています。
株式会社BuySell Technologies 新卒採用サイト
鮮やかなブルーを基調に、ホワイトやペールブルーを組み合わせた、知的でクリーンな印象を与える配色でスタイリッシュなリクルートページ。信頼感と透明性を重視し、ビジネスの成長性や先進性を感じさせる洗練されたトーンで統一されています。写真は、働く社員の表情やオフィスの雰囲気を自然な光の中で捉えたものが多く、企業文化の明るさと風通しの良さを視覚的に伝えています。視認性の高いゴシック体タイポグラフィをベースに、見出しやキャッチコピーにはウェイトのある欧文フォントを併用。これにより、メッセージの力強さとモダンなリズムが生まれ、読み手を飽きさせない構成になっています。レイアウトは、グリッドシステムを基本としながらも、写真やテキストブロックを大胆に配置することで、動きのあるダイナミックな空間を構築。全体を通してカードのようなデザインが統一されています。モーション言語は、ホバーすると背景色が変化するパララックス効果や画像の無限ループなどを効果的に使用。これにより、情報の視認性を保ちながらも、ユーザーの興味を引きつけるインタラクティブな体験を提供しています。
Likenomad株式会社
ブランドの主役である「猫」の温かみを引き立てるオレンジやはっきりしたブルーを配した、親しみやすくナチュラルな配色設計。様々なテイストのイラストや写真の猫をふんだんに散りばめ、掲載写真のトーンも自然光を感じさせる明るく優しい質感で統一されており、企業の持つ「猫と人をつなぐ」というビジョンを視覚的に表現。タイポグラフィは、丸みを帯びたサンセリフ体を見出しに大きく配置してポップな印象を与えつつ、本文には可読性の高いゴシック体を採用し、情報の信頼性を担保。余白を広くとりながらセクションごとに明確な区切りを設け、縦スクロールの中でリズムよく情報が入ってくるよう設計されています。モーション言語は、スクロールに合わせて要素がふわっと浮き上がるフェードインや、画像が緩やかにズームする演出を取り入れ、ポイントに横方向のアニメーションやモーションを使用して猫のしなやかな動きを連想させるような心地よいテンポ感を創出。丸みを帯びたボタンで押しやすさを示唆し、ホバー時に色が反転するなどのマイクロインタラクションが、ユーザーの操作を軽やかに後押しする導線となっています。
名古屋エステイト社 不動産の総合コンサルタント
ネイビーブルーを全面に敷き、文字や主要素に白を用いることで、高いコントラストによる優れた可読性と、知的で誠実な印象を両立させた配色。抜け感のあるイラストは同系色のトーンで統一し、落ち着きのある洗練された世界観を構築し、「不動産の堅苦しさ」を払拭した親しみやすい設計です。特徴的なキャラクターが多様なポーズを取ることで、「あの手この手で応える」という企業の多角的な提案力を、ユーモラスかつ直感的に視覚化しています。タイポグラフィは、優しさのあるゴシック体で、本文は行間を広めに配置して信頼性を担保しつつ、セクション背景に溶け込ませた大きく薄い欧文のあしらいで、伝統と革新のハイブリッドな企業姿勢を視覚化し、デザイン的なアクセントとしても機能しています。レイアウトは、十分な余白によって視線をスムーズに下方向へ誘導。各セクションには背景色と強く対比する白い角丸のCTAボタンが配置され、次のアクションへの導線が迷いなく認識できる設計となっています。
山鹿温泉 湯宿 湶
全体を質感のある深いネイビーでまとめ、温泉旅館特有の静けさと落ち着きを表現した配色設計。ファーストビューでは明朝体と欧文による二言語のコピーが静かに迎え入れ、館内の情景を切り取った写真がゆっくりと移り変わる、端正で品格のある導入となっています。構成のポイントは、ゆったりと取られた余白と、英語を添えてリズムを生み出した見出しです。これにより情報の階層をユーザーへ迷いなく伝達しています。ゆっくりと切り替わる写真や、スクロールに呼応してコピーや写真が穏やかにフェードインすることで、温泉に浸かっているかのような心地よい「間」とリズムを演出。要所に設置された予約ボタンのホバーアクションは過度な装飾ではなく、微細な変化に統一し、写真から伝わる質感や、文章に込められた温度感を主役に据える抑制の効いたデザインです。配色・余白・控えめなモーションが、「飾らず、良い湯をまっすぐ伝える」という宿の姿勢そのものをデジタル上で体験化させた、信頼感あふれるサイトに仕上がっています。
クラウドローン株式会社
ローンや金融という本来お堅く見えがちな業種のイメージを覆す、親しみやすさと先進性が融合したモダンなデザインです。ユーザーを惹きつける特徴的なファーストビューの、“Turn someday into steps” というメッセージを体現するように、パネルや水滴を思わせる有機的で柔らかなグラデーションシェイプが画面全体に浮遊し、ユーザーの心理的ハードルを優しく下げています。配色は、安心感や成長を連想させる鮮やかなグリーンを主軸にしつつ、パステルカラーを散りばめることで温かみを演出。一方で、要所に配置された黒のカプセル型ボタンや、太字のサンセリフ体タイポグラフィが、画面全体をシャープに引き締め、単なる可愛いサイトで終わらせない金融×テック企業としての信頼感と洗練さを担保しています。サービス紹介エリアでは背景をグリーンに切り替え、クリーンなUIイラストを用いることで複雑な仕組みを直感的に伝達。チームの自然体な写真と柔らかなあしらいが見事に調和し、テクノロジーの力でユーザーに寄り添う企業のスタンスが、視覚体験を通して伝わってくる優れたコーポレートサイトです。
