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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    105

  • クリエイティブ制作

    103

  • エンタメ・趣味・娯楽

    95

  • 不動産・建築・施設

    46

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

    43

  • IT・システム

    39

  • 製品・工業・素材

    38

  • 教育・学校

    36

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

    33

  • 旅行・ホテル・観光

    27

  • 美容

    24

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

    24

  • 暮らし商品・サービス

    24

  • 行政・NPO・団体・協会

    22

  • 事業・組織

    21

  • 就職・人材サービス

    20

  • 車・バイク他

    17

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

    15

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    184

  • 商品・製品紹介

    135

  • 特設サイト

    133

  • 店舗・施設紹介

    93

  • 企画・プロモーション

    90

  • サービス紹介

    56

  • 採用サイト

    41

  • EC・Webサービス

    38

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

    37

  • メディア・ポータル

    34

  • ポートフォリオ

    21

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    263

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

    191

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

    154

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

    106

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

    87

  • 多言語対応

    46

  • 動画が特徴的なサイト

    41

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

    36

下層ページ

  • Aboutページ

    295

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

    270

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

    241

  • サービス紹介

    197

  • お問い合わせ

    105

  • 採用サイト

    71

  • よくある質問

    53

  • プライバシーポリシー

    44

  • 料金表

    25

  • CSR

    24

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

    19

  • ビジュアル

    1

  • ゲーム

    1

  • メニュー

    1

カラー

  • ホワイト・白

    161

  • ブルー・青

    149

  • ブラック・黒・グレー

    122

  • グリーン・緑

    90

  • カラフル・多色

    75

  • イエロー・黄色

    68

  • レッド・赤

    63

  • ブラウン・茶色

    51

  • オレンジ・橙色

    37

  • ピンク・桃色・桜色

    36

  • パープル・紫

    22

SEARCH

カラー検索

2024.05.08

ヘルスケアアプリ『みんなの家庭の医学』

https://service.kateinoigaku.jp/index.html

家族の健康を支えてきた「家庭の医学」がアプリとして登場。病気・症状の検索や生活習慣改善アドバイスのほか、健康診断結果や歩数ゲームで家族の健康状態を共有。みんなの健康を守るヘルスケアアプリ。

このデザインを共有する

Close

Design Infomation

Industry

医療・ヘルスケア・健康

Page

Aboutページ規約/法律に基づく表記

Color

オレンジ・橙色

Format

サービス紹介

Design

レイアウトが特徴的なサイト
暖かみのある鮮やか
投稿者の画像

「読ませるフォント・ジャンプ率」「魅せるフォント」がそれぞれ盛り込まれていてとても参考になります✨

ヘルスケアアプリ『みんなの家庭の医学』のPCサイズの画像
ヘルスケアアプリ『みんなの家庭の医学』のモバイルサイズの画像

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

Design Infomation

Industry

医療・ヘルスケア・健康

Page

Aboutページ規約/法律に基づく表記

Color

オレンジ・橙色

Format

サービス紹介

Design

レイアウトが特徴的なサイト
暖かみのある鮮やか

下層デザイン

  • Aboutページ

    ヘルスケアアプリ『みんなの家庭の医学』のPCサイズのAboutページ画像
    ヘルスケアアプリ『みんなの家庭の医学』のモバイルサイズのAboutページ画像

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

    ヘルスケアアプリ『みんなの家庭の医学』のPCサイズの規約/法律に基づく表記画像
    ヘルスケアアプリ『みんなの家庭の医学』のモバイルサイズの規約/法律に基づく表記画像

9

