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