Yoom

AIエージェントや業務自動化という専門性の高いサービスを、親しみやすく直感的に伝えるデザインです。ファーストビューでは、カラフルでモフモフとした質感の3Dキャラクターたちを用いることで、「AI社員」という概念を難しいテクノロジーではなく身近な存在として表現し、初見ユーザーの心理的なハードルを下げています。配色はホワイトをベースにしながら、パープルやイエロー、グリーン、ブルー、ピンクなど鮮やかなアクセントカラーをセクションごとに切り替えることで、単調さを感じさせず、テンポよく読み進められる構成になっています。一方で、機能紹介や連携アプリ、導入実績、セキュリティなどの情報は白を基調としたカードUIで整理されており、ポップな世界観の中でも情報の視認性と信頼性を損なっていません。タイポグラフィは太めで丸みのあるフォントを中心に構成され、絵文字やイラストと組み合わせることで親近感を演出。さらに、豊富な連携サービス数や導入実績、テンプレート紹介などを段階的に配置することで、楽しさだけでなく「実際に業務で使えるツールである」という安心感も醸成しています。複雑な業務自動化を、まるで新しいアプリやゲームを触るような感覚で体験できる期待感を生み出している優れたサービスサイトです。

奈良のウェディング前撮りならSHY(シャイ)

雑誌の切り抜きやスクラップブックを彷彿とさせる、手作り感に溢れたコラージュレイアウトのサービスサイトです。スタンプやペンキで描いたようなかすれのある太字フォント、マスキングテープのようなあしらい、そして被写体をステッカーのように切り抜いて散りばめる演出が、遊び心とエモーショナルな温かみを両立させています。特別な日も何気ない瞬間も、全ての思い出をふたりで手作りするようなハンドメイド感とマッチし、従来の純白で厳かなウェディングのサイトの定石をあえて外し、日常の延長線上にあるカジュアルで自由な空気感を表現しています。配色は、淡くくすんだブルーやイエロー、パープルといったペールトーンの背景をセクションごとに切り替えながら、ビビッドなピンクのタイポグラフィで強烈なアクセントを加え、ポップでストリート感があるカラーリング。ページ全体に、自然体で笑い合うふたりの魅力溢れる写真が掲載され、ブランドコンセプトを最大限に引き出し、ページレイアウトと合わせて写真の中でもこの「ふたりらしく “好き” を残す」オリジナリティを体現しているようです。一見すると写真や要素がランダムに散らばっているように見えますが、セクションごとに背景色を明確に分け、テキストは中央揃えや左揃えでしっかりとブロック化されています。世界観の崩しと情報伝達の整理のバランスを絶妙に保つことで、ウェディングの枠を超えまるでファッション誌をめくるような、ポップで自由な没入感を与えてくれるサービスサイトです。

株式会社KEEPs | 雨漏りの窓口キープス

柔らかなアイボリーやペールピンク、イエローといったパステル調の暖色を背景に敷き詰め、テキストには黒ではなく温かみのあるブラウンを採用した、極めて優しく親しみやすい配色。雨漏りや外壁塗装という、困っている時に助けてくれる安心感を全ターノカラーで表現しています。構成の最大の特徴は、ファーストビューからサイト全体に広がる、街と人々を描いた絵本のようなイラストレーションと、丘のように緩やかな曲線で区切られたセクションレイアウトです。家を単なる物件としてではなく、人々の温かい生活の場として温かく描くことで、サービスの大切なコンセプトである「安心を暮らしに。」というメッセージを情緒的に伝えています。また、料金プランや管理のステップといった複雑になりがちな情報も、角を丸めたカードUIやアイコンを用いてスッキリと整理されており、視覚的なノイズが全くありません。スクロールに合わせて背景の丘が連なっていくような構成は、ユーザーに安心感を与えながら、自然とサービス内容の理解からお問い合わせへと導きます。堅苦しさを完全に排除し、徹底的にユーザー目線で優しさと使いやすさに寄り添った、サービスサイトのお手本のような導線設計です。

LOOP2126

イベントのコンセプトである「100年後の未来」を象徴する、AI生成を用いたハイクオリティなビジュアルと、ハイテクノロジーをイメージ付けるカラーリングが特徴的。サイボーグのようなキャラクターや、光に包まれた未来都市の風景が、スクロールとともに次々と現れ、まるでSF映画のトレイラーを見ているかのような圧倒的なスケール感を放ちます。さらに、エッジの効いたデジタル調のタイポグラフィを組み合わせることで、SF体験型フェス「LOOP 2126 ∞prelude∞」のサイバーな世界観をより強固なものにしています。宇宙を思わせるディープブラックをベースに、鮮烈なネオンカラーのパープルやブルーなどの発光色を掛け合わせた、近未来感と没入感のある配色設計です。深い暗色とネオンカラーのコントラストが見事に機能し、SF体験型フェスという非日常への入り口として、ユーザーを一瞬で近未来の世界へと引き込みます。レイアウト自体は、チケット情報やタイムテーブル、アクセス情報などを縦スクロールで順序立てて見せる王道のLP構成ですが、背景にぼんやりと光るネオンのグラデーションを敷き、各セクションの境界をあえて曖昧にすることで、シームレスで浮遊感のある体験を創出。モーションについては、見出しアルファベットのシャッフルテキストや、CTAのネオンのホバーエフェクトが、デジタル、サイバーの世界観を創る大きな役割を担っており、細部までこだわりを感じます。イベントへの期待感とワクワク感を極限まで高める、エンターテインメント性に特化した特設サイトとなっています。

Team 異所性脂肪

「異所って何だ?」という素朴な問いかけが、画面中央で弾むように現れる。メディカル領域のサイトとは思えないほど、軽やかで色彩豊かなファーストビューが印象的だ。「脂肪」や「疾患」といった重くなりかねないテーマを扱いながら、丸みを帯びたゴシック体と愛らしいキャラクターの存在が、ユーザーの警戒心をすっと解きほぐしていく。スクロールするたびに、専門的な知見がコミカルなイラストと共に現れ、まるで絵本をめくるような感覚で知識がインストールされていく。流れるテロップや視線を誘導するあしらいなど、トレンド感のあるWeb表現を取り入れつつも、情報の可読性は決して損なわれていない。「やってみた」などの実験的なコンテンツでは、研究者の遊び心が垣間見え、企業としての親しみやすさが画面越しに伝わってくるようだ。全体を通して、サイエンスへの敬意と、それを伝えるためのユーモアが絶妙なバランスで共存している。ただ情報を羅列するのではなく、知的好奇心をくすぐりながら解決策(ソリューション)へと導くストーリーテリングが見事。専門的な医療情報と生活者の距離を、デザインの力でぐっと縮めることに成功した、架け橋のようなWebサイトである。

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