株式会社ShareDan
作るだけでなく育てるという真摯な伴走型スタンスを、視覚的なリズムと心地よいコントラストで見事に体現したコーポレートサイト。白とライトグレーを基調とした余白の多いクリーンな空間に、企業の成長や活力を象徴する鮮やかなエメラルドグリーンをメインカラーとして配置。これにより、最先端のIT企業らしい洗練された透明感と、現場に寄り添う人間味を両立させています。構成上の特徴は、情報を区切る大胆な背景色の切り替えと、柔らかなUI設計です。ファーストビューから続くサービス紹介エリアでは、丸みを帯びたカードデザインと親しみやすい線画アイコンを多用。難解に思われがちなシステム構築やWeb運用といった専門的な内容を、ユーザーが直感的に消化できるよう整理されています。一方で、実績を紹介するセクションでは背景をダークグレーに反転させ、制作物のクオリティをシャープに強調。終盤の採用エリアでは流れるような手書き文字のあしらいを添え、再び人の温もりへと立ち戻ります。デジタル領域の機能美と、クライアントと共に成長する姿勢が洗練されたクリアなデザインから真っ直ぐ伝わる設計です。
株式会社We（We Inc.）
白と黒のモノトーンを基調とし、装飾要素を極限まで削ぎ落とした、ミニマルで洗練されたデザインです。極細の罫線と小ぶりなタイポグラフィ、そして画面全体にたっぷりと取られた余白が、まるで現代アートのギャラリー空間のような心地よい緊張感と美しさを生み出しています。この徹底した引き算の設計により、ユーザーの視線はノイズなく自然と誘導され、スクロールのたびに現れる色鮮やかな実績のビジュアルが、主役としてより一層力強く引き立つように計算されています。さらに、最大の魅力は、デジタルで構築された整然としたグリッドの中に潜むアナログな手仕事の痕跡にあります。スクロールに合わせて引かれるフリーハンドの線や、随所に添えられた鉛筆描きのスケッチイラスト、コンタクトエリアの背景に大胆に敷かれた手塗り風のテクスチャ表現など、あえて不規則で有機的な要素を差し込むことで、無機質になりがちなシンプルなデザインに血の通った人の体温や妥協のないプロフェッショナリズムを確かに宿しています。Weという社名が示す通り、人と人との関わりや、手を動かしてモノを創り出す地道な過程を大切にする企業のスタンスが、抑制の効いた静かでクールなトーンからじんわり伝わるサイトです。
SIROPCOLOR / Shinichiro Yamamoto / Art Direction + Design
ファーストビューを占拠する巨大でソリッドなロゴマークと、それとは対照的な繊細なイラストレーションの組み合わせが特徴的なポートフォリオサイトです。無機質でストイックになりがちなモノトーンの空間に、ハートマークや愛らしいキャラクターが絶妙な抜け感と遊び心を与えており、高いデザイン力と親しみやすさを同時にアピールしています。ページ全体として、徹底的に装飾を削ぎ落としたホワイトとブラックのモノトーン構成で、洗練されたミニマリズムを体現する配色設計。サイト自体の色彩を無彩色に抑え込み、実績紹介セクションはキャンバスのように機能し、制作物の鮮やかな色彩を最大限に引き立てる、引き算のデザインとなっています。また、端正なグリッドレイアウトで規則正しく並べられており、情報を整理整頓して明瞭にレイアウト。キャラクターがさりげなく動くなど、微細なインタラクションがユーザーの心をくすぐり、美意識の中に人間らしい温もりを感じさせる、完成度の高いポートフォリオサイトとなっています。
YAOYA（やおや）
深みのあるパープルをベースに、鮮烈なネオングリーンやビビッドなオレンジ、レッドをアクセントに効かせた、サイバーポップでエネルギッシュな配色設計です。IT施策やクリエイティブを担う企業でありながら、特有の堅苦しさを一切排除し、遊び心と面白さに振り切った独自の世界観を視覚的に確立しています。8bitのレトロゲームを彷彿とさせるピクセル調のタイポグラフィと、ポップな3Dイラストレーションが特徴的です。角を大きく丸めた柔らかなカードUIの中に、まるでゲームのアイテムやステージのようにサービス内容や実績を配置することで、ユーザーに「次は何が出てくるのか」というワクワク感を与えます。サイト全体が一つのエンターテインメントコンテンツとして機能する没入感のあるデザインです。ホバー時にはボタンがゲームのUIのように押し込まれたり、キャラクターが動くといった、触っていて楽しいインタラクションを採用。圧倒的に個性的なビジュアル表現でありながらも、情報のグルーピングや視線誘導は精緻に計算されており、ユーザーを迷わせることなくコンタクトへとナビゲートする、UI/UXの質の高さが光る導線設計となっています。
株式会社MT-D
「静」と「動」のダイナミックなコントラストが印象的なサイト。ファーストビューでは、画面を横断する英字タイポグラフィのマーキーと、グリッチノイズを思わせるデジタルなビジュアル表現が、圧倒的な視覚的インパクトを放ちます。一方で、中盤のセクションでは、ごく淡いグリーングレーの背景に、整然としたブロックレイアウトで画像とテキストを配置。論理的でクリアな情報設計を行うことで、クリエイティビティとビジネスの堅実さを両立させています。引き締まったブラックとクリーンなホワイトのハイコントラストなモノトーンを基調に、鮮烈なレッドやサイバー感のあるホログラムグラデーションをアクセントとして大胆に効かせた、先進的でエッジの効いた配色設計です。総合広告代理店としての洗練されたプロフェッショナルな印象と、未来を切り拓くようなデジタルテクノロジーの躍動感が見事に融合しています。CTAについては細部まで計算されたモダンなインタラクションが、ユーザーを迷わせることなく事業内容や採用情報へと導く、極めて完成度の高い導線設計となっています。エッジの効いたデジタル表現とモノトーンが、次世代のクリエイティビティを体現するサイトです。
4WIDE | Creative Web Studio
ファーストビューから目を惹く映像でコーポレートイメージをダイナミックに伝えています。ページ構成の最大の特徴は、広大な余白を贅沢に活かした非対称レイアウトと、要素のオーバーラップを用いたビジュアルです。エレガントでクラシカルなセリフ体の英字タイポグラフィを大胆なサイズで配置することで、画面に力強いメッセージ性と品格を与えています。画像を規則的に並べるのではなく、あえてずらして配置する空間設計が、写真集や現代アートのギャラリーをゆっくりと回遊しているかのような、優雅で奥深い視線誘導を実現しています。カラーリングは装飾を削ぎ落とした淡いライトグレーの背景に、ソリッドなブラックのテキストを配した、シックで洗練されたモノトーンの配色設計。サイト自体に一切の色彩を持たせないことで、モノクロームの美しい花の写真や、木目などの質感を捉えたビジュアルが持つ繊細な陰影を、アートピースのようにノイズなく際立たせています。スクロールに呼応して、要素がゆっくりと静かに浮かび上がる滑らかなフェードインや、手前と奥でエフェクトのギャップをつけて要素に奥行きを感じさせるパララックスなど、細部へのこだわりを感じさせる設計です。無彩色の空間が、ビジュアルの繊細な陰影を引き立てる洗練のデジタル・ギャラリーサイトです。
弥生株式会社 採用サイト
ブランドカラーである鮮やかで深みのあるブルーとクリーンなホワイトをベースに、エネルギッシュなグラデーションをアクセントに用いた、知的で疾走感のある配色設計。ファーストビューから続く、横へ流れるスピード感のあるライングラフィックが、「挑戦の循環」や「未来へ向かう力強い推進力」を視覚的に表現しています。配置された写真は、オフィスでの自然な様子や、窓越しに都市を見据える姿など、明るくクリアなトーンで統一され、社員一人ひとりの前向きな姿勢と企業の透明性を引き立てています。視認性と信頼感のあるスマートなゴシック体フォントを軸に、力強いメッセージにはしっかりとウェイトを持たせ、メリハリのある情報の階層化を図っています。レイアウトは、堅実なグリッドをベースにしつつ、セクションを大胆なブルーの背景や斜めのラインで区切ることで、単調にならないダイナミックな視線誘導を実現。CTAはソリッドにブルーの長方形で統一され、十分な余白の中に配置されることで高い視認性を確保し、洗練されたホバーアクションも一貫性があり、ユーザーを迷わず各ページリンクやエントリーへと導く、堅牢で信頼感のある導線設計となっています。
VERYMAN ベリーマン株式会社
メインカラーは広大な余白を活かしたクリーンなホワイトとライトグレーで、清潔感と洗練された雰囲気が印象的。セクション背景やCTAには、深く落ち着いたネイビーブルーを配置し、知的で静謐なコントラストを生み出しています。使用されている写真は、明度が高く彩度を抑えたトーンで統一されており、ポートフォリオのようにプロダクトや風景の質感をノイズなく伝えています。タイポグラフィは和文フォントと欧文フォントで縦書きと横書きを効果的に交ぜて、細字を中心としたウェイト設定と、たっぷりと取られた字間・行間が、まるで洗練された雑誌や書籍のようなデザインの空気感を構築しています。レイアウトは堅牢なグリッドシステムをベースにしつつ、要素をアシンメトリーに配置する大胆な余白設計によって、優雅でゆったりとした視線誘導を実現しています。スクロールに伴うモーションは、画像やテキストが緩やかなイージングでフェードインする挙動に統一され、サイト全体の静かな世界観を損なわない抑制的な一貫性を保っています。ホバー時にはリンクテキストの下線が伸びたり、画像がわずかに明るくなったりする変化でフォーカス状態を可視化しています。ネイビーの円形CTAは、広い余白の中で高い視認性を確保しており、ユーザーを自然に次のアクションへと導く無駄のない導線設計となっています。
株式会社ノベルティ採用サイト
鮮やかなウルトラマリンブルーとシルバーグレーを組み合わせた、デジタルネイティブ世代に響くエネルギッシュでポップな配色です。ファーストビューで「CHANCEしかない」という採用コンセプトを体現する、高彩度のブルーが視覚的なインパクトを与え、企業の勢いと先進性を強烈に印象付けています。スパークルの菱形星や3D調のアイコン、ステッカー風のあしらいを散りばめ、コラージュのような遊び心あるレイアウトに、視認性の高いゴシックのフォントをベースにしつつ、キャッチーな手書き風フォントやイタリックの欧文をアクセントにしています。これにより、デジタルな世界観の中に人の温度感やスピード感を巧みに混在させています。背景に流れるマーキーテキストや斜めのラインが、画面全体に絶え間ない動的なリズムを生み出しています。モーション言語は、スクロールに合わせて要素がポップアップしたり、背景のテキストが流れ続ける演出を取り入れ、ユーザーのワクワク感を刺激するエンターテインメント性を重視。ボタンのホバーアクションでグラデーションが現れ、先進的な印象を後押しし、鮮やかなブルーのブロックや立体的なデザインで直感的に操作できるよう配置され、楽しげな世界観を保ちつつも確実にエントリーへと導く、機能的かつ情緒的な導線設計となっています。
ソラマメデザイン
屋号を象徴する鮮やかなソラマメのグリーンのアクセントカラーが白や青のベースに光る、親しみやすさと清潔感が同居する配色。また優しく印象付けるのはテクスチャのあるイラスト。デジタルの冷たさを排除した温かい世界観を構築しユーザーを惹きつけます。タイポグラフィは、イラストとマッチするゴシック体を選定。ポイントになるセクションは、デザイナーと愛犬のキャラクターによる「会話形式」でコンテンツを展開するストーリーテリングの手法を採用し、読み手を飽きさせない工夫が凝らされています。モーションは、スクロールに合わせて要素がふわっと浮き上がるフェードインや、背景でゆっくりと流れるテキスト、イラストなど、心地よいゆらぎを感じさせる演出が特徴。CTAボタンは丸みを帯びた形状で押しやすさを担保し、ふわりと変わるエフェクトが、ユーザーの心理的なハードルを下げ、細部まで世界観を崩さないよう設計されています。
