WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

業界

  • 飲食・食品・飲料

    88

  • クリエイティブ制作

    81

  • エンタメ・趣味・娯楽

    78

  • 不動産・建築・施設

    36

  • ファッション・アクセサリー

    36

  • ポータルサイト･メディア･情報サイト

    32

  • IT・システム

    31

  • 製品・工業・素材

    31

  • 教育・学校

    30

  • 美容

    24

  • 旅行・ホテル・観光

    23

  • 医療・ヘルスケア・健康

    21

  • 事業・組織

    20

  • 行政・NPO・団体・協会

    20

  • 就職・人材サービス

    20

  • 暮らし商品・サービス

    20

  • 車・バイク他

    16

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

  • 金融・保険・会計・法律

    14

  • Web・クラウドサービス

    13

  • CSR・サスティナビリティ

    13

  • ウェディング

    12

  • アート

    11

  • インフラ

    10

形式

  • コーポレートサイト

    160

  • 商品・製品紹介

    115

  • 特設サイト

    108

  • 店舗・施設紹介

    78

  • 企画・プロモーション

    77

  • サービス紹介

    50

  • EC・Webサービス

    35

  • 採用サイト

    35

  • LP (ランディングページ)

    32

  • メディア・ポータル

    31

  • ポートフォリオ

    18

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    222

  • イラストが特徴的なサイト

    165

  • アニメーションが特徴的なサイト

    127

  • テキストが特徴的なサイト

    78

  • レイアウトが特徴的なサイト

    77

  • 多言語対応

    44

  • 動画が特徴的なサイト

    31

  • スマホ特化・モバイルファースト

    31

下層ページ

  • Aboutページ

    252

  • 投稿一覧(記事/商品など)

    234

  • 投稿詳細(記事/商品など)

    211

  • サービス紹介

    167

  • お問い合わせ

    88

  • 採用情報

    65

  • よくある質問

    45

  • プライバシーポリシー

    39

  • 料金表

    23

  • CSR

    22

  • 規約/法律に基づく表記

    19

  • ビジュアル

    1

