デルフォニックス – DELFONICS
“Stationery that frees your creativity.” というコンセプトを掲げ、日常を豊かにする文具・雑貨を提案する「デルフォニックス」のブランドサイト。ファーストビューは画面を大胆に覆い尽くす鮮烈なバーミリオンと、巨大なタイポグラフィが放つ圧倒的なインパクト。レイアウトは、緻密なグリッドシステムと細い罫線で構成されています。ホワイトとブラックをベースに敷き、その幾何学的で理路整然とした枠組みの中に、ビビッドなブルーやイエローなどを用いた抽象的なグラフィックを配置。計算された秩序と自由なアート性の鮮やかなコントラストが、ユーザーの発想力や創造性を視覚的に強く刺激します。また、文具という身近な日用品のサイトでありながら、海外の美術館やアートポスターのような洗練されたモダンデザインの世界観を作り出しています。下部のスケジュールやニュースエリアも、無駄を削ぎ落としたミニマルなUIで統一。文具が持つ「書く・整理する」という機能美を体現しつつ、ブランドの揺るぎない美意識とクリエイティビティへの情熱が画面全体から力強く伝わってくるデザインです。
株式会社Cominka 採用サイト
深い緑色をメインカラーに大胆に据え、落ち着きと知的さを感じさせる洗練された採用サイト。クリーンな白と深緑のコントラストが、企業の誠実な姿勢や持続的な成長力を美しく体現しています。緑はベタ塗りではなく今どきのノイズテクスチャとグラデーションで質感と奥行きをプラス。アクセントの鮮やかな赤色が、エントリーボタンや重要なメッセージへの視線を自然かつ強力に誘導し、全体的に静かでクールなトーンの中に秘められた情熱や活力を効果的に表現しています。見出しのタイポグラフィには力強さと品格のあるセリフ体を採用し、要所で縦書きのレイアウトを取り入れることで、日本の伝統的な美意識や格式高さを演出し、そこに風や波のような有機的で流線型のデジタルグラフィックを交差させることで、重厚感と最先端のWebテクノロジーが融合した独自の世界観を構築しています。社員の自然な表情を捉えた写真が豊富に配置され、プロフェッショナルとしての心地よい緊張感と、風通しの良い社風が同居していることが伝わります。論理的で専門性の高い事業内容でありながら、企業の揺るぎない芯の強さが、余白を活かした端正なレイアウトから真っ直ぐに伝わるデザインです。
株式会社We（We Inc.）
白と黒のモノトーンを基調とし、装飾要素を極限まで削ぎ落とした、ミニマルで洗練されたデザインです。極細の罫線と小ぶりなタイポグラフィ、そして画面全体にたっぷりと取られた余白が、まるで現代アートのギャラリー空間のような心地よい緊張感と美しさを生み出しています。この徹底した引き算の設計により、ユーザーの視線はノイズなく自然と誘導され、スクロールのたびに現れる色鮮やかな実績のビジュアルが、主役としてより一層力強く引き立つように計算されています。さらに、最大の魅力は、デジタルで構築された整然としたグリッドの中に潜むアナログな手仕事の痕跡にあります。スクロールに合わせて引かれるフリーハンドの線や、随所に添えられた鉛筆描きのスケッチイラスト、コンタクトエリアの背景に大胆に敷かれた手塗り風のテクスチャ表現など、あえて不規則で有機的な要素を差し込むことで、無機質になりがちなシンプルなデザインに血の通った人の体温や妥協のないプロフェッショナリズムを確かに宿しています。Weという社名が示す通り、人と人との関わりや、手を動かしてモノを創り出す地道な過程を大切にする企業のスタンスが、抑制の効いた静かでクールなトーンからじんわり伝わるサイトです。
魔改造の夜 マブチモーターの挑戦
クリーンなホワイトをベースに、マブチモーターのブランドカラーである信頼と技術のブルーと、モノづくりへの熱い情熱を象徴する赤を組み合わせた、ドラマチックでエネルギーに満ちた配色設計です。人気テレビ番組と連動した企画の特設サイトにふさわしく、知性の青と熱量の赤が交わるグラデーションが、技術者たちの限界を超える挑戦を視覚的に熱く盛り上げています。テレビ番組を想起させるファーストビューのチーム写真はスライドショーでドラマチックに。コンテンツはグラデーションの枠線を効果的に用いたカード型レイアウトでわかりやすく。開発を手掛けたモンスターの紹介や開発秘話などの各コンテンツで区切り、その枠線に青〜赤のグラデーションを施すことで、方眼紙を広げた白基調の読みやすく整理された空間の中に、熱気を閉じ込めています。全体のレイアウトは、奇をてらったモーションをあえて抑え、技術者たちの真剣な表情を捉えた写真や、開発の裏側を語るテキストをじっくりと読ませることに特化した実直な情報設計となっています。エンターテインメント性の高い企画でありながら、世界を牽引するモーターメーカーとしての技術への誇りと真摯な姿勢を感じさせる特設サイトとなっています。
FirstDigital | Offering the Best DX Solutions
スケール感あふれるメタファーとしてのビジュアルと、画面を斜めに鋭く切り裂くようなダイアゴナルレイアウトの掛け合わせが最大の特徴です。IT企業のサイトでありながら、あえてPCやシステムの画像ではなく、百獣の王やシャチなどの野生動物、古代遺跡、さらには宇宙飛行士といった壮大な写真を各セクションに配置。これにより、提供するソリューションの本質的な強さや歴史を変えるような進化をコンセプチュアルに表現しています。配色設計は、洗練されたホワイトとブラックのハイコントラストなモノトーンを基調に、鮮烈でシャープな赤をアクセントに効かせた、極めてエッジィで力強い印象。DXを牽引するコンサルティングファームとしての圧倒的な自信と、洗練されたプロフェッショナル感が視覚化されています。また、見出しにはエレガントなセリフ体を用いることで、荒々しい力強さの中にも上質でアカデミックな品格を漂わせています。モーションは、スクロールに応じて斜めのエッジに沿ってシャープに視界が開けるような、サイト全体に心地よい緊張感とスピード感を与える挙動を採用。強烈なビジュアルインパクトでユーザーを惹きつけながらも、余白を活かしてサービス内容や実績への導線はクリアに整理されており、企業の確固たるビジョンを雄弁に語る、ブランド力の高いコーポレートサイトとなっています。
ナッツの美味しさが開花する 【caica カイカ】
爽やかで抜け感のあるペールブルーを背景の基調とし、パッと目を引く色鮮やかなレッドやピンク、オレンジを用いた花のイラストを大胆に配置した、ポップで心躍るような配色設計。ブランド名であるcaica（開花）のコンセプト通り、画面全体に華やかさとポジティブなエネルギーが満ち溢れています。フラットで少しレトロな手描き風のグラフィックアートと、ナッツやチョコレートの質感・シズル感を極限まで引き出した高解像度のプロダクト写真の大胆な掛け合わせです。写真をあえて真円ではなく、いびつな円形やアーチ型でマスクすることで、有機的で温かみのある世界観を強調。また、ポップなビジュアルに対して、見出しにはエレガントなセリフ体のタイポグラフィを採用することで、ただ可愛いだけでなく、お菓子としての上質さやプレミアム感をしっかりと担保しています。スクロールに呼応するモーションは、波打つような境界線やイラストがゆっくりと現れるような、優しく遊び心のある挙動。ホバー時には、各プロダクトの丸いボタンや画像が直感的に反応するインタラクション。鮮やかな色彩とリズミカルな円形レイアウトがユーザーの視線を自然と下へ下へと誘導し、ショッピングのワクワク感を高めながら購入へと繋げる設計です。
株式会社MT-D
「静」と「動」のダイナミックなコントラストが印象的なサイト。ファーストビューでは、画面を横断する英字タイポグラフィのマーキーと、グリッチノイズを思わせるデジタルなビジュアル表現が、圧倒的な視覚的インパクトを放ちます。一方で、中盤のセクションでは、ごく淡いグリーングレーの背景に、整然としたブロックレイアウトで画像とテキストを配置。論理的でクリアな情報設計を行うことで、クリエイティビティとビジネスの堅実さを両立させています。引き締まったブラックとクリーンなホワイトのハイコントラストなモノトーンを基調に、鮮烈なレッドやサイバー感のあるホログラムグラデーションをアクセントとして大胆に効かせた、先進的でエッジの効いた配色設計です。総合広告代理店としての洗練されたプロフェッショナルな印象と、未来を切り拓くようなデジタルテクノロジーの躍動感が見事に融合しています。CTAについては細部まで計算されたモダンなインタラクションが、ユーザーを迷わせることなく事業内容や採用情報へと導く、極めて完成度の高い導線設計となっています。エッジの効いたデジタル表現とモノトーンが、次世代のクリエイティビティを体現するサイトです。
株式会社ヤマダイグループ
白をベースに、ブランドカラーである鮮やかな赤と青をアクセントに効かせた、爽やかで信頼感のある設計。水産・食品加工という業種の特性を活かし、海の青さを想起させるクリーンな世界観で統一されています。写真は、働く人々の笑顔や新鮮な食材、港の風景などを明るいトーンで捉え、企業の透明性と活気を視覚的に伝えています。特徴的なところは波打つような曲線や角丸のシェイプを多用し、海や水のイメージをデザイン全体に浸透させています。これにより、セクション間のつながりが滑らかになり、スクロールするごとに物語が展開していくような心地よいリズムが生まれます。 タイポグラフィは、視認性の高い太めのゴシック体を採用し、力強さと実直さを表現。見出しの英字には動きのあるデザインを取り入れ、硬くなりすぎないモダンな印象をプラスしています。CTAはホバー時に色が変化する、アイコンが動くなどのマイクロインタラクションがユーザーの操作を軽やかに後押しする親切な導線設計となっています。また、スクロールに合わせて要素がふわっと浮き上がるフェードインや、波のシェイプがゆったりと揺れるアニメーションを採用し、海辺のような穏やかな時間の流れを演出しています。
ぺんてる
大胆なプロダクトビジュアルと鮮やかな色面が画面いっぱいに立ち上がるファーストビュー。余計な装飾を排しながらも、文具メーカーらしい“色”と“かたち”の魅力を真正面から打ち出し、創造性と信頼感を同時に印象づけます。スクロールに沿って展開する製品情報やブランドストーリーは、整ったグリッドと明快なタイポグラフィで端正に整理され、情報量が多くても視線が迷いません。写真の切り替えやセクションの出入りには控えめなモーションが添えられ、静かなリズムがページ全体を貫いています。プロダクトの質感や筆致のニュアンスを丁寧に伝えるカットの配置、用途やカテゴリごとに分解された導線など、“使う前から品質が伝わる”設計が細部まで行き届いているのも印象的。派手な演出に頼らず、色・形・余白・動きのバランスだけでブランドの歴史と誠実さを語り切る構成です。ものづくりの姿勢とユーザーへのまなざしがUIの隅々にまでにじむ、静かに強い説得力を持ったコーポレートサイトです。
My Room Walker
深い余白と強気なタイポに、「EXCITE WITH YOUR TALENT」の直球コピーが鳴り響くファーストビュー。白を基調にしつつ、ロゴや見出しの差し色がリズミカルに効き、YouTube発のスピード感とポジティブな熱量を視覚化しています。導入文は“クリエイター目線で魅力を最大化する”という約束を簡潔に打ち出し、はじめの数秒で提供価値を掴ませる構成です。中盤は「私たちの強み」「サービス」「制作実績」を一連の物語として束ね、経験と成功事例→トレンド感度→伴走サポートへと論点が階段状に深まる編集。カード型の実績はテキストとサムネイルの比率が適切で、動画への遷移も迷わない。終盤の問い合わせは入力項目を最小限に絞ったフォームと、明快なCTAで“まずは相談”の一歩を軽くする設計。送信後の案内も過不足なく期待値を整え、閲覧の熱量を離脱させずにコンタクトへ滑らかに接続します。全体として、余白・色・動きのコントラストを少ない手数で揃え、コンサルと制作の両輪を“説得力のある物語”に落とし込んだサイトです。
