FAVTOWNキャリア（ファボタウン キャリア）
白を基調とした清潔感のある背景に、ダークトーンの文字色、ロゴのアクセントカラーで地域の活気や前向きな未来を表現した配色が印象的。奇をてらわないニュートラルなキャンバスが、掲載企業のロゴや写真を主役として引き立てている。円形や角丸のあしらいが随所に見られ、行政・地域連携プロジェクト特有の堅苦しさを払拭し、親しみやすさを醸成している点も巧みで見やすいサイトに。視認性に優れたゴシック体の文字で、見出しには欧文を添えて視覚的なアクセントとリズムを付与。企業ロゴの羅列やイベント情報のカード配置において、整然とした美しさと検索性の高さを両立しています。アニメーションは、要素が静かに湧き上がるような滑らかなイージングを採用し、地域に根差したサービスの温かみを増幅させています。コンバージョンエリアは彩度を上げたアクセントカラーで視認性を最大化しつつ、コンテンツの文脈に沿って配置することで、押し付けがましさのない自然な誘導を実現しています。
溝田建築設計株式会社
全体を温かみのあるアイボリーと木材の風合いを感じさせるベージュで統一し、住宅の「心地よさ」をWeb全体で体現したナチュラルなサイト。レイアウトは、ランダムな写真の配置で世界観を印象付けるセクションが、端正で整ったレイアウトの堅実な全体のテーマをより際立たせます。豊富な施工写真を大きく配置しながらも、余白を大胆に取ることで、圧迫感を排したギャラリーのような空間を構築。タイポグラフィは、見出しの明朝体が柔らかさの中にも建築会社らしい信頼感と構造的な安定感を引き締めています。本文やスペック情報には可読性の高いゴシック体を組み合わせ、感性と理性のバランスを巧みに調整。落ち着きのあるレイアウトと細めの線や明朝体のスタイリッシュさのマッチングが信頼とスマートな印象を与えます。サイトイメージに影響せず、それでいてユーザーの操作を優しく肯定するクオリティの高いマイクロインタラクションが光るコーポレートサイトです。
にじのわクリニック
清潔感と青空、虹色のロゴが映えるサイトです。配色や余白の取り方から優しさを感じられる設計。ファーストビューの虹がかかったようなシェイプからロゴや世界観の統一を図っています。文字色には真っ黒ではなく深いネイビーを採用し、可読性を保ちつつも威圧感を排除。アクセントとしてロゴ由来の柔らかなパステルカラーや自然を感じさせるグリーンを配し、多世代を受け入れる包括的な姿勢を視覚化。タイポグラフィは、親しみやすさを重視したゴシック体を広めの字間・行間で組み、専門的な情報も咀嚼しやすいよう配慮。レイアウトは「輪」を想起させる曲線や円形のモチーフをセクションの境界や画像のトリミングに多用し、視線が滑らかに循環するよう誘導。モーション言語は、スクロールに呼応して要素がゆっくりとフェードインする「静かな動き」で統一され、閲覧者を急かさない配慮が徹底されています。しっかりと情報を掲載し信頼感を与えると同時に、静かに優しい世界観を作り上げています。
イチゼンブックス
白と青の清潔感のあるカラーで煩雑にならず、イラストを引き立たせます。まずファーストビューは「読むたび、読む旅」というコンセプトを、ページをめくるたび窓外の景色が変わるビジュアルで提示し、世界観を立ち上げます。過度な装飾色を抑え、メインの青が見出しとしてしっかり主張し、文章とのメリハリをつけて読み物としての集中を保っています。イラストを要所に配した柔らかなトーンが「本との出会い」と「旅」 のリンクを補強。出現モーションは短距離のフェード／スライドに統一し、見出し・画像・下線のイージングを反復させ、ページ全体のモーション言語が一貫。青のトーン、イラストのテイスト、余白感が抜かりなく計算されたデザイン。また本のシルエットでセクションの切り替えやアニメーション、イラストの “はずし” などに見られる遊び心がユーザーを楽しませます。
株式会社エムハンド
薄いグレーメインのたっぷりな余白のセクションとテキストデザイン鮮やかなセクションのコントラスト。コンセプトセクションではStickyでユーザーを立ち止まらせ背景動画、スクロールエフェクトはUXのポイントに。多種多様なクライアントのクリエイティブが持つ本来の色味を最大限に引き立て、制作会社としての柔軟性と品質の高さをアピールすると同時にサイトのオリジナリティを出しています。レイアウトは、グリッドシステムをベースにしながらも、視認性の高いゴシック体のテキストを、あえて要素をずらしたり重ねたりすることで動的な緊張感を生み出し、スクロールを飽きさせません。モーション言語は「静と動」のコントラストを意識し、ファーストビューのアニメーションから静的な情報セクションへの遷移を滑らかなフェードやパララックスで繋ぐことで、シームレスな閲覧体験を提供。ボタンのホバー時は控えめながらもユニークな動きを添えるなど、機能美を損なわない洗練された振る舞いで統一。
サントリーグローバルイノベーションセンター
白を基調に、研究事業のイメージに合う深いブルーをアクセントに用いた高コントラストのコーポレートサイト。ヘッダーに英日の言語切り替えを常設することで可読性と操作の軽さを両立しています。グローバルナビは下層への導線を迷わせず、グラスモーフィズムでデザイン性を持たせています。レイアウトは広めの余白とグリッドにより “見えない線” を揃えてバランスが調整され、大きめの明朝体の見出しが信頼と誠実な印象を与えます。モーションは必要最小限で、図版の切替と視線誘導を補助する程度に抑制。リンク色や下線の出現など微細な反応に留めたクオリティの高いホバーアクションで、可視フォーカスも確保。CTAは各所のテキストリンクとカード型導線で散らしつつ、セクション末に明確な到達点を用意し、研究ストーリーを一筆書きのように通読できるトップ体験を実現。
Axis.ov-Films
徹底して「映像」をダイナミックに使用して主役に据えるため、無彩色のメインキャンバスに。作品のサムネイルが持つ色彩や温度感が、整然とした空間に鮮やかに引き立ち、ポートフォリオとしての機能を最大限に高めています。幾何学的なサンセリフ体の欧文と可読性の高いゴシック体の和文を併記し、行間を広めに取ることで、ストーリーテリングのような心地よいリズムを形成。セクションの区切りに配置されたCTAにはホバーアクションで絵文字付きのマーキーの遊び心が感じられます。インパクトある動画やアニメーション、エフェクトで視覚的な境界線と導線を兼ねたユニークな構造を作り出し、静的なレイアウトに動的なグルーヴ感を与えています。単調になりがちな縦スクロールに、開始アニメーション、ホバーエフェクト、動画、アニメーションで抑揚を付与。サイトのベースカラーと写真、動画のトーンが合わせられポートフォリオのように世界観を表現。その中でユーザーの回遊を遊び心とともに促し、トレンド感と機能性を両立しています。
Earthboat
自然の中に佇むサウナ付き宿泊施設の魅力を、余白を活かしたミニマルなデザインで引き立てています。配色は自然の景観写真が主役となるよう、背景はホワイトや淡いベージュで抑制し、テキストにはブラックを用いて高いコントラストを確保しています。彩度を抑えたベースカラーにより、サウナの炎や料理のシズル感が鮮やかに際立ちます。タイポグラフィには可読性の高いモダンなサンセリフ体を基調としつつ、英語の見出しには波打つようなアニメーションを施すことで、静寂の中に心地よいリズムを生み出しています。レイアウトとして、グリッドシステムを用いた整然とした構成で情報を整理しつつ、スクロールに合わせて横方向への移動や、3Dモデルによる回転演出を差し込むことで、単調さを回避し没入感を高めています。ファーストビューからコンテンツへの遷移において、写真はゆっくりとフェードし、テキストは下から浮き上がるような滑らかなイージングを採用。ボタンや画像のホバー時に軽やかな動きや透過変化を加え、ユーザーの操作に対して繊細に応答するマイクロインタラクション。導線設計で予約ボタンは常にアクセスしやすい位置に配置され、各拠点情報への遷移もスムーズで、迷いのない回遊を促す設計。全体として、装飾を削ぎ落とした機能美と、自然と調和する静謐な空気がWebサイト全体から感じられる、上質なデザイン。
企画デザイン２時
全体を潔いホワイトを広げ、ユニークなプロダクト写真の色彩を最大限に引き立てる、ギャラリーのようなミニマルさ。ファーストビューでは装飾を極限まで排し、ロゴとコンセプトのみを静かに配置することで、ユーザーの視線を制作実績へと自然に集中させる端正な導入となっています。余白を適切に確保し、タイポグラフィは親しみやすいゴシック体を広めの行間で組むことで、情報の階層を整理しつつ軽やかなリズムを構築。スクロールに呼応してコンテンツが穏やかにフェードインし、ホバー時には画像の透過度が微細に変化するマイクロインタラクションが、ユーザーの「もっと見たい」という探求心とリンク。CTAやナビゲーションは黒のラインやテキストでシンプルに構成され、回遊のノイズを排除した機能美が貫かれています。全体として、配色・余白・抑制の効いたデザインで「ななめ上の発想」という企業姿勢を洗練された形で体験化させた、知性とユーモアが共存するデザインスタジオのサイト。
ソラマメデザイン
屋号を象徴する鮮やかなソラマメのグリーンのアクセントカラーが白や青のベースに光る、親しみやすさと清潔感が同居する配色。また優しく印象付けるのはテクスチャのあるイラスト。デジタルの冷たさを排除した温かい世界観を構築しユーザーを惹きつけます。タイポグラフィは、イラストとマッチするゴシック体を選定。ポイントになるセクションは、デザイナーと愛犬のキャラクターによる「会話形式」でコンテンツを展開するストーリーテリングの手法を採用し、読み手を飽きさせない工夫が凝らされています。モーションは、スクロールに合わせて要素がふわっと浮き上がるフェードインや、背景でゆっくりと流れるテキスト、イラストなど、心地よいゆらぎを感じさせる演出が特徴。CTAボタンは丸みを帯びた形状で押しやすさを担保し、ふわりと変わるエフェクトが、ユーザーの心理的なハードルを下げ、細部まで世界観を崩さないよう設計されています。
