日進化成|化学品・建材の専門商社

化学品や建材を扱うBtoB専門商社の、堅実な企業基盤と親しみやすい姿勢を表現したコーポレートサイトです。前半の事業紹介エリアでは、温かみのあるクリーム色をベースに、カラフルで現代的なフラットイラストやアイソメトリック図を使用。難解で堅苦しくなりがちな専門商社の事業内容を、動きも付けてまるで絵本のように分かりやすく視覚化し、ユーザーが抱く心理的なハードルを大きく下げています。一方で、中盤の企業情報エリアに入るとトーンは一転。歴史と高い信頼感を感じさせるディープグリーンを背景に大胆に展開し、実写の社員写真や歴史的な写真もトーンを合わせて配置。この明暗とテイストの大幅な切り替えにより、前半のイラストがもたらす柔らかく親しみやすいアプローチと、深い緑と実写写真が担保する歴史ある企業の重厚感が見事に両立しています。また、セクションを優しく区切るアーチ状のあしらいや、丸みを帯びたカードUIが、これら二つの異なる世界観をシームレスに繋ぎ合わせています。関わる人々に寄り添う確かな温もりある可愛さと、専門商社の堅実さを感じさせる洗練された空気感が、画面全体から真っ直ぐに伝わる、非常に秀逸なデザイン設計です。

株式会社ShareDan

作るだけでなく育てるという真摯な伴走型スタンスを、視覚的なリズムと心地よいコントラストで見事に体現したコーポレートサイト。白とライトグレーを基調とした余白の多いクリーンな空間に、企業の成長や活力を象徴する鮮やかなエメラルドグリーンをメインカラーとして配置。これにより、最先端のIT企業らしい洗練された透明感と、現場に寄り添う人間味を両立させています。構成上の特徴は、情報を区切る大胆な背景色の切り替えと、柔らかなUI設計です。ファーストビューから続くサービス紹介エリアでは、丸みを帯びたカードデザインと親しみやすい線画アイコンを多用。難解に思われがちなシステム構築やWeb運用といった専門的な内容を、ユーザーが直感的に消化できるよう整理されています。一方で、実績を紹介するセクションでは背景をダークグレーに反転させ、制作物のクオリティをシャープに強調。終盤の採用エリアでは流れるような手書き文字のあしらいを添え、再び人の温もりへと立ち戻ります。デジタル領域の機能美と、クライアントと共に成長する姿勢が洗練されたクリアなデザインから真っ直ぐ伝わる設計です。

EMS・UNIVERSE合同採用サイト

スライドショーのファーストビューに「会社のつづきを守る仕事。」という真っ直ぐなコピーが胸を打つ、企業2社の合同採用サイトです。環境・産業廃棄物という極めて専門性の高い業種でありながら、全体を淡いブルーグリーンやオフホワイトの爽やかな色調で包み込むことで、求職者に寄り添う透明感とクリーンな印象を際立たせています。一方で、テキストやUIの要所には深いネイビーを採用し、ビジネスとしての確かな知性と誠実さを担保しています。視覚的な特徴として目を惹くのが、背景にふわりと浮かぶ色とりどりのブロックのモチーフです。ファイルのインデックスのようなセクションの見出しや、角丸の写真のループなどともマッチし、これらが重なり合い、形を変えていく抽象的なあしらいは、異なる企業同士が出会い融合していくプロセスや、未来へ向けたピースを繋ぎ合わせる事業の本質を美しく暗喩しているようです。淡くモダンな背景色に対して、現場で働く社員たちの真剣な眼差しや柔らかな表情を捉えた写真がくっきりと浮かび上がり、プロフェッショナルとしての心地よい緊張感と風通しの良い職場の雰囲気を同時に伝えています。専門的な領域の仕事を、洗練された余白と知的なグラフィックでスマートに紐解くデザインです。

株式会社Cominka 採用サイト

