URBAN HOME
お客様の多様なライフスタイルに寄り添う注文住宅会社。全体を包み込むのは、暮らしの温もりを感じさせる柔らかなクリーム色の背景と、安心感や自然との調和を象徴するディープグリーンの鮮やかなコントラスト。洗練されたモダンな印象を与えつつも、ポップなあしらいイラストを取り入れることで、遊び心と親しみやすさを感じさせます。自然光が差し込むリビングでくつろぐ家族の姿や、元気いっぱいに遊ぶ子供たちの写真を大きく配置。単なる建物のスペックを伝えるのではなく、その家で営まれる豊かで幸せな日常の解像度をぐっと引き上げています。見学会などのイベント情報や施工事例は、端正なカード型のグリッドレイアウトで分かりやすく整理されています。写真には随所でカーソルを置くとエフェクトしたり、詳細が表示されるなど、ホバー状態を可視化し、ユーザーの直感的な情報収集をサポートしています。クオリティの高い写真と細かなイラストの融合と、家族の体温を感じるアットホームな空気感が心地よく調和した、温かみに溢れるデザインです。
界 草津、2泊3日旅のすすめ
星野リゾートが提案する草津温泉での滞在の魅力を、まるで絵巻物を紐解くように情緒豊かに描いたプロモーションサイトです。和紙のような温かみのある細かなテクスチャのサンドベージュをベースカラーに据え、温泉の湯や豊かな自然を連想させる柔らかなブルーグリーンと、湯上がりの高揚感や活気を表すようなコーラルの赤を巧みに組み合わせています。ファーストビューで目を惹く円形のイラストアニメーションは、草津で体験できる多彩なアクティビティを一つの輪として表現し、訪れる前の旅への期待感を膨らませます。画面全体を通して、湯けむりやなだらかな丘陵を思わせる曲線のレイアウトを採用。その余白に、散策する人々や温泉でくつろぐ様子を描いた可愛らしミニチュアのようなイラストをちりばめることで、格式高い老舗リゾートのイメージに親しみやすさをプラス。背景でもゆっくりと動くイラストの配置でリズムを作り出しています。ページ下部では一転して、深い森の静寂を捉えたダークトーンの実写写真を配置。ポップで軽やかなイラストの空想的な世界観から、上質で深みのあるリゾートのリアルな空気感へと引き込む、コントラストが効いたストーリー設計になっています。
日進化成｜化学品・建材の専門商社
化学品や建材を扱うBtoB専門商社の、堅実な企業基盤と親しみやすい姿勢を表現したコーポレートサイトです。前半の事業紹介エリアでは、温かみのあるクリーム色をベースに、カラフルで現代的なフラットイラストやアイソメトリック図を使用。難解で堅苦しくなりがちな専門商社の事業内容を、動きも付けてまるで絵本のように分かりやすく視覚化し、ユーザーが抱く心理的なハードルを大きく下げています。一方で、中盤の企業情報エリアに入るとトーンは一転。歴史と高い信頼感を感じさせるディープグリーンを背景に大胆に展開し、実写の社員写真や歴史的な写真もトーンを合わせて配置。この明暗とテイストの大幅な切り替えにより、前半のイラストがもたらす柔らかく親しみやすいアプローチと、深い緑と実写写真が担保する歴史ある企業の重厚感が見事に両立しています。また、セクションを優しく区切るアーチ状のあしらいや、丸みを帯びたカードUIが、これら二つの異なる世界観をシームレスに繋ぎ合わせています。関わる人々に寄り添う確かな温もりある可愛さと、専門商社の堅実さを感じさせる洗練された空気感が、画面全体から真っ直ぐに伝わる、非常に秀逸なデザイン設計です。
八芳園洋菓子店
八芳園が手掛けるパティスリーブランドの、上質で温かみのある世界観を見事に体現したブランドサイトです。画面全体を優しく包み込む柔らかなクリーム色をベースカラーに設定することで、洋菓子が持つ甘く豊かな香りや、厳選された素材のシズル感を視覚的に強く引き立て、訪れるユーザーに心地よい安心感と幸福感を与えています。テキストには真っ黒ではなくダークブラウンを採用し、繊細な明朝体やセリフ体と組み合わせることで、歴史ある老舗ならではの確かな品格と優しさを画面全体で演出。さらに、このサイトの最大の魅力は、随所に散りばめられた彩り豊かな幾何学模様のオリジナルグラフィックにあります。日本の伝統工芸や積み重なるスイーツを連想させるこのモダンでアートな装飾が、静かで上品なレイアウトの中にリズミカルな遊び心をプラスしています。高品質でクラシカルな美しい商品写真と、現代的なグラフィックがたっぷりの余白の中で交差することで、「和と洋」「伝統と革新」の共存が直感的に伝わり、商品や店舗の紹介とブランドイメージを確かにユーザーに届けています。芸術的な美意識と食べる喜びが見事に融合した、上質な視覚体験を提供するデザインに仕上げられています。
もりおか眼科
眼科クリニックという医療機関特有の冷たく無機質なイメージを、木の温もりが溢れる空間写真と柔らかな配色で見事に払拭したWebサイトです。ファーストビューで広がる自然光に満ちた院内の風景のスライドショーと「目を拓く」という美しいコピーが、これから診察に訪れる患者の心理的な不安を優しく解きほぐすと同時に、知りたい情報の診療時間も掲載して安心感を与えています。ベースカラーには美しい木目の建築と調和する温かなオフホワイトやペールベージュを採用し、たっぷりと余白を取ることで清潔感と開放感を演出。一方で、テキストやアイコンのメインカラーには、誠実さと高度な医療の信頼感を担保するクリアなロイヤルブルーを使用しています。この知的で澄んだブルーがサイトを引き締め、眼科ならではのはっきりと澄み渡る視界を表しているようです。さらに、特徴を紹介するカードUIの背景には、波紋や細かなグリッドの繊細なラインアートをさりげなく配置。視覚やレンズのピントを連想させる細部のあしらいが、デザインに知的な奥行きを与えています。医療機関に不可欠な信頼感と、患者に寄り添うホスピタリティが、洗練されたレイアウトと和やかな表情の写真との調和から真っ直ぐに伝わるデザイン設計です。
株式会社KEEPs | 雨漏りの窓口キープス
柔らかなアイボリーやペールピンク、イエローといったパステル調の暖色を背景に敷き詰め、テキストには黒ではなく温かみのあるブラウンを採用した、極めて優しく親しみやすい配色。雨漏りや外壁塗装という、困っている時に助けてくれる安心感を全ターノカラーで表現しています。構成の最大の特徴は、ファーストビューからサイト全体に広がる、街と人々を描いた絵本のようなイラストレーションと、丘のように緩やかな曲線で区切られたセクションレイアウトです。家を単なる物件としてではなく、人々の温かい生活の場として温かく描くことで、サービスの大切なコンセプトである「安心を暮らしに。」というメッセージを情緒的に伝えています。また、料金プランや管理のステップといった複雑になりがちな情報も、角を丸めたカードUIやアイコンを用いてスッキリと整理されており、視覚的なノイズが全くありません。スクロールに合わせて背景の丘が連なっていくような構成は、ユーザーに安心感を与えながら、自然とサービス内容の理解からお問い合わせへと導きます。堅苦しさを完全に排除し、徹底的にユーザー目線で優しさと使いやすさに寄り添った、サービスサイトのお手本のような導線設計です。
土とデジタル | Biophilic Studio – Bit & Bio
自然（アナログ）とデジタル（テクノロジー）という相反する要素の鮮烈な融合。ファーストビューやフッターのドットアニメーションが、動植物や自然など有機的なモチーフを、あえて粗いピクセルアートで描画することで、企業のステートメントである「テクノロジーと自然環境の共存」を視覚的に突きつけています。一方で、中央に配置された水面の写真だけがリアルな質感を持っており、情報空間の中のバグのような、あるいはオアシスのような強い違和感と美しさを放っています。配色は、無機質な白ではなく、大地の土を連想させるような温かみのあるサンドベージュを背景に敷き、すべての要素を力強いブラックで統一した、極めてコンセプチュアルで装飾を排したデザインを感じさせます。全体のレイアウトは、中央揃えのタイポグラフィと、罫線のみで構成されたミニマルな表で構築され、過度なアニメーションやUIの装飾を完全に削ぎ落とし、文字のジャンプ率と余白、そしてソリッドな線の美しさだけで魅せる、現代アートの展示空間のような設計となっています。
リファラル採用｜中途採用｜エムスリーキャリア採用サイト
肌馴染みの良い温かで淡いベージュを背景に、人との繋がりや活力を連想させるテラコッタ系のオレンジをメインカラーに据えた、親しみやすく温和な配色設計です。リファラル採用という、人と人との信頼関係をベースにした採用手法のコンセプトを、色彩の温度感で体現。半円や三角形を組み合わせたモダンな幾何学グラフィックと、あたたかみのある手描き風の線画イラストの掛け合わせがサイトのポイントになっています。幾何学図形が企業としての洗練された印象や制度の仕組みを表現する一方で、メリットを解説するセクションにゆるやかな線画イラストを配置することで、ユーザーの緊張感や心理的ハードルを優しく下げています。スクロールに呼応するモーションやレイアウトは、奇をてらわず、情報がスッと頭に入ってくるプレーンで読みやすい設計に徹しています。ステップ化された選考フローや、開閉式のよくあるご質問、そして視認性の高いダークグレーのボタンなど、求職者が知りたい情報へ迷わずアクセスできる、思いやりとユーザビリティに溢れた手堅い導線設計となっています。
shica shica candle
温もりを感じさせる柔らかなアイボリーを基調に、テキストには優しく空間を引き締めるチャコールグレーを配した、心安らぐナチュラルな配色設計です。サイト自体に強い色を持たせず、キャンドルの灯りや自然光を捉えた写真の色彩をそのまま活かすことで、ハンドメイドならではの温もりと穏やかな空気感を視覚的に伝えています。キャンドルや炎の揺らぎを連想させる楕円形の柔らかなシェイプと、手描きの細い点線やイラストを空間に散りばめたレイアウト。画像を規則的なグリッドに並べるのではなく、あえてアシンメトリーに配置し、たっぷりと余白を取ることで、ゆったりとした心地よい時間の流れを表現しています。見出しにはエレガントなセリフ体と本文は柔らかく親しみやすい明朝体で上品でありながらも日常にそっと寄り添う、アトリエの優しい世界観を見事に体現しています。スクロールに呼応するモーションは、写真やテキストがふんわりと優しく浮かび上がるフェードインで統一され、テキストもふわっと出現するアニメーションで、キャンドルに火が灯るような静かで落ち着いたリズムを生み出しています。柔らかな楕円と手書きの線が、キャンドルのような温もりを画面に灯す穏やかなアトリエのサイトです。
Mr.ウエスマン （エイジトレーディング株式会社）
温かみのあるアイボリーを背景の基調とし、リサイクルや環境を連想させる鮮やかなグリーンをメインカラーに据え、パープルやブルーといったビビッドな色をアクセントに効かせた、極めてエネルギッシュでポップな配色設計。太い黒の縁取りが印象的な80〜90年代のレトロポップ風のイラストと、オリジナルキャラクターMr.ウエスマンを全面に押し出したエンタメ感あふれるレイアウト。セクションの境界線には波打つような有機的な曲線が用いられ、布（ウエス）の柔らかさやリサイクルの循環をコンセプチュアルに表現しています。また、極太のゴシック体を用いた大きなタイポグラフィや、LINEのトーク画面を模したUIなど、ユーザーを飽きさせず直感的に情報を読み進めさせる工夫が随所に凝らされています。工業用ウエスというBtoBの固い商材でありながら、そのイメージを良い意味で裏切る親しみやすさを視覚的に爆発させています。キャラクターがコミカルに動いたり、要素がポンッと弾むように現れたりする、遊び心に満ちた楽しいモーションを採用。ユーザーをワクワクさせながら自然と商品ラインナップやお問い合わせへと導く、エンターテインメント性とユーザビリティが高度に融合した導線設計となっています。
