嘉瀬こどもの森｜佐賀市の認定こども園
手でちぎった紙のようなエッジや、水彩絵の具の滲みを感じさせる曲線を画面全体に大胆に用いている点が特徴のぬくもりあるサイト。写真をランダムに切り抜き、手書き風の可愛らしいイラストやあしらいを重ねることで、直線的なグリッド感を感じさせない、まるで手作りのスクラップブックのような、自由で伸びやかなレイアウトを実現しています。タイポグラフィにも丸みのあるフォントや手書き文字を採用し、保育園ならではの親しみやすさと愛情を視覚的に表現しています。 配色は、自然の息吹を感じさせる深いグリーンと、温もりあるベージュをメインに、土や水、太陽を思わせるアースカラーを要所に散りばめた、優しく安心感に満ちたデザイン。豊かな自然環境の中で子どもたちがのびのびと過ごす姿を捉えた写真が、このオーガニックな色彩と調和しています。じわっと浮き上がるフェードインアニメーションや柔らかく反応するホバーアクションが、子どもたちとの穏やかな時間を感じさせる、手作りの絵本のようなサイト。
株式会社 PIECE
ファーストビューにおける円形のダイナミックな写真切り抜きや、セクション背景に用いられているロゴマークのシェイプが特徴的なサイト。直線を多用する一般的なコーポレートサイトとは異なり、こうした柔らかな曲線を取り入れることで、空間に心地よいリズムと柔らかさを生み出しています。カラーには上品で温かみのあるサンドベージュをベースに、テキストには引き締まったダークトーンを配し、アクセントとして柔らかくも鮮やかなオレンジを効かせた、洗練と親しみやすさが共存する配色。この落ち着いたベースカラーが、上質な空間や人々の笑顔を捉えた写真の魅力をノイズなく引き立て、ホスピタリティ企業としての温もりを視覚的に伝えています。角丸の画像とカラーリングがフラットで今時な印象も演出。画面を横断して流れる大きなタイポグラフィを配置するなど、モダンで遊び心のあるエディトリアルデザインが採用されており、広大な余白と端正なゴシック体が知的な印象をしっかりと担保しています。
あさひな歯科｜地域に根ざした歯科診療
温かみのある淡いベージュとクリーンなホワイトを基調に、親しみやすいオレンジや自然を感じさせる柔らかなグリーンをアクセントに用いた、安心感に満ちた配色設計です。歯科医院特有の冷たい印象を払拭し、患者の不安を優しく和らげるようなカラーリング。最大の特徴は、水彩画のような温もりあるタッチの背景画像と、シンプルなイラストレーションのブレンド、角を大きく丸く落とした写真やUI要素の組み合わせ。木々や家族のイラストが随所に散りばめられ、直線を極力無くしたレイアウトが、優しい絵本のようなホッとする視線誘導を実現しています。 タイポグラフィは、可読性の高い丸ゴシック体の見出しはロゴに合わせたオレンジ、本文にはダークグレーを使用することで、親しみやすい印象を作り子供からお年寄りまで幅広い世代に情報を分かりやすく丁寧に伝えています。
Patisserie PONO パティスリーポノ
淡い水色とクリーンなホワイトを基調に、温かみのある柔らかなレモンイエローをポイントカラーに、極めて優しく清潔感のあるパステルカラーの配色。このソフトな背景色が、ケーキに添えられたイチゴの赤や焼き菓子の豊かなブラウンといった、スイーツ本来の鮮やかな色彩とシズル感を、甘く魅力的に引き立てています。構成の最大の特徴は、生クリームが滑らかに垂れるような波線や、水彩画のような滲みを持つ有機的な曲線をセクションの境界に大胆に用いている点。直線的なグリッドをあえて崩し、手書き風の可愛らしい線画イラストを空間に散りばめることで、まるで優しい絵本の世界に迷い込んだかのような、ワクワクする視線誘導を実現しています。タイポグラフィには、品格のある細身の明朝体を主軸に据えつつ、わずかに手書き風のフォントを交えることで、お菓子作りの丁寧な手仕事感と、地域に根ざした親しみやすさを見事に両立させています。スクロールに呼応するモーションは、各要素が短い距離をゆっくりと滑らかにフェードインする挙動で統一され、店舗に流れる穏やかで優しい空気感を視覚的に表現しています。たっぷりと取られた余白の中に配置されたデザイン性の高いリンク要素が、世界観のノイズにならずにユーザーを自然とメニューや店舗情報へと導く、丁寧で温もりのある導線設計となっています。淡い水色と生クリームの曲線が描く、絵本のようなパティスリー空間。
Hotel URO｜Nagasaki
温かみのある淡いサンドベージュと、深く引き締まったダークグレーを交互に配した、ミニマルでありながらも強いコントラストが印象的で上品なカラーリング。無駄な装飾を削ぎ落とし、この2色のソリッドな背景を用いることで、ホテルの建築や内装、柔らかな照明の質感を捉えた写真の魅力をノイズなく際立たせています。構成は、画面幅を大胆に使った大きなブロックごとに背景色を切り替えることで、メリハリのある視線誘導を実現しています。特筆すべきはタイポグラフィで、個性的で装飾的な極太の英字フォントと、可読性の高い端正なフォントを組み合わせることで、空間に洗練されたインパクトを与えています。ファーストビューに配置された緻密な線画イラストも、ブランドの独自の世界観を強く印象付ける役割を果たしています。ホバー時にはテキストリンクの矢印がスッと伸びるといった控えめなインタラクションで、洗練された空間のノイズにならないよう、ユーザーを自然に宿泊予約や詳細情報へと導きます。
熊本電子ビジネス専門学校
クリーンなホワイトを基調とし、テキストに引き締まったダークグレーやブラックを配した明快なコントラストの中に、知的なシアン、活気あるイエローをアクセントとして盛り込んだ、モダンでスタイリッシュな配色。配置された写真は、少し彩度を抑えたシネマティックでクールなトーンで統一されており、真剣に学ぶ学生たちの眼差しや手元のディテールをドラマチックに引き立てています。タイポグラフィは視認性と力強さを兼ね備えたゴシック体を主軸とし、ファーストビューの「大人になる、プロになる。」という力強いコピーにしっかりとしたウェイトを持たせることで、学校の揺るぎないスタンスを視覚的に宣言しています。レイアウトは堅牢なグリッドシステムをベースにしつつ、画面幅をいっぱいに使ったダイナミックな写真の帯や、背景にうっすらと配置された巨大な英字タイポグラフィを交えることで、空間に奥行きと洗練されたリズム感を生み出しています。ホバー時にはカード要素やバナーが微細に変化してフォーカスを可視化しており、視認性の高いフッター手前のバナー群が、ユーザーを迷わず資料請求、オープンキャンパスや詳細ページへと導く優れた導線設計となっています。
札幌調理製菓専門学校
温かみのあるクリーム色を基調に、活気を感じさせる鮮やかなイエローと、食欲をそそるオレンジをアクセントに用いた、親しみやすくエネルギーに満ちた配色設計。写真は明るいトーンで統一され、学生たちの生き生きとした表情や料理のシズル感を魅力的に引き立てています。タイポグラフィは見出しにクセのあるフォントで、本文は可読性の高いゴシック体を主軸としつつ、背景や装飾に手書き風のあしらいを交えることで、手作りの温もりやクリエイティビティを視覚的に表現しています。レイアウトは、料理のクリームや生地を連想させる波打つような有機的な曲線をセクション境界に用い、要素を効果的に重ね合わせることで、楽しげなリズム感のある視線誘導を実現しています。マスクされた学生の写真が小さくポイントで配置され、賑やかな雰囲気と校内で学生と顔を合わせるような印象に。特に閲覧者が興味のある卒業生へのインタビュー情報を設置することで、ユーザーに寄り添い、学生目線での制作が伺えます。
Fujiya1935（フジヤ1935） – 季節と記憶の食卓
豊かな自然の息遣いと、積み重ねられた歴史の重みを感じさせる、極めて洗練されたエディトリアル調のデザインです。たっぷりな余白を贅沢に活かし、見えないグリッド上で大小の写真をアシンメトリーに配置することで、上質な作品集をゆっくりとめくるような優雅な視線誘導を構築しています。この静謐な空間を支えるのは、温かみのあるベージュやオフホワイトを基調とし、テキストに墨色のようなダークグレーを配した、自然界に溶け込むような穏やかな配色。あえて強いアクセントカラーを設けず、木漏れ日や瑞々しい葉の緑、そしてモノクロのアーカイブ写真が持つ豊かな階調を主役として引き立てています。タイポグラフィには、品格のある細身の明朝体とエレガントなセリフ体の英字を採用し、字間と行間が、料理に向き合う誠実で静かな空気感を視覚化しています。セクション構成として、店舗の営業日カレンダーを配置し、スムーズに来店を誘導できる設計と、歴史紹介が特徴的。スクロールに呼応するモーションは、画像やテキストがじわっとフェードインする挙動で統一され、ゆるやかな時の流れを感じさせるような抑制的な一貫性を保っています。ホバー時にはリンクテキストに滑らかな下線が現れアイコンが呼応する、あるいは画像が微細に変化するなどの控えめなインタラクションでフォーカスを可視化しており、空間のノイズにならないよう配置されたミニマルなCTAが、ユーザーを自然に予約や世界観の奥へと導く洗練された導線として機能しています。
HOTEL TAU, KUMAMOTO
クリーンなホワイトを基調とし、フッターにダークグレーを配した明快なコントラストの中で、ロゴの繊細なピンクや手描きイラストの赤をアクセントに効かせた、洗練されたミニマルな配色設計です。配置された写真は、コンクリートや植物の質感、ネオンサインの光を活かした落ち着いた彩度のトーンで統一され、モダンで上質な空間の空気感を静かに伝えています。タイポグラフィは、たっぷりと取られた字間・行間によって品格のある空間を演出。そこに特徴的なアウトラインのロゴタイプを組み合わせることで、整然とした中に知的な遊び心を加えています。レイアウトは広大な余白を贅沢に使い、見えないグリッド上でテキストと画面幅いっぱいの写真を交互に配置することで、まるでアートギャラリーを歩くような優雅な視線誘導を実現。アニメーションも最低限に抑え、ホバー時には円形の矢印アイコンが滑らかに動くなどの微小なインタラクションでフォーカス状態を可視化。たっぷりの余白の中に配置されたシンプルな線画のCTAは高い視認性を保ち、ユーザーを自然に次の詳細コンテンツへと導く洗練された導線設計となっています。
MEJINAVI2026｜目白大学がまるっとわかるメジナビ
画面全体を一本の道が貫くポップなイラストベースのレイアウトが、ユーザーの視線を自然と下部へ導く回遊性の高い導線設計となっています。厳格な四角いグリッドというよりは、背景の地形という見えない線に沿って各要素を整列させることで、まるでテーマパークを巡るようなシームレスでワクワクする体験を構築。この世界観を支えるのは、鮮やかなグリーンと温かいクリーム色を基調に、多彩なアクセントカラーを効かせた明快な配色です。配置された写真は明度が高く自然な色温度で統一されており、学生の活き活きとした表情をクリアに引き立て、大学の魅力を最大限伝えています。見出しにはポップな英字に丸みのある装飾的な太字、和文の本文にはプレーンなゴシック体を併記するルールを採用し、明確なウェイト差とゆとりのある字間設計によって、親しみやすさと情報の読みやすさを両立させています。スクロールに伴うアニメーションは、カードや装飾が短い距離をジャンプイン、賑やかなビジュアルの中でも過度なノイズにならず、かつ目を引く遊びが施されています。ホバー時にも写真やカラーが入れ替わったり、微小にズームするボタンがフォーカス状態を的確に可視化しており、ユーザーに迷いのないアクションを促しています。
