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

業界

  • クリエイティブ制作

    200

  • 飲食・食品・飲料

    148

  • エンタメ・趣味・娯楽

    146

  • 製品・工業・素材

    77

  • IT・システム

    70

  • 不動産・建築・施設

    67

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

    65

  • 事業・組織

    57

  • ポータルサイト･メディア･マガジンWEB

    55

  • 教育・学校

    49

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

    33

  • 行政・NPO・団体・協会

    31

  • 暮らし商品・サービス

    29

  • 旅行・ホテル・観光

    28

  • 美容

    28

  • 就職・人材サービス

    23

  • 広告・マーケティング

    20

  • 車・バイク他

    20

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

    18

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

    16

  • インテリア・雑貨

    16

  • Web・クラウドサービス

    14

  • アート

    13

  • インフラ

    13

  • ウェディング

    13

  • その他

    3

形式

  • コーポレートサイト

    303

  • 特設サイト

    202

  • 商品・製品紹介

    200

  • 店舗・施設紹介

    121

  • 企画・プロモーション

    118

  • サービス紹介

    69

  • 採用サイト

    67

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

    64

  • EC・Webサービス

    59

  • メディア・ポータル

    59

  • ポートフォリオ

    39

  • キャンペーン

    12

  • ギャラリーサイト

    1

デザイン

  • 写真が特徴的なサイト

    377

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

    301

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

    244

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

    236

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

    130

  • 多言語対応

    88

  • 動画が特徴的なサイト

    70

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

    60

パーツ

  • スライダー

    323

  • スクロール追従

    298

  • リピートアニメーション

    274

  • ハンバーガーメニュー

    199

  • 動画

    172

  • ローディング

    62

  • モーダル

    60

  • 検索エリア

    43

下層ページ

  • Aboutページ

    499

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

    438

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

    386

  • サービス紹介

    320

  • お問い合わせ

    175

  • 採用サイト

    104

  • よくある質問

    82

  • プライバシーポリシー

    61

  • CSR

    33

  • 料金表

    33

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

    23

  • メニュー

    12

  • カート

    8

  • ローディング

    2

  • ログイン

    1

  • 決済画面

    1

カラー

  • ホワイト・白

    239

  • ブルー・青

    228

  • ブラック・黒・グレー

    209

  • グリーン・緑

    143

  • カラフル・多色

    135

  • イエロー・黄色

    99

  • レッド・赤

    91

  • オレンジ・橙色

    70

  • ブラウン・茶色

    67

  • ピンク・桃色・桜色

    55

  • パープル・紫

    36

  • ベージュ・白茶

    21
2025.11.10

愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリー

https://www.tamarando.com/

雲仙普賢岳の天然水と大自然のごちそうをたっぷり食べてそだったおいしい愛でたまご。雲仙山麓の豊かな森と有明海に囲まれた養鶏場、松本ポートリーが自信をもってお届けします。

このデザインを共有する

このデザインを共有する

Close

Design Infomation

Industry

飲食・食品・飲料

Page

投稿一覧(記事/商品など) お問い合わせ Aboutページ サービス紹介

Color

イエロー・黄色
カラフル・多色

Format

EC・Webサービス 商品・製品紹介

Design

イラストが特徴的なサイト レイアウトが特徴的なサイト
楽しい 暖かみのある
投稿者の画像

商品のコンセプトに合った暖かいデザインですね 😊 個人的にはフッターのデザインが好きです🐓
愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのPCサイズの画像
愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのモバイルサイズの画像

本ページは、本サイト掲載日時点で公開されているサイトより、画面キャプチャ画像を引用し掲載しています。
掲載取下げ依頼、または修正依頼はコチラよりご連絡ください。

このデザインを共有する

このデザインを共有する

Close

Design Infomation

Industry

飲食・食品・飲料

Page

投稿一覧(記事/商品など) お問い合わせ Aboutページ サービス紹介

Color

イエロー・黄色
カラフル・多色

Format

EC・Webサービス 商品・製品紹介

Design

イラストが特徴的なサイト レイアウトが特徴的なサイト
楽しい 暖かみのある

下層デザイン

  • サービス紹介

    愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのPCサイズのサービス紹介画像
    愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのモバイルサイズのサービス紹介画像

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

    愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのPCサイズの投稿一覧(記事/商品など)画像
    愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのモバイルサイズの投稿一覧(記事/商品など)画像

  • Aboutページ

    愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのPCサイズのAboutページ画像
    愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのモバイルサイズのAboutページ画像

  • お問い合わせ

    愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのPCサイズのお問い合わせ画像
    愛でたまご | 養鶏場 | 雲仙 | 島原 | 長崎 | たまらん堂 | 株式会社松本ポートリーのモバイルサイズのお問い合わせ画像

このデザインを作ってみよう! How to create a design

このデザインを作ってみよう!

ここをもっと詳しく :

投稿者の画像

このサイトの下層ページはタイトル下の波形のシェイプがとても魅力的ですね!

下層のビジュアルエリアとコンテンツの繋ぎ目の役割があり、セクションが繰り返し表示されたページでも質素に感じさせない装飾としての役割もあります。

このデザインの作り方

投稿者の画像

Figmaではシェイプをオートレイアウトで複数回リピートすることでこの波を簡単に再現できちゃいます!

早速作っていきましょう!

1. シェイプの作成

波形のベースとなるシェイプを作成しましょう。ガイド線を用意しておくと綺麗な波形が作りやすいです!
①~④と調整すれば完了ですが、繋げてみないことにはまだ不安ですよね。

2. 手書き風に調整

ルールに従って基礎的な波形を作成するのであれば、作成したシェイプのアンカーポイントから伸びるベジェハンドルの位置を添付画像のように等間隔に置くようにしましょう。

3. シェイプの配置

完成したパーツはコンポーネントを作成して、下画像のようにオートレイアウトで複数並べてみましょう!

投稿者の画像

これでFigmaでの波形の作成は完了です!
シェイプを書き出してbackgroundでリピート読み込みすることでCSSでも再現が可能です!

同系統のサイトデザイン