同系統のサイトデザイン

  • 融点 Gallery and shopのPCサイズの画像
    融点 Gallery and shopのモバイルサイズの画像
    DETAIL

    融点 Gallery and shop

    投稿者の画像

    「融点」をイメージした鮮やかなグラデーション背景と、柔らかく流動的な波線のデザインが、訪れる人々にリラックスと心地よさを感じさせてくれます。

  • 城北自動車学校 採用サイトのPCサイズの画像
    城北自動車学校 採用サイトのモバイルサイズの画像
    DETAIL

    城北自動車学校 採用サイト

    投稿者の画像

    一つ一つのアニメーションの動きが丁寧で見ていて楽しいサイト!

  • Social House | Visionary Digital Growth AgencyのPCサイズの画像
    Social House | Visionary Digital Growth Agencyのモバイルサイズの画像
    DETAIL

    Social House | Visionary Digital Growth Agency

    投稿者の画像

    シンプルさとラインの使い方がめっちゃかっこいい😎

  • いつもありがとうございます！おかげさまでカロアも4周年！のPCサイズの画像
    いつもありがとうございます！おかげさまでカロアも4周年！のモバイルサイズの画像
    DETAIL

    いつもありがとうございます！おかげさまでカロアも4周年！

    投稿者の画像

    やや見にくさはあるものの、特設ページならではのユニークな枠内スクロールが、視覚的な面白さと特別感を際立たせ、ユーザーを引き込みます。

  • BONELESS DANCE SCHOOL | 相模原のブレイクダンススクールのPCサイズの画像
    BONELESS DANCE SCHOOL | 相模原のブレイクダンススクールのモバイルサイズの画像
    DETAIL

    BONELESS DANCE SCHOOL | 相模原のブレイクダンススクール

    投稿者の画像

    ブラック×オレンジの配色がかっこよく、ダンスの動画やが画像がエネルギッシュで素敵です！！

  • 映画『六人の嘘つきな大学生』のPCサイズの画像
    映画『六人の嘘つきな大学生』のモバイルサイズの画像
    DETAIL

    映画『六人の嘘つきな大学生』

    投稿者の画像

    ビビットなピンクにイエローアクセントはよくある配色ですが、使い方で不気味な雰囲気も演出できますね🎨 PCとスマホでファーストビューが異なるのも個人的に好みです!!

  • GT America Intl typeface exclusively at Grilli Type — Download Free Trial FontsのPCサイズの画像
    GT America Intl typeface exclusively at Grilli Type — Download Free Trial Fontsのモバイルサイズの画像
    DETAIL

    GT America Intl typeface exclusively at Grilli Type — Download Free Trial Fonts

    投稿者の画像

    このフォントを使いたくなるような魅力的なアニメーション、ユーモア溢れるテキスト、そして細部にまでこだわり抜かれた高いクオリティが印象的なサイト。

  • ランチパイ 丨株式会社湖池屋のPCサイズの画像
    ランチパイ 丨株式会社湖池屋のモバイルサイズの画像
    DETAIL

    ランチパイ 丨株式会社湖池屋

    投稿者の画像

    商品のパッケージに合わせた配色と商品写真のインパクトがマッチしています! ローディング画面も可愛い🥧

  • 特命部隊プチロルズ〈チロルチョコ株式会社〉のPCサイズの画像
    特命部隊プチロルズ〈チロルチョコ株式会社〉のモバイルサイズの画像
    DETAIL

    特命部隊プチロルズ〈チロルチョコ株式会社〉

    投稿者の画像

    ポップなイラストとふわふわと浮かぶようなアニメーションが可愛いサイト! 宇宙の奥底に消えていくテキストはまるでスター・◯ォーズ🪐

  • BEAMS BUSINESS PRODUCE | ビームス ビジネスプロデュースのPCサイズの画像
    BEAMS BUSINESS PRODUCE | ビームス ビジネスプロデュースのモバイルサイズの画像
    DETAIL

    BEAMS BUSINESS PRODUCE | ビームス ビジネスプロデュース

    投稿者の画像

    見出しのライティングやクリーンなデザインから、顧客に寄り添うような印象を与えるサイト。

  • 株式会社YOUTRUST(ユートラスト) | コーポレートサイトのPCサイズの画像
    株式会社YOUTRUST(ユートラスト) | コーポレートサイトのモバイルサイズの画像
    DETAIL

    株式会社YOUTRUST(ユートラスト) | コーポレートサイト

    投稿者の画像

    爽やかなグリーンとアナログっぽいノイズがほどよい

  • ワンダー WANDER｜ありそうでない、がある。全国の不動産情報メディアのPCサイズの画像
    ワンダー WANDER｜ありそうでない、がある。全国の不動産情報メディアのモバイルサイズの画像
    DETAIL

    ワンダー WANDER｜ありそうでない、がある。全国の不動産情報メディア

    投稿者の画像

    ポップなカラーやボーダーを用いたシェイプのデザインは不動産サイトでは珍しい✨

  • Wild Souls – Taste the Wild. Find your Soul.のPCサイズの画像
    Wild Souls – Taste the Wild. Find your Soul.のモバイルサイズの画像
    DETAIL

    Wild Souls – Taste the Wild. Find your Soul.

    投稿者の画像

    センスのいい色面使いも余白の取り方も色々なレイアウトがあるのに統一感がしっかりしてて、めちゃいい！！！

  • 豊田地域看護専門学校のPCサイズの画像
    豊田地域看護専門学校のモバイルサイズの画像
    DETAIL

    豊田地域看護専門学校

    投稿者の画像

    透明感あってユーザーの方を向いてていい感じ✨

  • モンブラン｜福岡のブランディング会社のPCサイズの画像
    モンブラン｜福岡のブランディング会社のモバイルサイズの画像
    DETAIL

    モンブラン｜福岡のブランディング会社

    投稿者の画像

    ⭐️⭐️⭐️⭐️⭐️チャーミングでめちゃいい⭐️⭐️⭐️⭐️⭐️

  • くらて学園のPCサイズの画像
    くらて学園のモバイルサイズの画像
    DETAIL

    くらて学園

    投稿者の画像

    ノイズの入った青い背景が爽やかインパクト❗️学校跡地を大規模なスタジオとしている施設のサイト。

  • HELLO CYCLING – 好きな場所で返せるシェアサイクルのPCサイズの画像
    HELLO CYCLING – 好きな場所で返せるシェアサイクルのモバイルサイズの画像
    DETAIL

    HELLO CYCLING – 好きな場所で返せるシェアサイクル

    投稿者の画像

    わちゃわちゃしたイラストが目を惹く！

  • GREEN SPOONから「Rice & Pasta」が新登場！1食分の野菜がとれる8種のメニュー | GREEN SPOON（グリーンスプーン）のPCサイズの画像
    GREEN SPOONから「Rice & Pasta」が新登場！1食分の野菜がとれる8種のメニュー | GREEN SPOON（グリーンスプーン）のモバイルサイズの画像
    DETAIL

    GREEN SPOONから「Rice & Pasta」が新登場！1食分の野菜がとれる8種のメニュー | GREEN SPOON（グリーンスプーン）

    投稿者の画像

    食欲をそそるカラーが特徴的でそれぞれの魅力が引き立つように、モバイル特化の対比デザインがよい！！

  • おかしより、ごはんにちかいおやつ。SUKUSUKU BALL(スクスクボール）のPCサイズの画像
    おかしより、ごはんにちかいおやつ。SUKUSUKU BALL(スクスクボール）のモバイルサイズの画像
    DETAIL

    おかしより、ごはんにちかいおやつ。SUKUSUKU BALL(スクスクボール）

    投稿者の画像

    お客様の声などの情報をホバーすると裏側から表示される工夫が施されています。このデザインにより、ページ数を減らしつつ効率的に情報を伝えることができます！

  • しまなみブルワリー公式ブランドサイトのPCサイズの画像
    しまなみブルワリー公式ブランドサイトのモバイルサイズの画像
    DETAIL

    しまなみブルワリー公式ブランドサイト

    投稿者の画像

    商品の背景を切り抜いた画像がインパクトあるサイトです！！

  • 三気堂薬局｜熊本の調剤薬局のPCサイズの画像
    三気堂薬局｜熊本の調剤薬局のモバイルサイズの画像
    DETAIL

    三気堂薬局｜熊本の調剤薬局

    投稿者の画像

    薬や角丸のシェイプを効果的に使ったデザインです。

  • 練馬区上石神井の胃カメラ、大腸カメラなら、かわい内科 胃と大腸内視鏡 クリニック｜内科、健康診断、発熱外来のPCサイズの画像
    練馬区上石神井の胃カメラ、大腸カメラなら、かわい内科 胃と大腸内視鏡 クリニック｜内科、健康診断、発熱外来のモバイルサイズの画像
    DETAIL

    練馬区上石神井の胃カメラ、大腸カメラなら、かわい内科 胃と大腸内視鏡 クリニック｜内科、健康診断、発熱外来

    投稿者の画像

    笑顔の画像やイラスト、丸文字のフォントなどを使用し、親しみやすさと寄り添いを感じられるデザインです。

  • 融点 Gallery and shopのPCサイズの画像
    融点 Gallery and shopのモバイルサイズの画像
    DETAIL

    融点 Gallery and shop

    投稿者の画像

    「融点」をイメージした鮮やかなグラデーション背景と、柔らかく流動的な波線のデザインが、訪れる人々にリラックスと心地よさを感じさせてくれます。

  • みぞのくち醸造所｜神奈川県・溝の口にあるクラフトビールブルワリーのPCサイズの画像
    みぞのくち醸造所｜神奈川県・溝の口にあるクラフトビールブルワリーのモバイルサイズの画像
    DETAIL

    みぞのくち醸造所｜神奈川県・溝の口にあるクラフトビールブルワリー

    投稿者の画像

    静のグリッドと、動のイラストがいい感じのアクセントになっているデザイン

  • スイカゲーム 【公式サイト】 | Aladdin X Inc.のPCサイズの画像
    スイカゲーム 【公式サイト】 | Aladdin X Inc.のモバイルサイズの画像
    DETAIL

    スイカゲーム 【公式サイト】 | Aladdin X Inc.

    投稿者の画像

    キャラクターや背景の装飾がポップで楽しいサイトです！！

  • 株式会社ポケモン ｜ The Pokémon CompanyのPCサイズの画像
    株式会社ポケモン ｜ The Pokémon Companyのモバイルサイズの画像
    DETAIL

    株式会社ポケモン ｜ The Pokémon Company

    投稿者の画像

    デザインもピカチュウカラーの大きな色面でインパクトがあり、コンテンツが最高。

  • namco TOKYO（ナムコトーキョー） | namco TOKYO（ナムコトーキョー） | バンダイナムコアミューズメントのPCサイズの画像
    namco TOKYO（ナムコトーキョー） | namco TOKYO（ナムコトーキョー） | バンダイナムコアミューズメントのモバイルサイズの画像
    DETAIL

    namco TOKYO（ナムコトーキョー） | namco TOKYO（ナムコトーキョー） | バンダイナムコアミューズメント

    投稿者の画像

    ネオンのデザインが施設の雰囲気とマッチしたデザインになっています。

  • MÉCHANT – Creative post-production studioのPCサイズの画像
    MÉCHANT – Creative post-production studioのモバイルサイズの画像
    DETAIL

    MÉCHANT – Creative post-production studio

    投稿者の画像

    映像プロダクションならではのインパクトのあるFVが特徴的。コミカルなテイストのwebサイト。

  • おにぎり家 多司｜お米屋の大きな手づくりおにぎりのPCサイズの画像
    おにぎり家 多司｜お米屋の大きな手づくりおにぎりのモバイルサイズの画像
    DETAIL

    おにぎり家 多司｜お米屋の大きな手づくりおにぎり

    投稿者の画像

    スマホページ特化の可愛いサイト❗️写真の入れ方に工夫があって目を惹かれます

  • 晴れ風ACTION｜KIRINのPCサイズの画像
    晴れ風ACTION｜KIRINのモバイルサイズの画像
    DETAIL

    晴れ風ACTION｜KIRIN

    投稿者の画像

    ブランドカラーと桜の保全活動をイメージできるデザイン！！TOPページのsliderがスライドした時の動きがオシャレ！！

  • Kastane SPRING/SUMMER 2024 ｜ パル公式通販サイト｜PAL CLOSETのPCサイズの画像
    Kastane SPRING/SUMMER 2024 ｜ パル公式通販サイト｜PAL CLOSETのモバイルサイズの画像
    DETAIL

    Kastane SPRING/SUMMER 2024 ｜ パル公式通販サイト｜PAL CLOSET

    投稿者の画像

    コンテンツの少なさを感じさせないモバイルファーストのサイト。FVのコラージュが可愛らしい。

  • 株式会社ドットコム・マーケティングのPCサイズの画像
    株式会社ドットコム・マーケティングのモバイルサイズの画像
    DETAIL

    株式会社ドットコム・マーケティング

    投稿者の画像

    情報が整理されたレイアウトで信頼感があり、キーカラーが映えるコーポレートサイトです。