syuz’gen｜舞台芸術を社会に実装する
舞台芸術の可能性を社会に実装するアートマネージャーチームの事業サイト。芸術文化に関わる企画制作から現場運営、マネジメントまでをワンストップで担う企業の確かな手腕を、洗練されたミニマルな配色と抽象的なグラフィックで体現しています。ファーストビューのループで流れるアニメーションは、現代アートのギャラリーのような知的で研ぎ澄まされた空間を演出。サイト全体でたっぷりと取られた大胆な余白のホワイトと、要素をシャープに引き締めるブラックとの強いコントラスト。そこにパキッとしたライムグリーンをアクセントとして差し込むことで、無機質で静的な幾何学模様の中に新たな芸術文化が力強く芽吹くようなエネルギッシュな躍動感を付与しています。中盤の実績セクションでは、手がけた舞台芸術や文化事業の実写ビジュアルをグリッドで並べ、裏方として現場を支える確かな実績を説得力と持って見やすく掲載。形のない舞台芸術が持つ熱量を、計算された幾何学と色彩の対比でドラマチックに表現したデザインです。
考動アカデミー
エネルギーに満ちた鮮やかなオレンジをメインカラーに据え、「考えて、動く。」というコンセプトを体現した、企業向け研修・人材育成、組織づくりの取り組みのサイトです。企業向けの施策でありながら、堅苦しさを全く感じさせないポップで親しみやすいトーンが画面全体を包み込んでいます。まずファーストビューで目を惹くのは、親近感のあるポップな線画イラスト。オレンジ色の差し色がサイト全体の配色とリンクし、学ぶことの楽しさや前向きな活力を視覚的に伝えています。動きのあるレイアウトと実写の組み合わせが特徴。背景に散りばめられた手描き風の波線や、カタカタと動くイラスト、取り組みを紹介するカードUIがスクロールで積み重なるなど、思考から行動へと移る「考動」の活力をサイト全体で表しているようです。そこに、グリッドをメイン背景に実際の研修風景を収めた高品質な写真を合わせることで、ポップな世界観の中に説得力とリアリティを付与しています。そして、オレンジとライムグリーンという元気なカラーの組み合わせが、画面全体にポップな活気と親しみやすさを生み出しています。人材育成の場でありながらも決して堅苦しくならず、これから学ぶ人たちの背中を明るくポジティブに押してくれるような、温かみに溢れたデザイン設計です。
株式会社KEEPs | 雨漏りの窓口キープス
柔らかなアイボリーやペールピンク、イエローといったパステル調の暖色を背景に敷き詰め、テキストには黒ではなく温かみのあるブラウンを採用した、極めて優しく親しみやすい配色。雨漏りや外壁塗装という、困っている時に助けてくれる安心感を全ターノカラーで表現しています。構成の最大の特徴は、ファーストビューからサイト全体に広がる、街と人々を描いた絵本のようなイラストレーションと、丘のように緩やかな曲線で区切られたセクションレイアウトです。家を単なる物件としてではなく、人々の温かい生活の場として温かく描くことで、サービスの大切なコンセプトである「安心を暮らしに。」というメッセージを情緒的に伝えています。また、料金プランや管理のステップといった複雑になりがちな情報も、角を丸めたカードUIやアイコンを用いてスッキリと整理されており、視覚的なノイズが全くありません。スクロールに合わせて背景の丘が連なっていくような構成は、ユーザーに安心感を与えながら、自然とサービス内容の理解からお問い合わせへと導きます。堅苦しさを完全に排除し、徹底的にユーザー目線で優しさと使いやすさに寄り添った、サービスサイトのお手本のような導線設計です。
【公式】白骨温泉
日本の伝統美を感じさせる和紙のようなオフホワイトを基調とし、テキストには深い墨色を配した、静謐で洗練された和の配色です。サイト自体の装飾色を極限まで抑えることで、白骨温泉の最大の特徴である乳白色の湯や、深い森の苔、立ち込める湯けむりといった、写真が持つ自然の色彩を美しく際立たせています。構成の最大の特徴として、美しい明朝体を用いた縦書きのタイポグラフィと、「間」を意識した広大な余白のエディトリアルデザインです。写真を規則的に並べるのではなく、テキストボックスと写真を少しずつ重ね合わせたり、あえてアシンメトリーに配置することで、上質な旅行誌をゆっくりと読み解くような、奥ゆかしく優雅な視線誘導を実現しています。タイポグラフィは少しクセを出して読みやすさは確保しつつ、味のある手書き文字のような印象を作り出しています。また、霧が晴れるように写真やテキストがじわっと静かに浮かび上がるフェードインのアニメーションで、秘湯ならではの穏やかで神聖な時間の流れを視覚的に表現しています。過度なインタラクションや装飾的なノイズを排除することで、ユーザーを自然と白骨温泉の深い歴史と自然の世界観へと没入させる、研ぎ澄まされた導線設計となっています。
【公式】ツクリオ(Tsuklio) | 手料理サブスク
角を丸めた豊富な写真レイアウトと、フラットで可愛らしい食材のイラストレーションの組み合わせが特徴的なサイトです。単なる美味しそうな料理の写真だけでなく、家族が笑顔で食卓を囲むシーンや、温かな光が差し込むキッチンの風景を多用することで、このサービスを利用することで得られるゆとりある時間や幸せな日常といったベネフィットを情緒的に訴求。また、見出し回りなどに散りばめられた野菜や調理器具のシルエットイラストが、手作りのような温もりと楽しさを演出しています。カラーリングは清潔感のある柔らかなオフホワイトをベースに、食欲を刺激し、家庭的な温もりを感じさせるオレンジをメインカラーに据えた、非常に親しみやすくアットホームな配色。アクセントとして新鮮な野菜を連想させるグリーンを配置することで、食品を扱うサービスとしての安心感とフレッシュさを表現しています。配色とイラスト、写真の色彩がこのサイトの清潔感と温かさのイメージを決定づけています。スクロールに呼応するモーションやレイアウトは奇をてらわず、見出しがポンと浮き上がり目を引き、要素がじわっとフェードインするバランスの取れたモーション。オレンジの背景色で視覚的な区切りを明確に行うことで、豊富なコンテンツ量を感じさせず、さらにホバーアクションなどの細かなこだわりを細部まで感じさせ、心地よいリズムと高いユーザビリティを実現した導線設計となっています。
YAOYA（やおや）
深みのあるパープルをベースに、鮮烈なネオングリーンやビビッドなオレンジ、レッドをアクセントに効かせた、サイバーポップでエネルギッシュな配色設計です。IT施策やクリエイティブを担う企業でありながら、特有の堅苦しさを一切排除し、遊び心と面白さに振り切った独自の世界観を視覚的に確立しています。8bitのレトロゲームを彷彿とさせるピクセル調のタイポグラフィと、ポップな3Dイラストレーションが特徴的です。角を大きく丸めた柔らかなカードUIの中に、まるでゲームのアイテムやステージのようにサービス内容や実績を配置することで、ユーザーに「次は何が出てくるのか」というワクワク感を与えます。サイト全体が一つのエンターテインメントコンテンツとして機能する没入感のあるデザインです。ホバー時にはボタンがゲームのUIのように押し込まれたり、キャラクターが動くといった、触っていて楽しいインタラクションを採用。圧倒的に個性的なビジュアル表現でありながらも、情報のグルーピングや視線誘導は精緻に計算されており、ユーザーを迷わせることなくコンタクトへとナビゲートする、UI/UXの質の高さが光る導線設計となっています。
VISION to STRUCTURE
クリーンな配色と控えめなアニメーションが生み出す、ノイズのない品格と説得力のある空間設計。白に近い薄いグレーをベースに、控えめなアニメーションのグラフィック。実写に頼らず、ペールトーンの抽象的な立体図形を組み合わせることで無形のテーマを表現する知的なアプローチ。タイポグラフィは繊細で美しい明朝体を主軸に据え、印象的な企業メッセージを縦書きで配置。たっぷりと確保された余白と細身のウェイト設定が言葉一つひとつに重みを持たせ、まるで上質な詩集のような空気感を構築しています。企業のビジョンや無形のテーマを、抽象的な立体図形を組み合わせることでコンセプチュアルに表現。見えないグリッド上で縦書きと横書きを交差させ、要素をアシンメトリーに配置する大胆な余白設計により、優雅でゆったりとした視線誘導を実現しています。CTAのホバーアクションは背景色変化でフォーカスを可視化しており、空間を生かして配置されたミニマルなリンク要素が、ノイズにならずにユーザーを自然と次のアクションへ導く、洗練された導線設計となっています。
クリニック杜の里｜金沢市の消化器内科・内視鏡内科
クリニックの特徴的な建物のフォルムをポイントに、柔らかなクリーム色をベースに、ブランドカラーであるエメラルドグリーンをアクセントに効かせたサイト。優しさと安心感を両立させた配色設計で医療機関に求められる清潔感を保ちつつ、緊張を和らげるような柔らかなトーンで統一されています。木々や鳥などのイラストを水彩風のタッチで全体に散りばめている点が特徴的。これにより、「クリニック杜の里」という名の通り、まるで森の中にいるような安らぎの空間をウェブ上で表現しています。タイポグラフィは、親しみやすいゴシック体を主体にしつつ、見出しと本文にジャンプ率をつけてメリハリをつけています。レイアウトは、緩やかな曲線や斜めのラインを効果的に使い、スクロールするごとに物語が進んでいくような、流れるような視線誘導を実現しています。閲覧者の心地よさを最優先にし、抑制の効いたモーション言語は、イラストがふわふわと揺れたり、じわっと現れるアニメーションが、静的なページに穏やかな生命感を与えています。CTAボタンはグリーンのグラデーションで視認性を高めつつ、角を丸くすることで全体の柔らかな雰囲気に馴染ませ、クリックへの心理的障壁を下げる丁寧な導線設計となっています。
株式会社東組 採用サイト
サイト全体でキャッチーなイラストと写真の組み合わせで、フッターまで閲覧者を楽しませてくれるリクルートサイト。ファーストビューから段階的な情報提供構造で、ユーザーが知りたい情報にスムーズにアクセスできる導線になっています。配色はグレーを基調に、海洋土木のイメージのやや落ち着いたグリーンや同系色が使われ、親しみやすさもありながら落ち着いた企業イメージを演出しています。写真背景には 空や海の青が継続して見えるため、色温度が冷たすぎず安定感があります。タイポグラフィは、日本語中心でセクション見出しと本文に明確なウェイト差を付けています。特に見出しは可読性重視で枠で囲み背景色を付けて、情報の階層を分かりやすくしています。メニューバーは常に画面上部にあり、回遊動線が明確。余白は十分に確保されながら、写真とテキストをバランスを取りながら重なり、まとまりがあります。過度な動きはなく落ち着いたモーション設計で、読み進めやすくデザインされています。
FAVTOWNキャリア（ファボタウン キャリア）
白を基調とした清潔感のある背景に、ダークトーンの文字色、ロゴのアクセントカラーで地域の活気や前向きな未来を表現した配色が印象的。奇をてらわないニュートラルなキャンバスが、掲載企業のロゴや写真を主役として引き立てている。円形や角丸のあしらいが随所に見られ、行政・地域連携プロジェクト特有の堅苦しさを払拭し、親しみやすさを醸成している点も巧みで見やすいサイトに。視認性に優れたゴシック体の文字で、見出しには欧文を添えて視覚的なアクセントとリズムを付与。企業ロゴの羅列やイベント情報のカード配置において、整然とした美しさと検索性の高さを両立しています。アニメーションは、要素が静かに湧き上がるような滑らかなイージングを採用し、地域に根差したサービスの温かみを増幅させています。コンバージョンエリアは彩度を上げたアクセントカラーで視認性を最大化しつつ、コンテンツの文脈に沿って配置することで、押し付けがましさのない自然な誘導を実現しています。