深い緑色をメインカラーに大胆に据え、落ち着きと知的さを感じさせる洗練された採用サイト。クリーンな白と深緑のコントラストが、企業の誠実な姿勢や持続的な成長力を美しく体現しています。緑はベタ塗りではなく今どきのノイズテクスチャとグラデーションで質感と奥行きをプラス。アクセントの鮮やかな赤色が、エントリーボタンや重要なメッセージへの視線を自然かつ強力に誘導し、全体的に静かでクールなトーンの中に秘められた情熱や活力を効果的に表現しています。見出しのタイポグラフィには力強さと品格のあるセリフ体を採用し、要所で縦書きのレイアウトを取り入れることで、日本の伝統的な美意識や格式高さを演出し、そこに風や波のような有機的で流線型のデジタルグラフィックを交差させることで、重厚感と最先端のWebテクノロジーが融合した独自の世界観を構築しています。社員の自然な表情を捉えた写真が豊富に配置され、プロフェッショナルとしての心地よい緊張感と、風通しの良い社風が同居していることが伝わります。論理的で専門性の高い事業内容でありながら、企業の揺るぎない芯の強さが、余白を活かした端正なレイアウトから真っ直ぐに伝わるデザインです。

湘南工科大学 オープンキャンパス

フレッシュでエネルギーに満ちたライムグリーンをメインカラーに大胆に敷き詰め、知的でシャープなネイビーをアクセントに効かせた、極めてポップでサイバーなカラーデザインと、ファーストビューのメカニックなキャラクターイラストと、ストライプラインのアクセント。工科大学らしいテクノロジーのイメージと、オープンキャンパスに向けた高校生のワクワク感・若々しさを、見事に両立させています。宙に浮くようなイラストやドットパターンのあしらいが、ゲームやアニメのような近未来的な世界観を創出し、「やってみたいが、はじまりの一歩。」というキャッチコピーの通り、新しい体験への期待感を高めます。一方で、スケジュールやピックアップイベントといった具体的な情報群は、ブループリントを連想させるようなスッキリとした白背景のカードUIの中に端正に収められており、派手なビジュアルに情報が埋もれないよう綿密に計算されています。全体のレイアウトは、背景のダイナミックなグラフィックと、整然とした情報ブロックの緩急が非常に優れています。エッジの効いたサイバーポップな世界観でターゲットの心を掴みつつ、オープンキャンパスの参加に必要な情報は迷わず取得できる、エンターテインメント性とユーザビリティが高度に融合した特設サイトです。

Mr.ウエスマン (エイジトレーディング株式会社)

温かみのあるアイボリーを背景の基調とし、リサイクルや環境を連想させる鮮やかなグリーンをメインカラーに据え、パープルやブルーといったビビッドな色をアクセントに効かせた、極めてエネルギッシュでポップな配色設計。太い黒の縁取りが印象的な80〜90年代のレトロポップ風のイラストと、オリジナルキャラクターMr.ウエスマンを全面に押し出したエンタメ感あふれるレイアウト。セクションの境界線には波打つような有機的な曲線が用いられ、布(ウエス)の柔らかさやリサイクルの循環をコンセプチュアルに表現しています。また、極太のゴシック体を用いた大きなタイポグラフィや、LINEのトーク画面を模したUIなど、ユーザーを飽きさせず直感的に情報を読み進めさせる工夫が随所に凝らされています。工業用ウエスというBtoBの固い商材でありながら、そのイメージを良い意味で裏切る親しみやすさを視覚的に爆発させています。キャラクターがコミカルに動いたり、要素がポンッと弾むように現れたりする、遊び心に満ちた楽しいモーションを採用。ユーザーをワクワクさせながら自然と商品ラインナップやお問い合わせへと導く、エンターテインメント性とユーザビリティが高度に融合した導線設計となっています。

東京理科大学 創域理工学部 情報計算科学科

