デザイン ランキング

ハンコでアソブ

URL / 掲載終了

はんこ風のイラスト素材サイト「ハンコでアソブ」。アルファベットや道具、天気などのモノクロのはんこ絵がカテゴリーごとに並ぶ、素朴で楽しい一覧。

SHIPS any – HOLIDAY WISH LISTs

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

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

日本タイポグラフィ協会

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

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

しずかなインターネット

URL / https://sizu.me/

日記やエッセイを書くための投稿サービス。手描き風のロゴと帽子をかぶった旅人のイラストで、静かで気楽な雰囲気を表現。

志和貨物自動車

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

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

KAIZEN

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

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

お買い物はお仕事です

URL / https://daphnemeria-blog.com/

現役バイヤーによるお買い物ブログ「お買い物はお仕事です」。上品なファッション写真を大きく使った、雑誌のようなトップページ。

Tabio × FUDGE.jp

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

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

バナ穴 BANA_ANA

URL / https://bana-ana.com/

映画『バナ穴 BANA_ANA』公式サイト。バナナの穴、という大胆なモチーフを大きくあしらったグラフィカルなデザイン。

Parade 伏見洋菓子店

URL / https://parade.kyoto/

京都・伏見の洋菓子店パレードのサイト。手書き風の筆記体タイポグラフィが上品で、お店の雰囲気をよく表している。

Kimiko Portfolio

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

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

蒸 – 五箇サウナ

URL / https://musu-sauna.com/

京都・五箇サウナのプライベートアウトドアサウナ「蒸」。力強い書道文字をロゴに使った、和の情緒あるデザイン。

palpitodesign-パルピトデザイン-

URL / https://palpitodesign.studio.site/

Webデザイナーのポートフォリオサイト。モノクロの人物・花の写真をコラージュした、上品でエレガントな構成。

neie – ネイエ

URL / https://neie.jp/

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

愛 編む with you – Couturier

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

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

apartment morning

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

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

KEEPs

URL / https://keeps.homes/

雨漏り修理の窓口KEEPs。あたたかみのあるオリジナルイラストで、堅くなりがちな住宅修理の内容を親しみやすく見せている。

すべて真夜中の恋人たち

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

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

AFURI BREWING

URL / https://afuribrewing.com/

クラフトビールブランドAFURI BREWINGのサイト。プロダクト写真と背景の光の使い方が非常に洗練されている。

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

URL / https://swallowtail4k.jp/

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

Ucuuu

URL / https://ucuuu.net/

ピアニストYoko Komatsuのアルバム特設サイト「Ucuuu」。霧のかかった幻想的な写真とミニマルなタイポグラフィが美しい。

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

URL / 掲載終了

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

planeta ORGANICA

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

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

私はあなたを知らない、

URL / https://watashiramovie.com/

映画『私はあなたを知らない、』公式サイト。斜めにトリミングしたキャスト写真とシンプルな配色で見やすくまとまっている。

夏の砂の上

URL / https://natsunosunanoue-movie.asmik-ace.co.jp/

映画『夏の砂の上』公式サイト。和紙のような質感と手書き風のタイトルロゴが、作品の温度感を伝えている。

動くWebデザインアイデア帳

URL / https://ugokuweb.coco-factory.jp/

jQueryの動きを逆引きで紹介する「動くWebデザインアイデア帳」のサイト。生成り色の背景に丸みのある見出しと、黄色のボタンや吹き出しをあしらったやわらかな印象。

五木のアウトドア部

URL / https://itsuki-outdoor.com/

五木村のキャンプ場・アクティビティ情報サイト。写真やイラストをコラージュ風に散りばめた、楽しげなレイアウト。

月刊マツウラ

URL / https://matsuuratomoko.com/

個人ブログ「月刊マツウラ」。黒とベージュの2トーンにまとめた、雑誌のようなミニマルなタイポグラフィが心地よい。

ENDRECHERI

URL / https://tsuyoshi.in/

ENDRECHERIの公式サイト。紫がかった暗いトーンに幾何学模様を重ねたアルバム映像を配し、ファンクアルバム「NARALIEN」の世界観を伝える。

シンプルな線画イラスト素材は「Linustock」- 無料ダウンロード

URL / https://www.linustock.com/

無料の線画イラスト素材サイト「Linustock」。黄色のメニューボタンが映えるシンプルな画面に、タッチをそろえた人物や道具の線画がグリッドで並ぶ。

