スマホデザイン ランキング

natomi宿｜古民家をリノベーションした宿

URL / https://natomishuku.com/

古民家をリノベーションした宿のサイト。深緑の背景に「暮らすように旅する」のコピーと、縁側でくつろぐ写真が旅情を誘う。

MON（モン）

URL / https://mon.kyoto/sigridcalon

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

meito

URL / 掲載終了

円形にトリミングした写真に、鳥のイラストを添えた、やさしい色合いの産後ケアホームのサイト。

KIMIKA

URL / 掲載終了

ヘア&ボディケアブランドKIMIKAのサイト。左半分を淡いグレーの余白と英文コピー、右半分を深い森の写真に分けた落ち着いた構成。

ここち｜デザインパートナー

URL / https://cocochi.design/

デザイン事務所「ここち」のポートフォリオサイト。ロゴやイベントビジュアルの実績をカード状に並べたやさしい配色。

TVアニメ「ひらやすみ」

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

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

サウナ巡る

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

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

okuru design｜大阪・北摂のデザイン事務所

URL / https://okuru-design.com/

大阪・北摂のデザイン事務所okuru designのサイト。白いカーテンの窓辺で木のテーブルに花を飾った写真と、手書き風のロゴで柔らかな雰囲気にまとめている。

2025年度定期採用｜FELISSIMO

URL / 掲載終了

フェリシモの採用サイト。スクラップブック風にちぎり絵や写真を貼り合わせたコラージュで、ものづくりの現場を伝える。

信貴生駒スカイライン

URL / https://www.kintetsu.co.jp/leisure/skyline/

緑のトンネルのような道路写真に、車のイラストを添えた楽しいドライブウェイのサイト。

Tabio – サンダルガード

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

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

DECARBOOK

URL / https://decarbook.jp/

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

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

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

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

ミトネデザイン｜高知の山奥にあるデザイン事務所

URL / https://www.mitonedesign.jp/

高知の山奥にあるデザイン事務所ミトネデザインのサイト。柔らかくぼかした白い光の玉が漂うファーストビューに、小さく添えた文字が静かな余韻を残す。

MOBILE TOILET

URL / https://www.toyota.co.jp/mobile-toilet/

車いすユーザーの声から生まれた移動式トイレの紹介サイト。車で牽引するトイレトレーラーの写真とやさしいイラストで構成。

【公式】CAFÉ DE FLEUR [カフェ ド フルール]

URL / 掲載終了

花に囲まれたカフェ「カフェ ド フルール」の公式サイト。天井一面のドライフラワーとシャンデリアが並ぶ店内写真を大きく見せている。

NEW LIFE JOURNEY（CIELIA）

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

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

Playthings to Love

URL / 掲載終了

木のおもちゃブランドKOTOKのサイト。動物や人の顔を描いたカラフルな木製人形を、白木のブロックの上に並べた写真が楽しい。

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

URL / https://sanowataru.com/

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

yosuga akiu（よすが 秋保）

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

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

POP IS YOU SAKAE 2026

URL / https://popisyousakae.com/

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

critical : lab

URL / https://www.criticallab.tokyo/

ファッションブランド「critical : lab」のサイト。モノクロでぶれた女性のポートレートを大きく見せ、白い帯に乗せた英文が静かに添えられている。

まんが日本昔ばなし

URL / https://onceuponatime.co.jp/

赤い夕日と龍のイラストを組み合わせた、和のノスタルジーを感じるコンテンツサイト。

KEEPs

URL / https://keeps.homes/

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

4kake（シカケ）

URL / https://4kake.com/

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

ほうじ茶 meets キャラメル クリーム フラペチーノ｜スターバックス コーヒー ジャパン

URL / https://www.starbucks.co.jp/cafe/hojicha-caramel/
※掲載終了のため、トップページが開きます

スターバックスの「ほうじ茶 meets キャラメル」キャンペーンページ。オレンジと黄色の背景に、キャラメルがとろりとかかる2つのビバレッジを並べた温かみのあるビジュアル。

Aubloom オーブルーム – RAWSILK SHAMPOO ローシルクシャンプー

URL / https://aubloom.com/

