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

Mr. CHEESECAKE | ミスターチーズケーキ

URL / https://mr-cheesecake.com/

チーズケーキ専門店Mr. CHEESECAKEのサイト。淡いブルーグレーの皿に載ったチーズケーキを俯瞰で並べた、静かで上品な写真が印象的。

ECLEAR warm | ELECOM Healthcare

URL / 掲載終了

エレコムのUSBフットウォーマー「ECLEAR warm」の紹介ページ。淡いピンクの背景に、くつろぐ2人の線画イラストとオレンジの湯気を描いた温かい画面。

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

URL / 掲載終了

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

積奏バターサンド – 公式オンラインショップ

URL / https://seki-sou.com/

バターサンド専門店「積奏」の公式オンラインショップ。深い青緑の背景で撮った断面が美しいバターサンドの写真を散らし、縦書きコピーを添えた上品なレイアウト。

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

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

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

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

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

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

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

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

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

Change the Work｜RaNa design associates, inc.（株式会社ラナデザインアソシエイツ）

URL / https://www.ranaunited.com/recruit/changethework/

ラナデザインアソシエイツの採用特設ページ。黄色と黒で描いたオフィスのイラストに大勢の社員が働く様子を描き込み、大きな「CHANGE THE WORK」の文字が目を引く。

NANA【公式】福岡で口コミで人気のマツエク（まつげエクステ）＆ネイル｜福岡市中央区天神

URL / https://nana-eyelash.com/

福岡・天神のまつげエクステ＆ネイルサロンNANAのサイト。白いワンピースで横断歩道を渡る女性たちの写真に、細い線の「NANA」を重ねたトップ。

下町芸術祭 Shitamachi Art Festival 2019

URL / https://shitamachi-artfes.com/

神戸の下町芸術祭 2019 の公式サイト。海辺に立つ黒い服の女性の写真を重ねて配置し、紺の帯に会場一覧を並べた落ち着いたレイアウト。

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

URL / 掲載終了

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

放課後カルピス

URL / 掲載終了

アサヒ「放課後カルピス」の特設サイト。鮮やかな青を背景に、ドット文字や落書き風の線と学生たちの写真を詰め込んだにぎやかなコラージュ。

OR THIS ONE

URL / https://orthisone.com/

サステナブルなプロダクトブランド「OR THIS ONE」のサイト。黄色の背景でレモンを搾るサプリメントの写真が鮮やかで、太い英字ロゴが引き締める。

YATSUDOKI

URL / https://www.yatsudoki.jp/

シャトレーゼのYATSUDOKIのサイト。青空と入道雲、針葉樹の森を捉えた写真の中央に、白いロゴを置いた清々しいトップ。

ひより保育園｜霧島市にある企業主導型保育園

URL / https://hiyorihoikuen.com/

霧島市の企業主導型保育園のサイト。満面の笑みの子どものアップを全面に敷き、手描き風のアイコンを並べたメニューと縦書きのコピーを添えた温かな構成。

UNAMI | 神宮前にある予約制の小さなネイルサロン

URL / https://unami.info/

神宮前の予約制ネイルサロンUNAMIのサイト。生成りの背景に水彩で描いたネイルチップのような楕円を並べ、細い欧文ロゴと静かにまとめている。

超熟パンアートギャラリー｜Pasco

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

Pascoの「超熟パンアートギャラリー」。フルーツやクリームで飾ったトーストやサンドイッチを並べた、カラフルでかわいい写真が目を引く。

Payme｜福利厚生制度としての給与即日払いサービス

URL / https://payme.tokyo/

給与即日払いサービス「Payme」のサイト。鮮やかな黄色の背景に、スマホで申請する手のイラストと「日本の給料を、もっと自由に。」のコピーを置いた明快なデザイン。

meme design

URL / 掲載終了

Webデザイナーのポートフォリオサイト「meme design.」。グレーと白の2分割の画面に、ノートPCに向かう女性の線画イラストを添えたすっきりとしたトップ。

LAST ―それはまるで、飲む香水。

URL / https://lastgin.com/

クラフトジン「LAST」のブランドサイト。ボトルのまわりにレモンやシナモン、ジンジャーなどの素材を並べた写真と、金色のセリフ体が上品な印象。

焼きたてキャラメルチーズタルト | ベイクチーズタルト | BAKE CHEESE TART

URL / 掲載終了

BAKE CHEESE TARTの焼きたてキャラメルチーズタルトの特設ページ。赤い実やキャラメルを添えたタルトの写真と、波のようなキャラメル色の曲線が温かみを感じさせる。

映画『わたしは光をにぎっている』公式サイト

URL / 掲載終了

映画『わたしは光をにぎっている』の公式サイト。逆光に浮かぶ女性の横顔を淡いグラデーションの中に大きく配し、縦書きのコピーと細い明朝体のタイトルで静かに見せる。

Sea Harvest | Fresh Seafood Market | Canberra

URL / https://www.seaharvest.net.au/

キャンベラの鮮魚店Sea Harvestのサイト。新聞紙面のような罫線レイアウトに、魚やコンパスの銅版画風イラストとクラシックな書体を組み合わせた個性的なデザイン。

無料の肌診断｜FUJIMI（フジミ）

URL / 掲載終了

フェイスマスクブランド「FUJIMI」の無料肌診断ページ。振り返る女性のポートレートに、肌の状態を示すレーダーチャートを重ねて診断内容を伝える。

Starbucks Coffee Japan – スターバックス コーヒー ジャパン

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

スターバックス コーヒー ジャパンの公式サイト。桜の花びらが舞う水色の背景に、さくらのフラペチーノとラテを大きく配した華やかなビジュアル。

鯛のないたい焼き屋 OYOGE