カラー

  • ホワイト・白

    138

  • ブルー・青

    126

  • ブラック・黒・グレー

    102

  • グリーン・緑

    75

  • カラフル・多色

    63

  • イエロー・黄色

    56

  • レッド・赤

    55

  • ブラウン・茶色

    39

  • オレンジ・橙色

    33

  • ピンク・桃色・桜色

    27

  • パープル・紫

    18
  • ウェブデザイン hasegawahiroshi.jpのPCサイズの画像
    ウェブデザイン hasegawahiroshi.jpのモバイルサイズの画像
    DETAIL

    ウェブデザイン hasegawahiroshi.jp

    投稿者の画像

    ハイライトのアクセントが黒との相性抜群ですね! Webデザイナー長谷川寛さんのポートフォリオサイト。

  • DESIGN STUDIO HARO | ハロ株式会社のPCサイズの画像
    DESIGN STUDIO HARO | ハロ株式会社のモバイルサイズの画像
    DETAIL

    DESIGN STUDIO HARO | ハロ株式会社

    CREATE - 中屋辰平（ハロ株式会社）

    投稿者の画像

    基本的に制作物のみ掲載だがディスプレイサイズのスクロールやスワイプがいい感じにできたりで、ダークな印象でもとても見やすいポートフォリオサイト

  • folio – T.OのPCサイズの画像
    folio – T.Oのモバイルサイズの画像
    DETAIL

    folio – T.O

    投稿者の画像

    シンプルながらノイズの背景とモノトーンの配色等がスタイリッシュさを感じます。ホバーのエフェクトも面白いです。

  • sara’s portfolioのPCサイズの画像
    sara’s portfolioのモバイルサイズの画像
    DETAIL

    sara’s portfolio

    CREATE - itoh

    投稿者の画像

    シンプルで爽やかなデザイン。写真展に来た気分になります。

  • 株式会社ニューアド社2024新卒採用サイトのPCサイズの画像
    株式会社ニューアド社2024新卒採用サイトのモバイルサイズの画像
    DETAIL

    株式会社ニューアド社2024新卒採用サイト

    投稿者の画像

    会社のイメージを強く印象付けるテキスト / カラーのインパクトの強い採用サイト🎨

  • ベビースターラーメン × FREAK’S STORE Special Collaboration!のPCサイズの画像
    ベビースターラーメン × FREAK’S STORE Special Collaboration!のモバイルサイズの画像
    DETAIL

    ベビースターラーメン × FREAK’S STORE Special Collaboration!

    CREATE - PYRAMID FILM QUADRA INC.

    投稿者の画像

    リッチなデザインで、ベビースターを枠線やボタンいいアイディアだなと思います。

  • ナッツの美味しさが開花する 【caica カイカ】花ひらくお菓子のPCサイズの画像
    ナッツの美味しさが開花する 【caica カイカ】花ひらくお菓子のモバイルサイズの画像
    DETAIL

    ナッツの美味しさが開花する 【caica カイカ】花ひらくお菓子

    CREATE - 株式会社BAKE

    投稿者の画像

    マリメッコのようなイラストが爽やかさと可愛らしさを併せ持っており、なんとも穏やかで楽しい特設サイト⭐️

  • OLU PRODUCTSのPCサイズの画像
    OLU PRODUCTSのモバイルサイズの画像
    DETAIL

    OLU PRODUCTS

    投稿者の画像

    好きなものを追求して満ち満ちている印象で素敵です❗️

  • CP＋2024特設サイト｜キヤノン｜キヤノンマーケティングジャパングループ について｜企業情報｜キヤノンマーケティンググループのPCサイズの画像
    CP＋2024特設サイト｜キヤノン｜キヤノンマーケティングジャパングループ について｜企業情報｜キヤノンマーケティンググループのモバイルサイズの画像
    DETAIL

    CP＋2024特設サイト｜キヤノン｜キヤノンマーケティングジャパングループ について｜企業情報｜キヤノンマーケティンググループ

    投稿者の画像

    にぎやかだけどしっかり区切りのあるデザインなので情報を認識しやすい!

  • しょこたんフォント｜mojimoのPCサイズの画像
    しょこたんフォント｜mojimoのモバイルサイズの画像
    DETAIL

    しょこたんフォント｜mojimo

    CREATE - かねこあみ/みなせしゅん

    投稿者の画像

    アイコンやタイトルなどポップで可愛らしいデザインのサイト。サイト内でしょこたんフォントの試し打ちができたるのもいい！！

  • roomz星野建築事務所のPCサイズの画像
    roomz星野建築事務所のモバイルサイズの画像
    DETAIL

    roomz星野建築事務所

    投稿者の画像

    シンプルなデザインですが、フォントの使い方や余白の設定、画像の処理など、細部にわたる配慮が高級感を感じます。

  • 広島 | 小松隼人建築設計事務所のPCサイズの画像
    広島 | 小松隼人建築設計事務所のモバイルサイズの画像
    DETAIL

    広島 | 小松隼人建築設計事務所

    CREATE - Tyle/Atsuhisa Shimazawa

    投稿者の画像

    テキストよりも画像を重視し、ユーザーに建築物の魅力を存分に伝えようとしています。

  • 【公式】SORANO HOTEL | 東京 立川のウェルビーイングホテルのPCサイズの画像
    【公式】SORANO HOTEL | 東京 立川のウェルビーイングホテルのモバイルサイズの画像
    DETAIL

    【公式】SORANO HOTEL | 東京 立川のウェルビーイングホテル

    投稿者の画像

    各ページのファーストビューのモーションも相まって高級感があるデザイン✨

  • ホーム | 東京富士美術館（Tokyo Fuji Art Museum, FAM）のPCサイズの画像
    ホーム | 東京富士美術館（Tokyo Fuji Art Museum, FAM）のモバイルサイズの画像
    DETAIL

    ホーム | 東京富士美術館（Tokyo Fuji Art Museum, FAM）

    投稿者の画像

    美術館の作品が並ぶファーストビューは渋くかっこいいアニメーション!

  • クラシスホーム | 愛知・名古屋をはじめとする東海４県の注文住宅ビルダーのPCサイズの画像
    クラシスホーム | 愛知・名古屋をはじめとする東海４県の注文住宅ビルダーのモバイルサイズの画像
    DETAIL

    クラシスホーム | 愛知・名古屋をはじめとする東海４県の注文住宅ビルダー

    投稿者の画像

    シンプルながらも、トップの背景にある建築物のイラストがよいアクセントになっていると思います

  • 渋谷の寿司屋「鮨 須賀」接待・会食のディナーにおすすめのPCサイズの画像
    渋谷の寿司屋「鮨 須賀」接待・会食のディナーにおすすめのモバイルサイズの画像
    DETAIL

    渋谷の寿司屋「鮨 須賀」接待・会食のディナーにおすすめ

    投稿者の画像

    FVのインパクトが強く、かつ高級感のあるデザイン

  • The Bang – The product design & branding studioのPCサイズの画像
    The Bang – The product design & branding studioのモバイルサイズの画像
    DETAIL

    The Bang – The product design & branding studio

    CREATE - the bang

    投稿者の画像

    文字の緩急やレイアウト余白感が美しく、見ていて気持ちの良いサイト。アニメーションもおしゃれ。

  • 再生可能エネルギーを学ぼう｜世界を変える！？再生可能エネルギーのPCサイズの画像
    再生可能エネルギーを学ぼう｜世界を変える！？再生可能エネルギーのモバイルサイズの画像
    DETAIL

    再生可能エネルギーを学ぼう｜世界を変える！？再生可能エネルギー

    CREATE - 株式会社ビーワークス

    投稿者の画像

    グラデにノイズを含んだイラストや統一された立体アイコンがとても好みです!

  • シュークリーム専門店 ビアードパパのPCサイズの画像
    シュークリーム専門店 ビアードパパのモバイルサイズの画像
    DETAIL

    シュークリーム専門店 ビアードパパ

    投稿者の画像

    大きめのフォントサイズや広めの余白が十分にとられていて絵本のように見やすい、読みやすい!

  • La nature K（ラ ナチュール ケイ） – 銀座の無添加・白砂糖不使用スイーツブランドのPCサイズの画像
    La nature K（ラ ナチュール ケイ） – 銀座の無添加・白砂糖不使用スイーツブランドのモバイルサイズの画像
    DETAIL

    La nature K（ラ ナチュール ケイ） – 銀座の無添加・白砂糖不使用スイーツブランド

    CREATE - 株式会社創新ラボ

    投稿者の画像

    神秘的なロゴと明朝欧文が高級感を演出していますね

  • PERFECT DAYS 公式サイトのPCサイズの画像
    PERFECT DAYS 公式サイトのモバイルサイズの画像
    DETAIL

    PERFECT DAYS 公式サイト

    CREATE - mount

    投稿者の画像

    書き順通りに表示される文字など映画を見たくなる要素がふんだんに詰まった、見たことない映画サイト

  • 済生会熊本予防医療センターのPCサイズの画像
    済生会熊本予防医療センターのモバイルサイズの画像
    DETAIL

    済生会熊本予防医療センター

    投稿者の画像

    背景のテクスチャや重厚感あふれる色使いが高級感を感じるサイトに仕上がっていると思います。

  • くりもと眼科｜大阪市阿倍野区 天王寺駅のPCサイズの画像
    くりもと眼科｜大阪市阿倍野区 天王寺駅のモバイルサイズの画像
    DETAIL

    くりもと眼科｜大阪市阿倍野区 天王寺駅

    投稿者の画像

    ページ移動の時の瞬きをイメージさせるエフェクトがいい。ファーストビュー画像のインパクトが強いのも好きです。

  • 元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市のPCサイズの画像
    元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市のモバイルサイズの画像
    DETAIL

    元町デンタルクリニック｜専門性の高い歯科治療｜岐阜市

    投稿者の画像

    ニューモーフィズムを取り入れたサイト。お問い合わせなど目立たせたい部分だけに使用することで目に留まりやすくなるなと思います。

  • 西川毛織株式会社｜ウールテキスタイルメーカーのPCサイズの画像
    西川毛織株式会社｜ウールテキスタイルメーカーのモバイルサイズの画像
    DETAIL

    西川毛織株式会社｜ウールテキスタイルメーカー

    投稿者の画像

    各所に見られる毛糸のテクスチャーと、ダイナミックに切り取った写真の構図が素敵！

  • ANATOMICA【Official Site】 のPCサイズの画像
    ANATOMICA【Official Site】 のモバイルサイズの画像
    DETAIL

    ANATOMICA【Official Site】 

    投稿者の画像

    古い新聞風のレイアウトが伝統的な世界観を決定づけてて、イケてる✨✨✨

  • Dover Street MarketのPCサイズの画像
    Dover Street Marketのモバイルサイズの画像
    DETAIL

    Dover Street Market

    投稿者の画像

    モノトーンカラーがコレクションの写真を際立たせている。各ショップロゴのみのTOPが印象的。

  • SupremeのPCサイズの画像
    Supremeのモバイルサイズの画像
    DETAIL

    Supreme

    投稿者の画像

    モダンな目立つ動きなどは全くやっていないのに、強烈なコンセプトで目を奪われる👁️

  • ASIAN KUNG-FU GENERATION 25周年特設サイトのPCサイズの画像
    ASIAN KUNG-FU GENERATION 25周年特設サイトのモバイルサイズの画像
    DETAIL

    ASIAN KUNG-FU GENERATION 25周年特設サイト

    CREATE - 株式会社クオートワークス

    投稿者の画像

    25周年を上から下へこれまでのジャケットのイラストと合わせて振り返れるデザイン!

  • デジタル庁のPCサイズの画像
    デジタル庁のモバイルサイズの画像
    DETAIL

    デジタル庁

    CREATE - デジタル庁

    投稿者の画像

    ボタンの間隔、文字の大きさや行間などユーザーへの配慮が徹底されたフラットデザイン。

  • 2025年 新卒採用情報 ： 明星食品のPCサイズの画像
    2025年 新卒採用情報 ： 明星食品のモバイルサイズの画像
    DETAIL

    2025年 新卒採用情報 ： 明星食品

    投稿者の画像

    暖色中心の配色とラウンドでパキッとしているけど暖かい雰囲気ですね😊

  • 映画『ゴーストバスターズ／フローズン・サマー』オフィシャルサイト | ソニー・ピクチャーズのPCサイズの画像
    映画『ゴーストバスターズ／フローズン・サマー』オフィシャルサイト | ソニー・ピクチャーズのモバイルサイズの画像
    DETAIL

    映画『ゴーストバスターズ／フローズン・サマー』オフィシャルサイト | ソニー・ピクチャーズ

    投稿者の画像

    映画サイトだからできる雰囲気に合わせた装飾は一つの引き出しとしてとても参考になりますね!

  • 学校法人四條畷学園創立100周年記念サイトのPCサイズの画像
    学校法人四條畷学園創立100周年記念サイトのモバイルサイズの画像
    DETAIL

    学校法人四條畷学園創立100周年記念サイト

    CREATE - ZIZO

    投稿者の画像

    サイト全体に学園の樹である「クスノキの葉」を取り入れ、温かみを感じるサイトです。　

  • Qurap（キュラップ）公式サイト｜ラッピング美容ブランドのPCサイズの画像
    Qurap（キュラップ）公式サイト｜ラッピング美容ブランドのモバイルサイズの画像
    DETAIL

    Qurap（キュラップ）公式サイト｜ラッピング美容ブランド

    投稿者の画像

    シンプルで美しいサイトですが、背景のウェーブの動きをするグラデーションい細部までこだわったが感じられます。

  • チルするすゝめ｜CHILL OUTのPCサイズの画像
    チルするすゝめ｜CHILL OUTのモバイルサイズの画像
    DETAIL

    チルするすゝめ｜CHILL OUT

    投稿者の画像

    夜空のグラデーションとポップなデザインが素敵です！！

  • Yusuke Fukunaga — Front-end DeveloperのPCサイズの画像
    Yusuke Fukunaga — Front-end Developerのモバイルサイズの画像
    DETAIL

    Yusuke Fukunaga — Front-end Developer

    投稿者の画像

    ローディングの名刺とスクロールするとループで作品が表示される見せ方が自由度の高いポートフォリオサイトだからこそのこだわりを感じます。

  • アッドスパイス | 建物と街のプロデュースのPCサイズの画像
    アッドスパイス | 建物と街のプロデュースのモバイルサイズの画像
    DETAIL

    アッドスパイス | 建物と街のプロデュース

    投稿者の画像

    地図の吹き出しから街の情報を知ることができるのが楽しくなっちゃいます！！情報を伝える工夫が他と違っていいなと思います。

  • TOKIUM（トキウム） | 支出管理クラウドのPCサイズの画像
    TOKIUM（トキウム） | 支出管理クラウドのモバイルサイズの画像
    DETAIL

    TOKIUM（トキウム） | 支出管理クラウド

    CREATE - 株式会社GIG

    投稿者の画像

    選ばれる理由の見せ方がとてもスッキリしている!

  • GoodpatchのPCサイズの画像
    Goodpatchのモバイルサイズの画像
    DETAIL

    Goodpatch

    投稿者の画像

    細部まですごく丁寧な作りでこだわり感じるデザイン、アニメーションは必見👀

  • CIRCUS Inc. – 総合広告代理店 サーカスのPCサイズの画像
    CIRCUS Inc. – 総合広告代理店 サーカスのモバイルサイズの画像
    DETAIL

    CIRCUS Inc. – 総合広告代理店 サーカス

    投稿者の画像

    堅くなりがちなValueの説明がアニメーションを用いることで、楽しく表現できているサイト。

  • ブルーハムハム | BLUE HAMHAM OfficialのPCサイズの画像
    ブルーハムハム | BLUE HAMHAM Officialのモバイルサイズの画像
    DETAIL

    ブルーハムハム | BLUE HAMHAM Official

    CREATE - 株式会社LIG

    投稿者の画像

    TOPはスクロールで前面にフェードするフルスクリーンデザイン!

  • 博報堂マーケティングシステムズのPCサイズの画像
    博報堂マーケティングシステムズのモバイルサイズの画像
    DETAIL

    博報堂マーケティングシステムズ

    投稿者の画像

    タイポグラフィーのメリハリ、扱い方や全体に貼られたグリッドラインで統一性、美しさも表現してる❗️

  • 社会福祉法人 慈楽福祉会のPCサイズの画像
    社会福祉法人 慈楽福祉会のモバイルサイズの画像
    DETAIL

    社会福祉法人 慈楽福祉会

    CREATE - 株式会社TRACE

    投稿者の画像

    フォントの丸みや角丸のシェイプなど親しみやすさが感じられるサイトだと思います。ファーストビューから各サービスの詳細に移動できるリンクもあり動線もしっかりしています。

  • TORIKIZOKU 新卒採用サイトのPCサイズの画像
    TORIKIZOKU 新卒採用サイトのモバイルサイズの画像
    DETAIL

    TORIKIZOKU 新卒採用サイト

    投稿者の画像

    大きい太字フォントがメッセージを際立たせ、伝えたいメッセージを強調してくれています。

  • 岐阜商工信用組合 採用サイト｜地元の事業者を応援する金融機関のPCサイズの画像
    岐阜商工信用組合 採用サイト｜地元の事業者を応援する金融機関のモバイルサイズの画像
    DETAIL

    岐阜商工信用組合 採用サイト｜地元の事業者を応援する金融機関

    投稿者の画像

    ファーストビューから伝わる楽しさあふれる採用サイト。どんな企業なのか続きをスクロールしたくなります！！

  • THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのPCサイズの画像
    THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へのモバイルサイズの画像
    DETAIL

    THE CAMPUS｜ようこそ、みんなのワーク&ライフ開放区へ

    投稿者の画像

    派手なカラーでもバランスが上手く取れている。メニュー画面のホバーアニメーションがオシャレ。

  • GO株式会社の脱炭素サービスGX（グリーントランスフォーメーション）のPCサイズの画像
    GO株式会社の脱炭素サービスGX（グリーントランスフォーメーション）のモバイルサイズの画像
    DETAIL

    GO株式会社の脱炭素サービスGX（グリーントランスフォーメーション）

    投稿者の画像

    立体的なイラストと影も相俟って、近未来的なデザイン💡

  • DCVCのPCサイズの画像
    DCVCのモバイルサイズの画像
    DETAIL

    DCVC

    投稿者の画像

    テックっぽさを感じる最小限のホバーアニメーションと情報整理された見やすいレイアウトのサイト