デザインのこと –
Web design gallery

planeta ORGANICA

URL / https://planeta-organica.com/

オーガニックコスメブランドplaneta ORGANICAのサイト。手描き風のボタニカルイラストと、音を使った演出が上品。

すべて真夜中の恋人たち

URL / https://www.bitters.co.jp/subemayo/

映画『すべて真夜中の恋人たち』の公式サイト。ダークな背景に縦書きタイトルだけを置いた、詩的で余白のあるデザイン。

愛 編む with you – Couturier

URL / https://www.felissimo.co.jp/couturier/iamwithyou/iamwithyou_ct.html

アイドル・宮脇咲良さんとのコラボ企画「愛 編む with you」。ハート型にトリミングした写真とキュートな配色が印象的。

Tabio × FUDGE.jp

URL / https://tabio.com/jp/fudge02/

靴下屋Tabioとファッション誌FUDGE.jpのコラボ企画。手描き風の大きな文字とやわらかい配色がかわいい。

apartment morning

URL / https://apartment-morning.com/

「僕」と「私」、二つの視点を「交互／僕だけ／私だけ」で自由に切り替えて読める連載小説サイト。モノトーンで余白を活かしたタイポグラフィが上品。

志和貨物自動車

URL / https://shiwakamotsu.co.jp/

運送会社とは思えないほど映画的な写真とタイポグラフィで魅せる採用サイト。意外性のある業種×デザインの好例。

KAIZEN

URL / https://kaizen.tsk-corp.jp/

建設業向けDXサービスKAIZENのトップページ。プロダクト動画を中心に据えたミニマルな余白の使い方が上品。

SHIPS any – HOLIDAY WISH LISTs

URL / https://www.shipsltd.co.jp/pages/shipsany_holiday_20251204.aspx

アパレルブランドSHIPS anyのホリデーキャンペーンページ。円形にトリミングした写真をランダムに配置したコラージュ演出が目を引く。

スワロウテイル 4Kリマスター

URL / https://swallowtail4k.jp/

映画『スワロウテイル 4Kリマスター』公式サイト。フルスクリーンの写真にタイトルだけを重ねた、余白を活かしたムーディーな一枚もの構成。

日本タイポグラフィ協会

URL / https://typography.or.jp/

日本タイポグラフィ協会の公式サイト。グリッド状に配置されたポスターや誌面がそのままギャラリーのように並ぶ、シンプルで読みやすいレイアウト。

neie – ネイエ

URL / https://neie.jp/

注文住宅・リノベーション会社のサイト。落ち着いたベージュトーンでまとめた器や植物の静物写真が上品で、暮らしの質感が伝わってくる。

Kimiko Portfolio

URL / https://kimiko-design.studio.site/

モノクロ2分割のレイアウトに、手描き風のかわいいイラストを大きく配置したイラストレーター／Webデザイナーのポートフォリオ。

ぎゅぎゅっと オレンジ & マンゴー フラペチーノ｜スターバックス

URL / https://www.starbucks.co.jp/cafe/orange-mango/

オレンジとマンゴーを使った季節限定フラペチーノのキャンペーンページ。鮮やかなグラデーションと大胆な手書き風タイポグラフィが目を引く。

映画『北極百貨店のコンシェルジュさん』

URL / https://hokkyoku-dept.com/

アニメ映画の公式サイト。カラフルで幻想的な本編イラストをそのまま大きく使い、世界観をダイレクトに伝えている。

えんとつ町のプペル保育園

URL / https://poupelle-kids.jp/

満面の笑みの子どもたちの写真を大きく使った、あたたかみのある保育園サイト。星空をイメージした青の使い方も印象的。

イチゼンブックス

URL / https://ichizenbooks.jp/

窓の外にビーチが広がるイラストの中で読書を楽しむシーンが印象的な、サブスク型選書サービスのサイト。

北のはしベーカリー

URL / https://kitanohashi.com/

焼きたてのパン写真をひとつだけ中央に置いた、余白を活かしたミニマルな構成。手書き風のロゴ文字があたたかい。