京都のWebサイト・ホームページ制作 – KACCO DESIGN STUDIO［カッコデザインスタジオ］

URL / https://www.kacco.jp/

京都のWeb制作会社KACCO DESIGN STUDIOのサイト。パズルのピースの上で読書やパソコン作業をする人たちを描いた白黒の線画イラストが印象的。

漢方薬局は東京青山の東洋医学サロン MEGURU

URL / 掲載終了

東京・青山の東洋医学サロン・漢方薬局MEGURUのサイト。ミントグリーンの波線やドット柄で描いたゆるいキャラクターと、やわらかなコピーが親しみやすい。

Today’s Flyer | 今日のフライヤー

URL / https://abstract.jp/flyer/

海外フライヤーのキュレーションサイト。サイケデリックからレトロまで多様なポスター画像をグリッドで一覧表示。

「ÉHON INC.」はオーダーメイド絵本ギフトサービスです

URL / https://ehon-inc.jp/

オーダーメイド絵本ギフトサービスÉHON INC.のサイト。紺とベージュで描き込んだ不思議な建物のイラストに「絵本に入ろう。」のコピーを添えた画面。

なごりおしい夜 クリエイター交流会

URL / https://nagorioshi-yoru.studio.site/

漆黒の背景に、ペンダントライトの下で作業する人物のシルエットを描いた印象的なオープニング。スクロールすると明るいグレー基調の紙の質感へ切り替わり、ざらついたグレインとタイポグラフィが夜の交流会の空気感を伝える。

Tabio – サンダルガード

URL / https://tabio.com/jp/2026ss-sandal-guard/

靴下屋Tabioのサンダルガード商品ページ。パステルカラーと手描き風のあしらいで、かわいらしくまとめられている。

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

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

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

FONDAN（フォンダン）

URL / https://fondan.jp/

黄色一色の背景に、焼き菓子の断面や生バターキャラメルのしたたる様子を大きく見せる、とろけるお菓子の専門店。スクロールに合わせて写真が大胆に切り替わり、商品の質感と余白の美しさが際立つ。

KING GNU

URL / https://kinggnu.jp/

King Gnuの公式サイト。赤い背景の中央に、無数のキャラクターがひしめくカラフルなイラストロゴを配した迫力あるビジュアル。

ANDMADE Inc.

URL / https://andmade.jp/

ほぼモノクロの余白たっぷりなレイアウトに、実績を小さなテキストリストで並べたデザインスタジオのサイト。縦書きの日付や「Colors of Sound」の音のアーカイブなど、細部の遊び心が光る。

イチゼンブックス

URL / https://ichizenbooks.jp/

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

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

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

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

明星幼稚園

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

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

Invincible Hair MADA｜姫路の隠れ家ヘアサロン

URL / https://hairmada.com/

姫路のヘアサロンMADAのサイト。女性の髪に触れる少女を捉えた白い写真に、「MADA FOR ALWAYS BE YOURSELF.」を大きく重ねた構成。

北のはしベーカリー

URL / https://kitanohashi.com/

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

正田真弘 – SHODA MASAHIRO / PHOTOGRAPHER

URL / https://nnvv.jp/

フォトグラファー正田真弘のポートフォリオサイト。青空を背景に、頭上に大きな赤い花を掲げた女性のポートレートが鮮烈。

わんこ食堂

URL / https://wanco-syokudou.com/

犬用ご飯・おやつのお店「わんこ食堂」のサイト。ご飯を食べる愛犬の写真とゆるいイラストが親しみやすい雰囲気。

LIGHT THE WAY Inc.

URL / https://light-the-way.jp/

映像を軸にしたデザイン会社LIGHT THE WAYのサイト。虹色の光がにじむやわらかな背景に、白い帯で囲んだコピーと線で描いたロゴを配置。

たぶん大丈夫

URL / https://tabundaijoubu.jp/

淡いピーチベージュの背景に、フォトグラファーが撮影した人物や静物の写真を大小さまざまなサイズでゆるやかに配置したフォトオフィスのサイト。整列しすぎないレイアウトが、写真を眺める楽しさを引き出している。

原宿サン・アド 50th

URL / https://h-sunad.co.jp/50th/

青一色のトーンに加工した人物写真のグリッドと、巨大な「50」のシンボルを組み合わせた50周年記念サイト。蛍光イエローの手書き風文字や赤い星形バッジが差し色になり、遊び心あふれるエディトリアルな見せ方に。