URL / https://oyogetaiyaki.com/

鯛のないたい焼き屋「OYOGE」のサイト。白地に赤い線画の魚のイラストとロゴだけを置き、ハッシュタグ風のコピーでユーモアを添えている。

植物の生命力を肌へ｜BOTANIST SKINCARE EVER

URL / 掲載終了

BOTANISTのスキンケアシリーズ「EVER」の特設ページ。植物の線画と製品ボトルを組み合わせたビジュアルを淡いグレーの余白に置いた、静かで上品な構成。

Kazuki

URL / http://kazuki-art.com/

アートディレクター・シンガーソングライター・スタイリストの Kazuki のサイト。街を見下ろす場所で振り向く写真に、白い手書きサインを重ねたフィルム調のトップ。

明日、奈良を旅するボトル | TRAVELING BOTTLE PROJECT

URL / 掲載終了

「明日、奈良を旅するボトル」のサイト。ミントグリーンの波線を重ねた白い画面に、手書き風のタイトルを置いた軽やかなデザイン。

たかみ幼稚園 | 北九州市八幡の幼稚園

URL / http://takami-kids.com/

北九州市八幡の幼稚園のサイト。クリーム色の背景に動物のイラストアイコンのメニューと、園で過ごす子どもたちの写真のスライドを並べたやさしい構成。

社内報アプリ – 総合情報サイト「社内報ナビ」監修

URL / https://shanaiho-app.jp/

社内報アプリのサービスサイト。黄色の大きな曲線を背景に、スマホ画面を囲む人物のアイソメトリック風イラストと吹き出しで特長を伝える。

野村證券 2020年度新卒採用ホームページ

URL / 掲載終了

野村證券の2020年度新卒採用サイト。紺色の背景に前を見据える3人の横顔を並べ、白い大きな「2020」の文字を重ねた力強いデザイン。

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

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

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

ねこねこ食パン | MILK 100% SHOKUPAN

URL / https://nekoshoku.jp/

「ねこねこ食パン」の公式サイト。画面を左右に分け、食パンをのぞき込む猫と猫の顔の形をした食パンの写真を並べたかわいらしい構成。

tsumugi助産院

URL / https://tsumugi-mw.com/

助産院のWebサイト。エコー検査の様子を捉えた自然光の写真と、縦書きのコピー「いのちつむぐ あなたとともに」が、あたたかく落ち着いた印象。

ShinyShiny シャイニーシャイニー

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

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

EDITIONS

URL / https://editions-life.jp/

EDITIONSのサイト。青や緑の釉薬が美しい器に料理を盛り、グレーの天板の上に俯瞰で並べた写真が目を引く。

こんなこと、できるの！？｜さくラボ

URL / 掲載終了

さくらインターネットの事業を紹介する特設サイト「さくラボ」。ノートPCを抱えて座る女性の写真に、水色の背景とピンクの縦書き見出しを合わせた構成が目を引く。

幸福湯｜和歌山市にある小さな銭湯

URL / https://kofukuyu.com/

和歌山市にある銭湯「幸福湯」のサイト。青いタイルの浴室を明るく捉えた写真に、「こころも、からだも、あったまろ。」の縦書きコピーを添えている。

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

URL / https://natomishuku.com/

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

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

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

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

ウェルビューいずみ こども園｜社会福祉法人いずみ会

URL / http://www.izumi.akita.jp/child

秋田のこども園のサイト。子どもたちの写真を手描き風の丸い枠で囲み、ツバメや靴のイラストを散らした絵本のような楽しいデザイン。

レボン快哉湯 rebon Kaisaiyu｜カフェ｜台東区

URL / 掲載終了

台東区の元銭湯・快哉湯を活かしたカフェ「レボン快哉湯」の公式サイト。木の格子戸やレトロな焙煎機の写真を生成り色の背景に大きく配し、建物の味わいを伝える。

SKINCARE LOUNGE BY ORBIS（オルビス スキンケアラウンジ）

URL / https://www.orbis.co.jp/skincarelounge/

オルビスのスキンケアラウンジのサイト。淡いブルーとベージュの大きな円が重なるざらっとした質感の背景に、細身の文字を静かに配置。

みさとと。——島根県美郷町魅力再発見プロジェクト

URL / http://www.town.shimane-misato.lg.jp/misatoto/

島根県美郷町の魅力再発見プロジェクトのサイト。ピンクとベージュの雲を重ねた和柄風の背景に、やわらかな手書き風ロゴ「みさとと。」を置いた構成。

リクシール ルフレ｜資生堂

URL / https://www.shiseido.co.jp/elixir/reflet/

資生堂エリクシール ルフレのサイト。笑顔で指さす女性の写真と白いボトルを並べ、黄色のマーカー風のラインで要点を強調している。

来た人みんな楽しめる、くじら総合サイトくじらタウン | くじらタウン

URL / https://www.kujira-town.jp/

くじら総合情報サイト「くじらタウン」。青い背景にくじらが泳ぎ、食べる・知る・楽しむのフロアを重ねたアイソメトリックのイラストが楽しい。

ぼくと、シンカリオン／特集「の、こと」 – いつかのこと

URL / 掲載終了

ウェブマガジンの特集記事ページ。壁の写真に手を伸ばす子どもの後ろ姿と、縦書きの見出しから伸びる黄色い線が、余白の多い誌面にリズムを添える。

2025年度定期採用｜FELISSIMO

URL / 掲載終了

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

なないろの森音楽教室

URL / https://nanairomusic.com/

リトミックを教える「なないろの森音楽教室」のサイト。親子レッスンの明るい写真に縦書きの教室名とカラフルな三角形のロゴを添え、緑のアクセントでまとめている。