ロゴマークのシェイプでマスクされた写真スライドがファーストビューの顔になっています。サイト全体で角を大胆に丸めたカプセル型や、一部の角だけを落とした変形シェイプを用いた写真の切り抜きやあしらいが特徴。直線を基調とした端正なグリッドレイアウトの中に、こうした有機的で柔らかな曲線を取り入れることで、計算と社会・人間の融合という学科の理念を見事にデザイン言語として体現しています。また、随所に斜めのストライプパターンや幾何学的なグラフィックを配置することで、理系学科ならではの論理的で知的なリズムを空間に生み出しています。清潔感のあるクリーンなホワイトと淡いライトグレーを背景に、生命力と未来を感じさせる鮮やかなグリーンをメインカラーに据えた、フレッシュで知的な配色設計。「情報計算科学」というデジタルで先進的な領域を扱いながらも、冷たい無機質な印象を与えず、社会課題や人間に寄り添うような温かみとエネルギーを視覚的に伝えています。鮮やかなグリーンと有機的なシェイプが、「計算」と「社会」の融合を表現したサイトです。

嘉瀬こどもの森|佐賀市の認定こども園

手でちぎった紙のようなエッジや、水彩絵の具の滲みを感じさせる曲線を画面全体に大胆に用いている点が特徴のぬくもりあるサイト。写真をランダムに切り抜き、手書き風の可愛らしいイラストやあしらいを重ねることで、直線的なグリッド感を感じさせない、まるで手作りのスクラップブックのような、自由で伸びやかなレイアウトを実現しています。タイポグラフィにも丸みのあるフォントや手書き文字を採用し、保育園ならではの親しみやすさと愛情を視覚的に表現しています。 配色は、自然の息吹を感じさせる深いグリーンと、温もりあるベージュをメインに、土や水、太陽を思わせるアースカラーを要所に散りばめた、優しく安心感に満ちたデザイン。豊かな自然環境の中で子どもたちがのびのびと過ごす姿を捉えた写真が、このオーガニックな色彩と調和しています。じわっと浮き上がるフェードインアニメーションや柔らかく反応するホバーアクションが、子どもたちとの穏やかな時間を感じさせる、手作りの絵本のようなサイト。

鹿児島で建築工事・土木工事・メタバースなら株式会社森建設

ファーストビューから背景に大胆に配置された巨大な英字タイポグラフィが特徴的。このスケール感のあるあしらいが、空間に圧倒的な奥行きと先進性を与えています。一方で、見出しや本文には品格のある美しい明朝体を採用し、広大な余白とともに配置することで、建設業としての確かな歴史と信頼感、そして真摯な姿勢をしっかりと担保しています。配色は自然と調和する鮮やかで力強いグリーンをメインカラーに据え、クリーンなホワイトと重厚なダークトーンを組み合わせた、誠実さとダイナミズムを兼ね備えた設計です。この鮮烈なグリーンが、青空や緑豊かな風景、そして建設現場の無骨なトーンを捉えた写真とコントラストを描き、企業の活力や未来志向を視覚的に印象付けています。品格の明朝体と先進的なレイアウトが同居する、誠実にして大胆なコーポレートサイトです。

ファイビーと走れ腸特急 | Fibee | ミツカングループ

商品の世界観とタレントの魅力を掛け合わせた、ポップで親しみやすいデザインです。基調色には淡いグリーンと柔らかなピンクを採用し、商品のパッケージカラーと連動した統一感のある配色を構成しています。アクセントに鮮やかなイエローを用いることで、画面全体に明るくポジティブなコントラストを生み出しています。配置された写真は明度と彩度が高く、メンバーの生き生きとした表情や商品のディテールをクリアに伝えています。タイポグラフィには丸みを帯びたポップなゴシック体や装飾的なフォントを採用し、見出しと本文で明確なウェイト差をつけることで、楽しげな雰囲気と情報の読みやすさを両立させています。レイアウトは中央揃えの見えないグリッドをベースに情報ブロックを整然と配置しつつ、背景の境界を雲や波のような柔らかな曲線で区切ることで、まるで絵本を読み進めるようなワクワク感のある視線誘導を実現しています。スクロールに伴うモーションは、各要素がポップなアニメーションでフェードインし、賑やかなイメージを表現しています。随所にCTAを設置し、ユーザーがアクションにスムーズに移れる設計です。

Making Design Make Sense.
デザインを、感覚から理解へ。
© Design Decode. 901