ハイブリッドホーム
住まいを豊かにするリフォーム企業のサイトですが、一般的な建築業の堅実でお堅いイメージを根底から覆す、一冊の絵本のようにワクワクするデザインに仕上げられています。最大の魅力は、サイト全体を一軒の大きな家に見立てた大胆でユニークな構成。画面をスクロールするごとに別のフロアへと視点が移り、ダイニングで会議する様子や、お風呂でのんびりする風景など、それぞれの部屋で展開される温かな日常のイラストが、見る者の心を優しく惹きつけます。背景には爽やかなライトブルーの空と白い雲が広がり、建物の骨組みとなる煉瓦のテラコッタブラウンが画面全体にどっしりとした安心感と温もりを付与。そこにアクセントとなるグリーンをボタンやロゴに配することで、空間全体をクリーンに引き締めています。専門的で難しくなりがちな施工事例やスタッフ紹介といったコンテンツも、この家の中のポスターや窓の景色のように違和感なくシームレスに配置。リフォームという工事の物理的なハードルを取り払い、その先にある理想の暮らしのストーリーを疑似体験させてくれる、世界観が光るデザイン設計。
株式会社アサヒペン 採用サイト
塗料メーカーとして長い歴史を持つ老舗企業でありながら、堅苦しさや古さを一切感じさせない、親しみやすさと温もりに満ちた採用サイトです。ファーストビューから全編にわたって展開される、アイソメトリック調や親しみやすいタッチの線画イラストが最大の魅力です。実写の写真をあえて使わずイラストをメインに据えることで、塗料という商材の専門的なハードルを下げ、働く姿を求職者の想像力に委ねる心理的な余白を生み出しています。配色は、清潔感のあるホワイトをベースに、知的で誠実なネイビーをテキストやボタンに採用。そこに、コーポレートロゴを連想させる赤、オレンジ、緑、青を、淡く優しいパステル調のアクセントカラーに変換して各セクションに散りばめています。これにより、企業のアイデンティティを保ちながらも、全体的に柔らかくモダンな印象を作り出しています。手書き風の英字フォントや丸みのあるあしらいが、UIに心地よいリズムと人間味をプラス。実線に隙間を持たせたイラストの抜け感や、ころんとした太字フォントが、マーカーで描いたような風合いを生み、塗料メーカーならではのクラフト感を表現しています。長く働ける会社」というメッセージを、視覚的な優しさと整ったレイアウトで体現した、求職者に寄り添うデザインです。
Yoom
AIエージェントや業務自動化という専門性の高いサービスを、親しみやすく直感的に伝えるデザインです。ファーストビューでは、カラフルでモフモフとした質感の3Dキャラクターたちを用いることで、「AI社員」という概念を難しいテクノロジーではなく身近な存在として表現し、初見ユーザーの心理的なハードルを下げています。配色はホワイトをベースにしながら、パープルやイエロー、グリーン、ブルー、ピンクなど鮮やかなアクセントカラーをセクションごとに切り替えることで、単調さを感じさせず、テンポよく読み進められる構成になっています。一方で、機能紹介や連携アプリ、導入実績、セキュリティなどの情報は白を基調としたカードUIで整理されており、ポップな世界観の中でも情報の視認性と信頼性を損なっていません。タイポグラフィは太めで丸みのあるフォントを中心に構成され、絵文字やイラストと組み合わせることで親近感を演出。さらに、豊富な連携サービス数や導入実績、テンプレート紹介などを段階的に配置することで、楽しさだけでなく「実際に業務で使えるツールである」という安心感も醸成しています。複雑な業務自動化を、まるで新しいアプリやゲームを触るような感覚で体験できる期待感を生み出している優れたサービスサイトです。
奈良のウェディング前撮りならSHY（シャイ）
雑誌の切り抜きやスクラップブックを彷彿とさせる、手作り感に溢れたコラージュレイアウトのサービスサイトです。スタンプやペンキで描いたようなかすれのある太字フォント、マスキングテープのようなあしらい、そして被写体をステッカーのように切り抜いて散りばめる演出が、遊び心とエモーショナルな温かみを両立させています。特別な日も何気ない瞬間も、全ての思い出をふたりで手作りするようなハンドメイド感とマッチし、従来の純白で厳かなウェディングのサイトの定石をあえて外し、日常の延長線上にあるカジュアルで自由な空気感を表現しています。配色は、淡くくすんだブルーやイエロー、パープルといったペールトーンの背景をセクションごとに切り替えながら、ビビッドなピンクのタイポグラフィで強烈なアクセントを加え、ポップでストリート感があるカラーリング。ページ全体に、自然体で笑い合うふたりの魅力溢れる写真が掲載され、ブランドコンセプトを最大限に引き出し、ページレイアウトと合わせて写真の中でもこの「ふたりらしく “好き” を残す」オリジナリティを体現しているようです。一見すると写真や要素がランダムに散らばっているように見えますが、セクションごとに背景色を明確に分け、テキストは中央揃えや左揃えでしっかりとブロック化されています。世界観の崩しと情報伝達の整理のバランスを絶妙に保つことで、ウェディングの枠を超えまるでファッション誌をめくるような、ポップで自由な没入感を与えてくれるサービスサイトです。
日経電子版 for Education｜公式サイト
大胆なカラーブロックと角丸のカードが、堅いメディアのイメージを親しみへ書き換えるカラフルなサイト。背景はクリーンなホワイトで、イエロー、ライトブルー、ライトグリーンといった明るいビタミンカラーをセクションごとに大胆に切り替え、ポップで親しみやすいマルチカラーの配色。「日本経済新聞」という伝統的で堅実なメディアのイメージを良い意味で裏切り、学生や教育現場に向けたフレッシュな活力とワクワク感を視覚的にアピールしています。角を大きく丸めた巨大なカラーブロックと、その中で展開されるカードUIの組み合わせがサイトの顔になっています。事例や教材紹介など、情報量が多くなりがちなコンテンツをカルーセルのカードUIに収めることで、縦方向のスクロール量を抑え、ユーザーに圧迫感を与えないスマートな情報設計を実現しています。また、見出しには知性を感じさせるエレガントなセリフ体を使いつつ、ファーストビューにはコラージュのようなあしらいをミックスさせることで、アカデミックな品格と親近感を両立させています。カードやCTAのホバー時には丸い矢印ボタンが直感的に反応するなど、誰にでも使いやすいUIが徹底されています。豊富な教育コンテンツを楽しく、かつ論理的に整理して届ける、メディア企業ならではの質の高いサイトとなっています。
ナッツの美味しさが開花する 【caica カイカ】
爽やかで抜け感のあるペールブルーを背景の基調とし、パッと目を引く色鮮やかなレッドやピンク、オレンジを用いた花のイラストを大胆に配置した、ポップで心躍るような配色設計。ブランド名であるcaica（開花）のコンセプト通り、画面全体に華やかさとポジティブなエネルギーが満ち溢れています。フラットで少しレトロな手描き風のグラフィックアートと、ナッツやチョコレートの質感・シズル感を極限まで引き出した高解像度のプロダクト写真の大胆な掛け合わせです。写真をあえて真円ではなく、いびつな円形やアーチ型でマスクすることで、有機的で温かみのある世界観を強調。また、ポップなビジュアルに対して、見出しにはエレガントなセリフ体のタイポグラフィを採用することで、ただ可愛いだけでなく、お菓子としての上質さやプレミアム感をしっかりと担保しています。スクロールに呼応するモーションは、波打つような境界線やイラストがゆっくりと現れるような、優しく遊び心のある挙動。ホバー時には、各プロダクトの丸いボタンや画像が直感的に反応するインタラクション。鮮やかな色彩とリズミカルな円形レイアウトがユーザーの視線を自然と下へ下へと誘導し、ショッピングのワクワク感を高めながら購入へと繋げる設計です。
日大理工学部建築学科
クリーンで淡いライトグレーをベースに、テキストや区切り線にはソリッドなブラックを用い、アクセントとして黄色、緑、ピンク、青などのカラフルなドットを散りばめた、知的でポップなカラーリング。建築的な無機質さやストイックさの中に、そこで学ぶ学生たちの多様な個性や活気、未来へのエネルギーが色鮮やかに表現されています。構成の最大の特徴は、細い黒線を多用した緻密で明確なグリッドレイアウトです。要素を線で区切るこのデザインは、まるで建築の図面や建物の骨組みを彷彿とさせ、建築学科ならではの構造美や正確性を視覚的に表しています。さらに、ファーストビューで目を引く点と線を結んだネットワーク状のグラフィックが、学問の広がりや人との繋がりを象徴し、理路整然としたレイアウトの中にダイナミックなリズムと遊び心を生み出しています。ホバー時には、カラフルな円のアイコンが微細に動いたり、リストの背景色が滑らかに反転するといった、直感的で小気味よいインタラクションを採用。情報量の多い大学の学科サイトでありながら、ユーザーを迷わせることなく目的のカリキュラムや研究室情報へと導く、極めて論理的で高いユーザビリティを誇る導線設計となっています。
協業・新規事業開発・スタートアップ支援｜株式会社ユニッジ
ファーストビューから優しい動きがあり、深みのあるダークトーンを基調に、ブルー、パープル、ピンク、オレンジといった鮮やかで幻想的なメッシュグラデーションを大胆に掛け合わせた、近未来的で洗練された配色設計が目を惹きます。暗闇の中に浮かび上がるオーロラのような発光感が、新しい価値を創出する企業の先進性とクリエイティビティを視覚的に強く印象付けています。構成の最大の特徴は、この流体的なグラデーション背景と、極めて整然とした構成設計のセクションとの対比です。広大な余白の中に、エレガントでクラシカルなセリフ体の英字見出しと、モダンなゴシック体の本文を組み合わせることで、テック感の強いビジュアルの中に知的で信頼感のある品格を担保しています。ダーク背景とホワイト背景のセクションをメリハリ良く切り替えることで、心地よい視線誘導を実現しています。スクロールに呼応するモーションは、見出しが短い距離を滑らかに浮かび上がる静かなフェードインで統一され、背景のグラデーションが持つ柔らかく漂うような世界観と美しく調和しています。ホバー時には、画像が微細にズームする、あるいはボタンが滑らかに反転するといった空間のノイズにならない洗練されたインタラクションが採用され、ミニマルに配置されたリッチなボタンやテキストリンクが、ユーザーを自然に実績やインタビュー記事へと導く、完成度の高い導線設計となっています。
株式会社丹青社｜採用サイト
極太のゴシック体やステンシル風、手書き風のフォントをミックスして使用し、まるでストリートアートやDIYで作られたZINEのような、圧倒的な熱量と遊び心あふれる世界観。クリーンなホワイトと方眼紙のようなグリッド線を背景に、鮮烈なレッド、ブルー、イエロー、ピンクといったビビッドカラーを大胆に掛け合わせた、極めてエネルギッシュでインパクトのある配色設計です。構成の最大の特徴は、「満たせ、はみ出せ。」というメインコピーや各セクションのタイトルを、マスキングテープやステッカーのように画面の至る所にランダムかつ斜めに配置している点です。ベースとなる整然としたグリッドをあえて無視し、枠から文字通りはみ出すようなダイナミックなレイアウトが、クリエイティビティと型破りなパワーを視覚的に体現しています。スクロールに呼応するモーションは、重なり合ったテープや画像がそれぞれ異なるスピードで現れるような、躍動感のあるパララックスで、画面全体に強いリズムと生命感を生み出しています。ホバー時にはビビッドな背景色が反転したり、要素が角度がついて大きく動くといった大胆なインタラクションを採用。決して無難にまとまらず、閲覧者に企業の挑戦的なスタンスを強烈に印象付けながらエントリーへと導く、野心的な設計となっています。
Diffar_Fragrance Hair Oil
粗い粒子感のあるモノクロームの写真や映像を背景に敷き、その上に極めて鮮やかで多色使いのプロダクトを配置した、強烈なコントラストが目を引く設計。背景から徹底して色彩を排除することで、商品自体が持つポップなカラーリングが浮き上がるように際立ち、まるでアートピースのような存在感を放っています。構成は、画面いっぱいのフルスクリーン背景の上を、プロダクトと最小限のテキストのみがスライドする、大胆かつミニマルなレイアウトを採用。広大な余白と洗練されたタイポグラフィが、ユーザーの視線を迷うことなく中央の鮮やかなパッケージへと誘導します。スクロールに呼応するモーションは、背景のシネマティックな白黒写真が商品に合わせて変化し、各プロダクトがじわっと浮かび上がる挙動で統一され、エッジの効いた世界観の中に心地よいリズムを生み出しています。商品詳細へのボタンをホバー時にはわかりやすく色反転のみで、空間のノイズにならない抑制されたインタラクション。極めて洗練された設計で、プロダクトへの絶対の自信があるからこそ無駄を削ぎ落とした、ブランドの世界へユーザーを深く没入させます。