オーガニックシャンプーブランド「Aubloom」。生糸をイメージしたボトルとレモン・ユーカリのフラットレイ写真が瑞々しい。

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

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

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

映画「カフネ」

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

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

あいに 着がえよう 2020 Winter | ローリーズファーム（LOWRYS FARM）

URL / 掲載終了

ローリーズファームの2020年冬コレクション特設ページ「あいに 着がえよう」。くすんだ水色の背景に、ハートやりんごを使った写真をコラージュのように並べた構成。

Salon.io – mikamiyui

URL / https://salon.io/mkmy

イラストを手がけるmikamiyuiのサイト。深い青緑の壁と、鍋やおたまの並ぶ台所を描いたざらりとした質感のイラストが印象的。

SNOW SAND ＜スノーサンド＞　冬季限定生チョコレートサンドクッキー

URL / https://snows-winter.com/

冬季限定の生チョコレートサンドクッキー「SNOW SAND」のサイト。青空と紙で作った雪山の前にクッキーを並べた写真と、細いセリフ体のロゴが印象的。

tashi Illustration&Design Portfollio

URL / https://tashi.design/

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

THE BUTTER（ザ・バター）

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

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

studio CLIP #かぞくごと 夏休みのワンピース | [公式]スタディオクリップ（studio CLIP）通販

URL / https://www.studio-clip.jp/cp/nwe-onepiece/
※掲載終了のため、トップページが開きます

studio CLIPの「#かぞくごと 夏休みのワンピース」特集ページ。オレンジのワンピースを着た女性の写真をずらして重ね、淡いピンクの帯を添えた軽やかなレイアウト。

ShinyShiny シャイニーシャイニー

URL / https://www.shiny--shiny.com/

大阪のベビー・キッズ英会話教室のサイト。英語ドリルに書き込む写真に赤い帯の「Hello Everyone!!」を添え、ピンクの曲線で柔らかくまとめている。

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

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

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

TWOTONE

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

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

わかば保育園｜大阪府羽曳野市にある企業主導型保育

URL / https://wakabacare-hoikuen.com/

大阪府羽曳野市にある企業主導型保育園のサイト。お昼寝する子どもたちを俯瞰で捉えた写真と、黄緑の葉っぱのロゴがやさしい印象を与える。

ピーアーク（P ARK）

URL / https://www.p-ark.co.jp/

コンビニ「ピーアーク」のコーポレートサイト。オレンジ・黄・水色の丸いモチーフが散らばる、「楽しい」を体現したカラフルなトップページ。

店舗デザイン・内装のSTORE PALETTE

URL / https://store-palette.com/

店舗デザイン会社STORE PALETTEの公式サイト。架空の街を俯瞰で描いたカラフルなイラストマップが「どこにもない街へ」というコンセプトを体現。

角ハイボール 角瓶

URL / https://www.suntory.co.jp/whisky/kakubin/

明るい黄色を基調に、タレントの写真と商品を配置した、親しみやすいウイスキーブランドのサイト。

neie – ネイエ

URL / https://neie.jp/

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

私はあなたを知らない、

URL / https://watashiramovie.com/

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

蒸 – 五箇サウナ

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

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

ANDMADE Inc.

URL / https://andmade.jp/

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

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

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

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

PLAYFUL | 美容家電ブランド【SALONIA(サロニア) 】公式サイト

URL / https://salonia.jp/limited/summer/
※掲載終了のため、トップページが開きます

美容家電ブランドSALONIAの2020年夏限定カラー「PLAYFUL」のページ。ミントと黄色の図形にサングラスやアクセサリーを散らした軽やかな構成。

ARUKU EAST（アルクイースト）

URL / https://www.jre-hotels.jp/aruku-east/

JR東日本ホテルズの旅情報サイト「ARUKU EAST」。ピンクと水色の色面に、歩き出すスニーカーの手描きイラストと「さて、どこへ出かけよう？」のコピーが軽やか。

boco to deco – 正直な、青汁です。

URL / https://www.teinei.co.jp/lp/bocodeco/

正直な青汁「boco to deco」のサイト。空を背景に緑のパッケージを掲げた、すっきりとした爽やかな商品写真。