デザインのこと –
Web design gallery

伊江島和牛「緋桜肉（ひざくらにく）」

URL / https://hizakurabeef.jp/

島と海の写真を雲のような形に切り抜き、下を深い赤で満たした伊江島和牛「緋桜肉」のサイト。縦書きのコピーと赤い花のようなロゴが、上品さと力強さを両立している。

スットラック（SuttoRack）

URL / https://www.wakakusa.ne.jp/suttorack/

部屋の家具を赤い線画で描いた方眼の上に、「幅6cmの超スキマ収納」の極太コピーと商品写真を重ねた収納ラックの商品サイト。チラシのような勢いが楽しい。

ツインギャラリー蔵

URL / https://www.gallery-kura.com/

「蔵」の一文字ロゴと黒い直線・三角形を大胆に組んだギャラリーのサイト。白黒の格子の中に展示の写真と開館日の丸いスタンプを置き、建物の骨組みのような構成。

こがしバターケーキ

URL / https://kogashibutter.com/

黄色地に焦げ色のケーキを大きな円で据え、縦書きの「こがしバターケーキ」と英字を円周に沿わせた菓子ブランドのサイト。レトロな包み紙のような模様の縁取りがかわいい。

伊與木研究室 – IYOKI LAB

URL / https://iyokilab.k.u-tokyo.ac.jp/

淡い水色の地に、青い芽と赤い粒のような記号をリズムよく並べた東京大学の研究室のサイト。左右の縦帯に「はたらく材料をつくる」のコピーを置いた、研究室らしからぬグラフィカルな画面。

yacone ice cream（ヤコネ）

URL / https://yaconeicecream.com/

中央の縦長の画面に手描きの猫のロゴとアイスの写真を置き、左右にもメニューとロゴを並べた広島のアイスクリーム店のサイト。「人生に必要なのは ちょっとしたユーモアと…」のコピーがやさしい。

みどころ日和 | デザインのこと

URL / https://designnokoto.com/midokoro

掲載サイトの見どころを、デザコトが吹き出しで話すデザインのことの1ページ。大きさも傾きもばらばらの吹き出しが並び、端の「ぺ」から記事へ。ときどき小言もはさむ。

いつかのこと

URL / https://itukanokoto.com/

生成りの地に縦書きの題字「いつかのこと」を置いた、写真と短い言葉のサイト。左右に互い違いに並ぶ写真に縦書きのひとことを添え、余白でゆっくり読ませる。

Bit Beans（ビットビーンズ）

URL / https://bitbeans.com/

「ウェットに、いこう。」の手書き文字と、机に向かう人の線画を添えた制作会社のやわらかなトップ。明朝の本文と青い小鳥のワンポイントが、人柄を伝える。

SOSOSO（そうそうそう）

URL / https://sososo.tokyo/

からし色の網点の上に、ぼかした極太の「SOS」を大きく繰り返したインパクトのあるサイト。スマホでは縦書きの「そうそうそう」が並び、名前の響きをそのまま形にしている。

NEW LIFE JOURNEY（CIELIA）

URL / https://www.cielia.com/m/special/journey/

細長いセリフ体の「NEW LIFE JOURNEY」に、黄色と紺のテキスタイルのようなイラストを散らした住まいのブランドの特設ページ。右端の縦長タブで、物語を順に進む構成。

映画「カフネ」

URL / https://cafuneofficial.studio.site/

駅の待合室に並んで座る二人の写真に、手書きのタイトルと縦書きのコピーを重ねた映画の公式サイト。青緑の壁と生成り色の服が、やわらかい余韻を残す。

SANOWATARU DESIGN OFFICE（サノワタルデザイン事務所）

URL / https://sanowataru.com/

極太の英字の社名とメニューを横一列に並べ、その下に木箱のプロダクト写真を1枚だけ置いた京都のデザイン事務所。白い余白と黒い文字だけのミニマルな構成。

サウナ巡る

URL / https://saunalog.2tcy2.com/

サウナストーンの写真に、細い明朝の「サウナ巡る」を大きく重ねたレビューメディア。暗いモノトーンでまとめ、熱気より静けさを感じさせる渋い入口。

TVアニメ「ひらやすみ」

URL / https://hirayasumi-anime.jp/

生成りの背景に手書きのタイトルロゴと、原作の線画をそのまま生かしたアニメの公式サイト。右端に並ぶ縦長のタブや、日付と天気を添えた縦書きの帯が、のんびりした空気をつくる。

MON（モン）

URL / https://mon.kyoto/sigridcalon

霞がかった異国の建物の写真を全面に敷き、中央に小さなメニュー、下に「MON」のロゴだけを置いた京都のデザイン事務所。ギャラリーとワインバーも営む、静かで余白の多い画面。

EIGHT DESIGN（エイトデザイン株式会社）

URL / https://eightdesign.co.jp/

