しま歯科院
全体を包み込む柔らかなベージュとホワイトの基調色に、大胆な扇形シェイプを取り入れた心地よい印象のサイト。歯科医院の怖さを払拭する安らぎの配色と、暖色系のライティングで統一された写真。清潔感と温かみを同時に表現しています。構成として、ファーストビュー直下に診療時間を配置し、閲覧者が知りたい情報を明確に提示する安心設計。 モーションは、フェードインやゆったりと動く無限ループのテキストや画像が、患者の緊張を解きほぐすような穏やかな時間を表現。CTAボタンは落ち着いたブラウンで統一され、ホバー時にふわりと透過する控えめなマイクロインタラクションが、品格を損なわずスムーズな予約行動へ誘導する洗練された導線となっています。角を大きく丸めた画像や背景の有機的な曲線シェイプを多用し、グリッドを緩やかに崩すことで、空間に広がりと優しさを付与しています。
常願寺川公園 BBQ TERRACE
白をベースに、爽やかなパステルグリーンと柔らかなピンクをアクセントに効かせた、ファミリー層に響く親しみやすい配色。写真は明度を高く設定して “楽しい休日” の空気感を演出しつつ、BBQ料理のシズル感もしっかりと担保しています。親しみのあるイラストを全体に配置し、賑やかにBBQを楽しむ雰囲気に作り上げています。 タイポグラフィは、可読性の高いゴシック体を採用しポップな世界観と情報の読みやすさを両立させています。レイアウトは、雲や吹き出しのような有機的なシェイプで画像をトリミングしたり、手描きのイラストを随所に散りばめたりすることで、グリッドに縛られない自由で楽しいリズムを生み出しています。 モーション言語は、スクロールに合わせて要素がふわっと浮き上がる演出や、背景のあしらいがゆったりと動くパララックス効果を取り入れ、アウトドアの開放感とワクワク感を動的に表現。ホバーアクションは色が反転したりアイコンが動くなどのマイクロインタラクションで、ユーザーの期待感を高める丁寧な導線となっています。
tetopaint
白やグレーを基調としたクリーンなキャンバスに、落ち着きのあるグレーを配することで、信頼感と職人の誠実さを表現した配色です。写真素材は自然光を感じさせる柔らかいトーンで統一され、「塗り替えると、また好きになる」というコピーが持つ情緒的な温度感と美しく調和しています。タイポグラフィは、本文に親しみやすい丸みのあるゴシック体を採用しつつ、見出しには洗練された欧文サンセリフを添えることで、現代的なデザイン性をプラス。サイト全体のアートディレクションにおいても、清潔感が徹底されています。レイアウトは、要素間に十分な余白を設け、縦のラインを意識したグリッドで整えることで、視線が自然と下へ流れる心地よいリズムを構築。特にServiceセクションでのレイヤー表現や、Works・Flow・Contactにおけるカードの配置・回転が、整然としたグリッドに遊び心ある変化を与え、手仕事の温かみや空間的な奥行きを感じさせるアクセントになっています。スクロールに合わせて要素がふわっと浮き上がるフェードインを多用し、主張しすぎない静かな動きで統一。CTAは背景色と対比するカラーで視認性を高め、ホバー時の色反転といったマイクロインタラクションにより、ユーザーの操作を優しく後押しする丁寧な導線設計となっています。
Likenomad株式会社
ブランドの主役である「猫」の温かみを引き立てるオレンジやはっきりしたブルーを配した、親しみやすくナチュラルな配色設計。様々なテイストのイラストや写真の猫をふんだんに散りばめ、掲載写真のトーンも自然光を感じさせる明るく優しい質感で統一されており、企業の持つ「猫と人をつなぐ」というビジョンを視覚的に表現。タイポグラフィは、丸みを帯びたサンセリフ体を見出しに大きく配置してポップな印象を与えつつ、本文には可読性の高いゴシック体を採用し、情報の信頼性を担保。余白を広くとりながらセクションごとに明確な区切りを設け、縦スクロールの中でリズムよく情報が入ってくるよう設計されています。モーション言語は、スクロールに合わせて要素がふわっと浮き上がるフェードインや、画像が緩やかにズームする演出を取り入れ、ポイントに横方向のアニメーションやモーションを使用して猫のしなやかな動きを連想させるような心地よいテンポ感を創出。丸みを帯びたボタンで押しやすさを示唆し、ホバー時に色が反転するなどのマイクロインタラクションが、ユーザーの操作を軽やかに後押しする導線となっています。
IE3
徹底して装飾を排した白のキャンバスに、プロジェクトと黒のサンセリフ体のみを配置した、極めてミニマルでストイックなデザインです。背景を「無」にすることで、ヒーローエリアで再生される鮮烈な映像作品や、グリッド状に整然と並べられた実績サムネイルの色彩・質感を最大限に引き立てています。テキストは可読性は高くしつつも主張しない、デザインスタジオらしい論理的な知性を演出。厳格なグリッドシステムに基づきつつも、広大なホワイトスペースを確保することで、情報の羅列ではない作品鑑賞のための空間を構築しています。CTAやナビゲーションは黒のテキストリンクで統一され、主張しすぎず常にアクセス可能な位置に控え、あくまでコンテンツの引き立て役に徹した機能美が貫かれています。作品を見せるためのポートフォリオのように見やすさを追求した設計です。
yuppa（ゆっぱ）
湯葉を使ったヘルシーファストフードのシズル感と、ブランドの遊び心を体現したポップでモダンなサイト。湯葉の白やベージュを基調にしつつ、食材由来の鮮やかなオレンジやグリーン、イエローをアクセントに散りばめ、食欲をそそる彩度の高い写真素材が高コントラストで配置されています。タイポグラフィは、太めのサンセリフ体で力強いインパクトを与えながら、和文には可読性の高いゴシック体を採用し、カジュアルさと信頼感を両立。レイアウトは、雑誌のように写真とテキストを大胆に重ね合わせたり、斜めのラインや不規則なグリッドを用いることで、ファストフードらしい軽快なリズムと躍動感を生み出しています。角丸や太めの線の装飾がカジュアルな印象を与えて、具材が飛び出すような「賑やかさ」も演出。ホバー時にはボタンの色が反転したり、アイコンが回転するなどのマイクロインタラクションが仕込まれ、ユーザーの操作に心地よいフィードバックを返しつつ、店舗や商品ページへの導線をスムーズに繋ぐ設計となっています。
こばクリニック
特徴的なファーストビューの写真は耳、鼻、喉のシェイプでホバーアクションも遊び心を感じるデザイン。グレーを基調とした清潔で明るい背景に、視認性の高い水色のアクセントカラーを要所に配し、医療機関に求められる「信頼」と「安心」を両立させた配色設計です。外観、内装のデザインを活かした写真は自然光を取り入れた明るいトーンで統一され、キャッチコピーにある「当たり前の幸せ」を守る温かな姿勢を視覚的に裏付けています。レイアウトは、診療科目や予約への導線をグリッドに沿って整然と配置し、アイコンを効果的に用いることで視線が迷うことなく目的の情報へ到達できるよう整理されています。随所にさりげないホバーアクションが設置され、ユーザーを飽きさせません。また、画像がスクロールに合わせてゆったりと流れるスクロールエフェクトとコンテンツのフェードインがシックで落ち着いた世界観を演出。グラスモーフィズムの追従メニューでどの画面位置からもスムーズにコンバージョンへアクセスできるよう、ユーザビリティを最優先した導線設計が徹底されています。
株式会社東組 採用サイト
サイト全体でキャッチーなイラストと写真の組み合わせで、フッターまで閲覧者を楽しませてくれるリクルートサイト。ファーストビューから段階的な情報提供構造で、ユーザーが知りたい情報にスムーズにアクセスできる導線になっています。配色はグレーを基調に、海洋土木のイメージのやや落ち着いたグリーンや同系色が使われ、親しみやすさもありながら落ち着いた企業イメージを演出しています。写真背景には 空や海の青が継続して見えるため、色温度が冷たすぎず安定感があります。タイポグラフィは、日本語中心でセクション見出しと本文に明確なウェイト差を付けています。特に見出しは可読性重視で枠で囲み背景色を付けて、情報の階層を分かりやすくしています。メニューバーは常に画面上部にあり、回遊動線が明確。余白は十分に確保されながら、写真とテキストをバランスを取りながら重なり、まとまりがあります。過度な動きはなく落ち着いたモーション設計で、読み進めやすくデザインされています。
villa itsutsu
長崎・新上五島の自然と静けさを主軸に据えた構成により、閲覧者に「非日常の上質な滞在体験」を直感的に伝えるデザインになっています。落ち着いたベージュオレンジをベースカラーに、文字色には落ち着いたダークトーンを用いることで、全体に余計な主張を抑えた上品で静かな印象を与えています。その中で、写真の色味が自然なアクセントとして機能し、空間の魅力を際立たせています。写真の明度や色温度も統一されており、視覚的に心地よいリズムが生まれています。タイポグラフィは、見出しが大きめで存在感を持たせつつ、本文は細めのウェイトで抑制的に設計されているため、落ち着きと読みやすさの両立が図られています。レイアウトは余白を広く取り、情報を詰め込みすぎない構成によって「ゆったりとした時間の流れ」を感じさせ、サイト全体でどこか海外風のサイトデザインに仕上がっています。写真とテキストの配置も整っており、視線が自然に下方向へ導かれるため、無理なく読み進められます。モーションはフェードインや軽微なスライドが中心で、動きは緩やかかつ一定で、上質感を支えています。導線は物語をたどるように構成されており、施設紹介から予約導線までが自然につながることで、「体験への期待感」を段階的に高める役割を果たしています。
あまの皮ふ科
クリニックの清潔感と安心感を伝える配色設計で、基調色として白～淡いグレーが全面に使われ、アクセントにロゴのやや彩度の高いピンク〜赤が配置されています。一般的に青や緑が多い医療系サイトの中で、暖色を用いることで「活力」や「血行の良さ」を想起させ、色味がスタイリッシュなピンクで美容皮膚科としての審美的な感度も表現。写真は明度が高く統一されており、院内やスタッフの人物写真も色温度が暖かく整っていることで全体の印象に一貫性があります。タイポグラフィは見出しと本文でウェイト差があり、情報の階層が視覚的に区別され、また見出しに欧文を併記することでモダンな印象をプラスし、情報の圧迫感を軽減。レイアウトは十分な余白を確保し、グリッドに沿った整列感で明確なゾーニングがなされており、迷いのない視線誘導を実現。モーションはスクロールでの軽微なフェードやスライドが用いられ、安定感があり速度は控えめにしあくまで情報の閲覧を妨げない「抑制の美学」で統一。医療機関としての信頼感を保ちつつ、美容サロンのような洗練された美意識と、肌に触れるような優しさを感じさせるデザイン。
