デザイン ランキング

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

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

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

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

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

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

どんぐり｜札幌の焼きたてパンの店

URL / https://www.donguri-bake.co.jp/

札幌の焼きたてパンの店どんぐりのサイト。惣菜パンの写真を丸みのある形で切り抜き、「とろ～り」「ジューシー」の手書き吹き出しを添えた食欲をそそるデザイン。

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

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

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

しずかなインターネット

URL / https://sizu.me/

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

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

URL / https://lastgin.com/

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

YOASOBI オフィシャルサイト

URL / https://www.yoasobi-music.jp/

YOASOBIのオフィシャルサイト。グレー一色の背景に細い線のアウトライン文字でロゴを大きく置き、赤いロゴとメニューがアクセントになっている。

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

URL / https://hairmada.com/

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

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

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

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

ARUKU EAST（アルクイースト）

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

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

palpitodesign-パルピトデザイン-

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

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

Sally Payne

URL / https://sallypayne.com/

イラストレーター Sally Payne のポートフォリオサイト。ゾウやクマ、トラなど動物たちが並ぶ手描きイラストと、やさしいパステル調の配色がかわいらしい。

mamma｜ゲストハウス｜瀬戸内海・豊島

URL / 掲載終了

瀬戸内海の豊島にある手づくりのゲストハウスのサイト。島々が浮かぶ穏やかな海の写真を大きく使い、黒い山形のロゴと余白で静かな空気を伝える。

PORTAL SENBOKU | 泉北ニュータウンのポータルサイト

URL / 掲載終了

大阪・泉北ニュータウンのポータルサイト「PORTAL SENBOKU」。畑で笑顔で作業する女性の写真を大きく見せ、右側に「住む・知る・遊ぶ」の縦書きメニューを並べている。

Kowloon Type

URL / https://www.kowloontype.com/

香港の活版印刷をテーマにしたタイポグラフィサイト。九龍の街並み写真と縦組みの文字を組み合わせたミニマルな構成。

静岡県浜松市の上村農園｜いちご・梨・みかんを直売・いちご狩りも

URL / https://www.uemura.farm/

静岡県浜松市の上村農園の公式サイト。ピンクの背景に赤と白のいちごの写真を散りばめ、手書き風の英字ロゴを添えたかわいらしいトップ。

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

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

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

KENSHI MATSUMOTO ARCHITECTS（松本健志_建築設計事務所）

URL / https://www.kenshi-arc.com/

松本健志建築設計事務所のサイト。細い線のロゴと余白を広くとった白い画面に、青空と緑の岬の写真が静かに広がる。

2024年卒 新卒採用サイト｜バケモノ株式会社

URL / https://bakemono.co.jp/recruit/

新卒採用サイト。新聞を読む人物の線画イラストと水色のトーンで「RECRUITING SITE」を大きく見せる導入。

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

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

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

株式会社サン・クレア – SUN-CREA Co.,Ltd.

URL / https://sun-crea.biz/

サン・クレアのコーポレートサイト。「Think Hotel, Think Heart.」のセリフ体コピーと、ホットドッグとコーヒーの写真を左右に分けた上質なレイアウト。

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

URL / 掲載終了

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

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

URL / 掲載終了

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

Kazuki

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

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

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

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

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

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

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

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

PaPa²bakery｜パパパパベーカリー 。 東三国駅の近くにあるベーカリー。

URL / http://www.papa2.jp/

大阪・東三国のベーカリー「PaPa²bakery（パパパパベーカリー）」のサイト。パンやジャム、ジュースを並べた朝食のテーブルを俯瞰で捉え、中央に円形のロゴを置いた温かみのある写真。

ECLEAR warm | ELECOM Healthcare

URL / 掲載終了

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

WAKA-WAKA

URL / https://wakawaka.world/

家具のスタジオ「WAKA-WAKA」のサイト。生成り色の背景に画面幅いっぱいの太い英字ロゴを置き、木製の椅子の写真を大きく見せるタイポグラフィ主体の構成。

パシフィックシステム株式会社

URL / https://www.pacific-systems.co.jp/