ピーチ & ピーチミルク フラペチーノ｜スターバックス コーヒー

URL / https://www.starbucks.co.jp/cafe/peach2026/

ピンクと桃色のグラデーションで統一した、桃づくしの季節限定ドリンク3種のキャンペーンページ。

TAKAMI GROUP 採用サイト

URL / https://recruit.takami-hd.com/

左右で写真を分割した構成にキャッチコピーを重ねた、ブライダル企業の採用サイト。落ち着いた黒基調が上質。

明星幼稚園

URL / https://www.meisei.ac.jp/kg/

園児たちの躍動感ある写真に、カラフルな手描き風のイラストを重ねたにぎやかで楽しい幼稚園サイト。

moln

URL / https://moln.com/

スーツケースブランドのサイト。質感のある製品写真にミニマルなロゴタイポを重ねた、上質でシンプルな構成。

嘉瀬こどもの森

URL / https://seigaku.jp/kase/

森の中でくつろぐ子どもの写真に、手書き風の縦書きコピーを重ねた、緑を基調としたあたたかい保育園サイト。

明星小学校

URL / https://www.meisei.ac.jp/es/

ノートの切れ端のような手描き風パーツを方眼紙の背景に散りばめた、算数教育をテーマにした遊び心のあるレイアウト。

映画『FUJIKO』

URL / https://fujiko-movie.com/

鮮やかな黄色の背景に主演の写真を大きく配置した、潔い構成の映画公式サイト。受賞歴のロゴも効果的に配置。

Shed Inc.

URL / https://www.shed.co.jp/

蛍光イエローグリーンを効かせたタイポグラフィックなデザイン会社のサイト。アートイベント告知のカード型レイアウトが特徴的。

大松工業株式会社

URL / https://daimatsu.cc/

塗装会社らしからぬ、カラフルなフラットイラストで「彩る仕事」を表現した楽しいコーポレートサイト。

GARDEN

URL / https://garden-clothing.com/

曇り空と観覧車の写真を左右で分割した、余白の効いたアパレルブランドのシンプルなランディングページ。

tashi Illustration&Design Portfollio

URL / https://tashi.design/

水彩風の木々のイラストに包まれた、あたたかみのあるイラストレーターのポートフォリオサイト。

MeUMU

URL / https://meumu.jp/

手描きの文字と鉛筆・消しゴムのイラストで「みんなで創る」を表現した、デザイン制作会社のサイト。

Photoire

URL / https://photoire.attdesign.site/

日々の写真をグリッド状に並べたフォトログ形式。使用機材のメモも添えられた、写真好きのための記録サイト。

Apple Base「子ども第三の居場所」

URL / https://applebase.org/daisan

コーラルピンクと黄緑の有機的な曲線を組み合わせた、子ども支援施設のやわらかいデザイン。

poporpop

URL / https://poporpop.com/

青い半円の中に浮かぶイラストの女性が印象的な、ファンタジックなデザイン制作会社のサイト。

TAMAワンダー

URL / https://tamawonder.tokyo/

「TAMA WONDER」の文字の中に多摩地域の写真をはめ込んだ、遊び心のあるタイポグラフィが特徴の観光サイト。

ごろっと イチゴ ミルク｜スターバックス

URL / https://www.starbucks.co.jp/cafe/strawberry2026/

真っ赤ないちごとチョコレートを大胆にあしらった、季節限定フラペチーノのキャンペーンページ。

奥野瑛太

URL / https://eitaokuno.jp/

90年代格闘ゲーム風のドット文字とローディング演出が遊び心たっぷりの、本人らしさが伝わる個人サイト。

MEJINAVI2026

URL / https://www.mejiro.ac.jp/univ/mejinavi2026/

山と森のイラストに囲まれた、ポップな手描き風タイトルロゴが目を引く大学案内サイト。

VIBY (バイビー)

URL / https://viby-official.com/

モノクロの人物写真を大きく使った、シックで洗練されたアーティストのプロフィールサイト。