極太のゴシックに、オレンジの手書き風の筆記体と目玉や親指のイラストを重ねたキャッチコピーが楽しい、名古屋の空間デザイン会社のコーポレートサイト。手がけた建物の写真が斜めに流れる。

POP IS YOU SAKAE 2026

URL / https://popisyousakae.com/

ぷっくりした3Dのキャラクターたちが街に集まるイラストと、丸みのある太いロゴが目を引く、名古屋・栄のカルチャーイベントのサイト。画面下を流れる帯や時計の表示など、細かな遊びも楽しい。

yosuga akiu（よすが 秋保）

URL / https://yosuga-akiu.jp/

淡いグリーンの背景に、吹き出しの形をした緑のロゴがひとつ浮かぶ、仙台・秋保の地域に開かれた一軒家のサイト。建物の写真と縦書きの添え書きだけの、上品で静かな画面。

DECARBOOK

URL / https://decarbook.jp/

ピンクの背景に、人物写真をぷっくりした雲のような形に切り抜き、フリルのような縁取りをあしらったWebマガジン。ロゴや見出しの飾り文字までかわいらしく統一している。

4kake（シカケ）

URL / https://4kake.com/

食器を真上から撮った写真に、線だけで描いた大きな「4x」のロゴを重ねたプロダクトレーベルのサイト。画面全体に細い補助線が走り、設計図のような雰囲気がある。

ほとりで（森之宮）

URL / https://hotoride.com/

方眼紙のノートの上に写真や付箋が散らばり、ドラッグで自由に見て回れる、大阪・森之宮のまちづくり拠点のサイト。手書きの矢印や文字が添えられ、スクラップブックのような楽しさがある。

THE BUTTER（ザ・バター）

URL / https://the-butter.com/

濃い青の背景に、スプーンですくったバターとフレンチトーストの写真を左右に並べ、白い大きなタイポグラフィを重ねた雪印メグミルクのバターのブランドサイト。青と黄色の対比が鮮やか。

aratanagara（永良新）

URL / https://aratanagara.com/

実績を年・ジャンル・タイトルの表で淡々と並べ、右側に紫と銀のトゲトゲした3Dグラフィックを置いた漫画家・デザイナーのポートフォリオ。青紫の罫線だけで組んだレトロな画面が独特。

はちとワルツ

URL / https://hachi-to-waltz.com/

縦書きのロゴと、上下をくるくる縁取る糸のような線がかわいい、仙台・秋保温泉のカステラサンドの店。淡いクリーム色と金色でまとめ、手に取った写真のぬくもりが伝わる。

TWOTONE

URL / https://www.twotone.jp/

白い画面の中央に、手がけた実績を1枚ずつスライドで大きく見せるブランドデザイン会社のサイト。余計な装飾がなく、作品とタイトルだけで構成した潔さが心地よい。

A Bite Coffee

URL / https://a-bite-coffee.com/

人物写真に「A Bite Coffee」の大きな白いロゴタイプを重ねた、食べるコーヒーのブランドサイト。ブラウンとクリーム色だけの落ち着いた配色で、写真の質感が引き立っている。

ウマジョブ 馬のお仕事紹介サイト

URL / https://jra-fun.jp/umajob/

鮮やかな黄色の背景に、現場の写真をコラージュのように敷き詰めた馬のお仕事紹介サイト。躍動感のある手書き風ロゴと、職種ごとに色分けしたカードで、堅くなりがちな採用情報を楽しく見せている。

生理の悩み 相談しようプロジェクト

URL / https://www.tsumura.co.jp/seirino-nayami/

パステルブルーの背景にサンリオのキャラクターや手描き風の文字を散りばめた、生理の悩み相談キャンペーン。かわいいイラストと吹き出し風のUIで、デリケートな話題にも気軽にアクセスできるやさしい雰囲気にまとめている。

SECOND IMPACT（セカンドインパクト）

URL / https://second-impact.jp/

極太の黒いロゴタイプを画面いっぱいに配置し、水しぶきの中に浮かぶシャンプーボトルを合わせたインパクト抜群のビジュアル。青と白の爽やかな色調が、商品名の力強さと好対照を生んでいる。

Toshiyuki Hashimoto

URL / https://toshiyukihashimoto.jp/

白い背景に大きなサンセリフ体の名前だけを置いた、潔いクリエイターのポートフォリオ。右下の書籍告知ボックスにだけ蛍光イエローを差し、細い縦書きの名前など控えめな細部にもこだわりが見える。

CABO

URL / https://cabo-uehara.jp/

「C A B O」の4文字を大きく離して配置した、余白を活かしたタイポグラフィが印象的な代々木上原の複合拠点サイト。建物の外観写真が1枚あるだけの潔い構成で、日英併記の本文も読みやすい。

原宿サン・アド 50th

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

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

FONDAN（フォンダン）

URL / https://fondan.jp/

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

たぶん大丈夫

URL / https://tabundaijoubu.jp/

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

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

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

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

ANDMADE Inc.

URL / https://andmade.jp/

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