パシフィックシステム株式会社のコーポレートサイト。白と青で描いたアイソメトリックの街のイラストに、大きな「つくるのは未来」のコピーを添えている。

simple ＋ | 125naroom

URL / https://simpleplusno.base.shop/

125naroomのBASEテンプレート「simple +」のサンプルショップ。中央揃えのロゴとメニューの下に、小瓶に挿したピンクの花の写真を大きく見せている。

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

URL / 掲載終了

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

楽しみながら脳力を伸ばす小学生コース【3.14 ジュニアエリート】

URL / 掲載終了

小学生向けの脳力開発コース「3.14 ジュニアエリート」のサイト。カラフルな動物や乗り物のイラストが「夢中が伸ばす無限の可能性」のコピーを囲む楽しい画面。

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

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

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

ほろよい ｜ サントリー

URL / https://www.suntory.co.jp/rtd/horoyoi/

サントリー「ほろよい」のキャンペーンサイト。缶をびっしり並べた背景に、ヘッドホンをつけたピンク基調のイラストが浮かぶ。

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

URL / https://payme.tokyo/

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

オフィスにの

URL / https://office-nino.co.jp/

アーティストマネジメント会社のサイト。都会のビル群を背景に赤いシャツの男性を大きく配置したシンプルなトップページ。

平手友梨奈オフィシャルサイト

URL / https://hirateyurina.jp/

平手友梨奈さんのオフィシャルサイト。淡い水色の背景に白い衣装の全身写真を据え、光の玉がふわりと浮かぶ透明感のあるビジュアル。

オープンキャンパス｜千里金蘭大学

URL / https://www.kinran.ac.jp/cheer/opencampus/

千里金蘭大学のオープンキャンパス特設サイト。頬に手を添えて笑う女子学生の写真に、淡いピンクと紫のグラデーションと丸みのある英字を重ねている。

GOCHISOY | ゴチソイ

URL / 掲載終了

大豆でつくるドリンクブランド「ゴチソイ」の公式サイト。ドリンクを手にする人物の写真を丸みのある形で切り抜き、大きなロゴと移動販売車のイラストを添えた明るい構成。

正田真弘 – SHODA MASAHIRO / PHOTOGRAPHER

URL / https://nnvv.jp/

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

スシローカフェ部から誕生！もっと、おいしい方程式。『べつばらクリーム』 ｜回転寿司 スシロー

URL / http://www.akindo-sushiro.co.jp/cafebu/betsubara_cream/

スシローカフェ部の「べつばらクリーム」紹介ページ。水色の背景に泡立て器にのった生クリームを大きく見せ、クリーム色の極太コピーで囲んだ画面。

株式会社アダストリア 新卒中途採用サイト

URL / https://recruit.adastria.co.jp/

アダストリアの新卒・中途採用サイト。歩道橋に立つ女性の写真に、縦書きのコピー「世界が変わるのを、私は待っていられない。」を添えた構成。

besso | 人生、ひとやすみ。ここはみんなの家

URL / 掲載終了

石川県・片山津温泉の宿「besso」のサイト。湖越しに温泉街を望む淡い色調の写真に、縦書きのコピー「好きなことをしてもいいし、なーんにもしなくてもいい。」がゆったり並ぶ。

アドテクの歴史、アドエビスの歴史

URL / https://www.ebis.ne.jp/adtech_history/

アドエビスの「アドテクの歴史、アドエビスの歴史」特設ページ。赤・紺・ピンクの長方形を紙吹雪のように散らし、「2002-2020」を大きく見せた構成。

KING GNU

URL / https://kinggnu.jp/

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

pioneer plants | 家の中でも森の中でも使える家具

URL / https://pioneerplants.jp/

家の中でも森の中でも使える家具ブランド「pioneer plants」のサイト。青緑の空と森を描いたイラストに手書き文字のコピーを重ねた、ぬくもりのある画面。

ハンコでアソブ

URL / 掲載終了

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

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

URL / 掲載終了

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

夜空と交差する森の映画祭2020

URL / http://forest-movie-festival.jp/

「夜空と交差する森の映画祭2020」のサイト。星空の中を走る列車を描いた濃紺のイラストに、手書きのタイトル文字と白い帯を重ねた幻想的なトップ。