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

業界

  • エンタメ・趣味・娯楽

    72

  • 飲食・食品・飲料

    68

  • クリエイティブ制作

    65

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

    28

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

    28

  • 不動産・建築・施設

    25

  • 製品・工業・素材

    23

  • 教育・学校

    22

  • IT・システム

    21

  • 美容

    21

  • 事業・組織

    18

  • 車・バイク他

    16

  • 旅行・ホテル・観光

    15

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

    15

  • 就職・人材サービス

    15

  • 暮らし商品・サービス

    15

  • 広告・マーケティング

    14

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

    13

  • インテリア・雑貨

    13

  • Web・クラウドサービス

    13

  • 行政・NPO・団体・協会

    13

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

    12

  • ウェディング

    11

  • アート

    11

  • インフラ

    10

形式

  • コーポレートサイト

    123

  • 商品・製品紹介

    98

  • 特設サイト

    90

  • 企画・プロモーション

    67

  • 店舗・施設紹介

    54

  • サービス紹介

    39

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

    29

  • 採用サイト

    29

  • EC・Webサービス

    28

  • メディア・ポータル

    27

  • ポートフォリオ

    15

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    171

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

    125

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

    107

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

    70

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

    47

  • 多言語対応

    43

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

    29

  • 動画が特徴的なサイト

    24

下層ページ

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

    187

  • Aboutページ

    186

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

    177

  • サービス紹介

    113

  • お問い合わせ

    64

  • 採用情報

    45

  • よくある質問

    38

  • プライバシーポリシー

    31

  • 料金表

    19

  • CSR

    19

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

    18

  • ビジュアル

    1

カラー

  • ホワイト・白

    111

  • ブルー・青

    105

  • ブラック・黒・グレー

    89

  • グリーン・緑

    60

  • レッド・赤

    49

  • カラフル・多色

    46

  • イエロー・黄色

    42

  • ブラウン・茶色

    29

  • ピンク・桃色・桜色

    25

  • オレンジ・橙色

    24

  • パープル・紫

    16
2024.05.02

TRAIN TRIP｜JRグループ

https://railway150.jp/

TRAIN TRIP特設サイトです。JRグループは、皆さまの大切な人や場所への架け橋として鉄道をご利用いただき、移動を楽しんでいただけるようなコンテンツを実施中。

このデザインを共有する

Close

Industry

エンタメ・趣味・娯楽

Color

Format

企画・プロモーション特設サイト

Design

スマホ特化・モバイルファースト
かっこいいスタイリッシュ統一性のある
投稿者の画像

グレーのトーンで全体が統一されているので、かっこいいだけでなくスタンプの成果や案内などで視線を誘導しやすいですね👀

TRAIN TRIP｜JRグループのPCサイズの画像
TRAIN TRIP｜JRグループのモバイルサイズの画像

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

Industry

エンタメ・趣味・娯楽

Color

Format

企画・プロモーション特設サイト

Design

スマホ特化・モバイルファースト
かっこいいスタイリッシュ統一性のある

下層デザイン

  • マップ

    TRAIN TRIP｜JRグループのPCサイズのマップ画像
    TRAIN TRIP｜JRグループのモバイルサイズのマップ画像

  • 操作方法

    TRAIN TRIP｜JRグループのPCサイズの操作方法画像
    TRAIN TRIP｜JRグループのモバイルサイズの操作方法画像

3

同系統のサイトデザイン

  • NEW generation | α Universe | デジタル一眼カメラα（アルファ） | ソニーのPCサイズの画像
    NEW generation | α Universe | デジタル一眼カメラα（アルファ） | ソニーのモバイルサイズの画像
    DETAIL VISIT

    NEW generation | α Universe | デジタル一眼カメラα（アルファ） | ソニー

    投稿者の画像

    ハイレベな作品群コンテンツがプロダクト品質の証明になっている、様々な理由が合致したいいマーケティングデザイン💡

  • HUMAN MADE株式会社: HUMAN MADE Inc.のPCサイズの画像
    HUMAN MADE株式会社: HUMAN MADE Inc.のモバイルサイズの画像
    DETAIL VISIT

    HUMAN MADE株式会社: HUMAN MADE Inc.

    投稿者の画像

    いろいろな「こんなのもアリだ」を感じられて刺激的なコーポレートサイト⭐️

  • BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディアのPCサイズの画像
    BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディアのモバイルサイズの画像
    DETAIL VISIT

    BEYOND ARCHITECTURE | ケンチクとカルチャーを言語化するメディア

    投稿者の画像

    webと雑誌のいいとこどりなデザインと文字組み！！

  • BOULE DE RIZ｜豊田市のおにぎりカフェのPCサイズの画像
    BOULE DE RIZ｜豊田市のおにぎりカフェのモバイルサイズの画像
    DETAIL VISIT

    BOULE DE RIZ｜豊田市のおにぎりカフェ

    投稿者の画像

    シンプルかつセンター揃えのデザインでレスポンシブのコーディングがしやすいサイトです。

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

    SOSOSO

    投稿者の画像

    特にFVの下のセクションのコンテンツの配置が好みです！！

  • BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山のPCサイズの画像
    BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山のモバイルサイズの画像
    DETAIL VISIT

    BRANCH COFFEE｜ブランチコーヒー｜四国・愛媛・西条・松山

    投稿者の画像

    コンテンツよりも背景画像に迫力があるサイト！！TOPはパララックス効果を使用しています。

  • doda PRESENTS: パ・リーグ球団 仕事図鑑2024のPCサイズの画像
    doda PRESENTS: パ・リーグ球団 仕事図鑑2024のモバイルサイズの画像
    DETAIL VISIT

    doda PRESENTS: パ・リーグ球団 仕事図鑑2024

    投稿者の画像

    イラストやアイコンをうまく使ったり、モーダル表示で普段親しみのない球団の仕事について端的に伝えてくれています。

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

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

    投稿者の画像

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

  • 金沢大学｜卓越大学院｜プログラム推進室のPCサイズの画像
    金沢大学｜卓越大学院｜プログラム推進室のモバイルサイズの画像
    DETAIL VISIT

    金沢大学｜卓越大学院｜プログラム推進室

    投稿者の画像

    モノトーンにアクセントカラーが際立ち、FVのコピーが刺さるサイト。

  • STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。のPCサイズの画像
    STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。のモバイルサイズの画像
    DETAIL VISIT

    STUDIO株式会社(STUDIO, Inc.) | 創造性を、解き放つ。

    CREATE - studio.inc

    投稿者の画像

    シンプルで洗練された、クールなサイト。Appleを想起させるところも！

  • 404 NOT FOUND｜SHIBUYA SAKURA STAGEのPCサイズの画像
    404 NOT FOUND｜SHIBUYA SAKURA STAGEのモバイルサイズの画像
    DETAIL VISIT

    404 NOT FOUND｜SHIBUYA SAKURA STAGE

    投稿者の画像

    404エラーをデザイン的に表現しているサイト。FVのドラッグアニメーションが楽しいです。

  • BNN, Inc. | 株式会社ビー・エヌ・エヌのPCサイズの画像
    BNN, Inc. | 株式会社ビー・エヌ・エヌのモバイルサイズの画像
    DETAIL VISIT

    BNN, Inc. | 株式会社ビー・エヌ・エヌ

    投稿者の画像

    落ち着いたトーンのカラーと整理されたレイアウト。装丁を引き立てているデザインのサイト。

  • 東映株式会社のPCサイズの画像
    東映株式会社のモバイルサイズの画像
    DETAIL VISIT

    東映株式会社

    投稿者の画像

    様々なコンテンツがある東映。普通ならコンテンツが目立ってくるよう作りそうなものだがこれは攻めてる🔥

  • ラップスタア 2024のPCサイズの画像
    ラップスタア 2024のモバイルサイズの画像
    DETAIL VISIT

    ラップスタア 2024

    投稿者の画像

    動画を大胆に使用して躍動感を高め、グリッチエフェクトでダークな雰囲気を演出している。

  • 採用サイトTOP | 株式会社ディ・ポップスのPCサイズの画像
    採用サイトTOP | 株式会社ディ・ポップスのモバイルサイズの画像
    DETAIL VISIT

    採用サイトTOP | 株式会社ディ・ポップス

    投稿者の画像

    細かいところへのデザインと余白、メリハリなどかなり精度の高い採用サイトです！

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

    MAHORA

    投稿者の画像

    TOPページは重厚感溢れるデザインに仕上がっています!!泊まってみたい!!

  • AFURI Recruiting siteのPCサイズの画像
    AFURI Recruiting siteのモバイルサイズの画像
    DETAIL VISIT

    AFURI Recruiting site

    投稿者の画像

    モノトーンかつ躍動感あふれる画像が印象的なサイト。ラーメン屋の採用サイトとは思えない！！

  • 西山製麺 ドイツ法人のPCサイズの画像
    西山製麺 ドイツ法人のモバイルサイズの画像
    DETAIL VISIT

    西山製麺 ドイツ法人

    投稿者の画像

    フォント、カラーやアニメーションの使い方が素晴らしく、製品の高いクオリティを感じられるサイト。

  • 90周年記念サイト │ NISSANのPCサイズの画像
    90周年記念サイト │ NISSANのモバイルサイズの画像
    DETAIL VISIT

    90周年記念サイト │ NISSAN

    投稿者の画像

    ブラックがモダンな印象を与えてくれるサイト。HISTORYのスライドがかっこいい！！

  • ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディアのPCサイズの画像
    ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディアのモバイルサイズの画像
    DETAIL VISIT

    ONGROUND（オングラウンド）-「スポーツと、はたらく」を目指す人のためのスポーツビジネスメディア

    投稿者の画像

    footerのアニメーションとデザインがかっこいい！！

  • 生田斗真｜オフィシャルWEBサイトのPCサイズの画像
    生田斗真｜オフィシャルWEBサイトのモバイルサイズの画像
    DETAIL VISIT

    生田斗真｜オフィシャルWEBサイト

    投稿者の画像

    シンプルなレイアウト / デザイン、複数のFV画像も撮背景が統一されているのでどのパターンでもスタイリッシュ!

  • DQ+g | DRAGON QUEST + graniph | 株式会社グラニフのPCサイズの画像
    DQ+g | DRAGON QUEST + graniph | 株式会社グラニフのモバイルサイズの画像
    DETAIL VISIT

    DQ+g | DRAGON QUEST + graniph | 株式会社グラニフ

    投稿者の画像

    遷移時のアニメーションがゲームそのもので楽しい仕組みとなっていますね✨

  • 燕三条 工場の祭典 2023のPCサイズの画像
    燕三条 工場の祭典 2023のモバイルサイズの画像
    DETAIL VISIT

    燕三条 工場の祭典 2023

    投稿者の画像

    工場を連想させるシェイプが印象的。職人たちの技を引き立てる美術展のようなビジュアルのサイト。

  • 合同会社 肩車 | スポーツ・アップサイクルで社会課題を解決で社会課題を解決のPCサイズの画像
    合同会社 肩車 | スポーツ・アップサイクルで社会課題を解決で社会課題を解決のモバイルサイズの画像
    DETAIL VISIT

    合同会社 肩車 | スポーツ・アップサイクルで社会課題を解決で社会課題を解決

    投稿者の画像

    肩車の文字のインパクトがすごい！！特にフッターのデザインが面白いです！！

  • 新宿LOFT歌舞伎町移転25周年記念のPCサイズの画像
    新宿LOFT歌舞伎町移転25周年記念のモバイルサイズの画像
    DETAIL VISIT

    新宿LOFT歌舞伎町移転25周年記念

    投稿者の画像

    FVはポップでありダークな印象もあるサイト!

  • 映画「数分間のエールを」公式サイト　2024年6月14日(金)公開のPCサイズの画像
    映画「数分間のエールを」公式サイト　2024年6月14日(金)公開のモバイルサイズの画像
    DETAIL VISIT

    映画「数分間のエールを」公式サイト　2024年6月14日(金)公開

    投稿者の画像

    デジタルペイントな背景 / タイトル、ボタンの細かいデザインが個人的に好みなサイトです😆

  • 映画『バッドボーイズ RIDE OR DIE』オフィシャルサイト | ソニー・ピクチャーズのPCサイズの画像
    映画『バッドボーイズ RIDE OR DIE』オフィシャルサイト | ソニー・ピクチャーズのモバイルサイズの画像
    DETAIL VISIT

    映画『バッドボーイズ RIDE OR DIE』オフィシャルサイト | ソニー・ピクチャーズ

    投稿者の画像

    レイアウトはシンプルだけど、ポイントで映画に合わせた装飾がありインパクトがあります!

  • UI Pocket – アプリのUIデザインギャラリーのPCサイズの画像
    UI Pocket – アプリのUIデザインギャラリーのモバイルサイズの画像
    DETAIL VISIT

    UI Pocket – アプリのUIデザインギャラリー

    投稿者の画像

    ギャラリーサイトなのでシンプルなレイアウトで見やすいです。

  • きのこの山ワイヤレスイヤホン|きのこの山・たけのこの里|株式会社 明治 – Co.,Ltd.のPCサイズの画像
    きのこの山ワイヤレスイヤホン|きのこの山・たけのこの里|株式会社 明治 – Co.,Ltd.のモバイルサイズの画像
    DETAIL VISIT

    きのこの山ワイヤレスイヤホン|きのこの山・たけのこの里|株式会社 明治 – Co.,Ltd.

    投稿者の画像

    ポップな商品とは裏腹にブラック主体のかっこいいサイト！！

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

    aircord

    投稿者の画像

    作品の一覧の見せ方がおもしろい！！

  • Synflux – A Speculative Fashion Laboratory based in TokyoのPCサイズの画像
    Synflux – A Speculative Fashion Laboratory based in Tokyoのモバイルサイズの画像
    DETAIL VISIT

    Synflux – A Speculative Fashion Laboratory based in Tokyo

    CREATE - Synflux 株式会社

    投稿者の画像

    テクノロジー、ファッション、グラフィックやwebがハイブリッドされたコーポレートサイト。

  • 花柳寿楽｜Hanayagi JurakuのPCサイズの画像
    花柳寿楽｜Hanayagi Jurakuのモバイルサイズの画像
    DETAIL VISIT

    花柳寿楽｜Hanayagi Juraku

    投稿者の画像

    伝統芸術とモダンなWebサイトの調和がかっこいい！😎

  • 雑誌Begin(ビギン)公式サイトのPCサイズの画像
    雑誌Begin(ビギン)公式サイトのモバイルサイズの画像
    DETAIL VISIT

    雑誌Begin(ビギン)公式サイト

    投稿者の画像

    グリッドベースなデザインで一部は自由な装飾でかっちりしすぎてないあたりがカッコいいです☺️

  • GUCCIMAZE | YUTA KAWAGUCHIのPCサイズの画像
    GUCCIMAZE | YUTA KAWAGUCHIのモバイルサイズの画像
    DETAIL VISIT

    GUCCIMAZE | YUTA KAWAGUCHI

    投稿者の画像

    キレッキレのグラフィティーがかっこいい！！

  • SixTONES | THE VIBESのPCサイズの画像
    SixTONES | THE VIBESのモバイルサイズの画像
    DETAIL VISIT

    SixTONES | THE VIBES

    投稿者の画像

    サイト全体がクラブのように構成されている特設サイトならではのUX✨

  • 星街すいせい 2nd live「Shout in Crisis」｜ホロライブプロダクションのPCサイズの画像
    星街すいせい 2nd live「Shout in Crisis」｜ホロライブプロダクションのモバイルサイズの画像
    DETAIL VISIT

    星街すいせい 2nd live「Shout in Crisis」｜ホロライブプロダクション

    投稿者の画像

    ブラーのかかった画像をスクロールアニメーションで表示するとより立体感が出ますね!

  • ZOOM —日本発のコンテンポラリーデザインペンのPCサイズの画像
    ZOOM —日本発のコンテンポラリーデザインペンのモバイルサイズの画像
    DETAIL VISIT

    ZOOM —日本発のコンテンポラリーデザインペン

    投稿者の画像

    トップのイントロダクションで商品の空気感に引き込まれる。細部まで見れる商品画像が印象的。

  • 【公式】nekopi（ネコピ）｜ 雨でも晴れでも、あにゃたと一緒のにゃんこ傘のPCサイズの画像
    【公式】nekopi（ネコピ）｜ 雨でも晴れでも、あにゃたと一緒のにゃんこ傘のモバイルサイズの画像
    DETAIL VISIT

    【公式】nekopi（ネコピ）｜ 雨でも晴れでも、あにゃたと一緒のにゃんこ傘

    投稿者の画像

    手書きのイラストやフォントと写真との組み合わせがかわいいサイト！！

  • toft公式ホームページのPCサイズの画像
    toft公式ホームページのモバイルサイズの画像
    DETAIL VISIT

    toft公式ホームページ

    投稿者の画像

    TOPページのロゴのインパクトと商品画像がsliderが印象的！！

  • 杉浦康平デザインアーカイブ「デザイン・コスモス」のPCサイズの画像
    杉浦康平デザインアーカイブ「デザイン・コスモス」のモバイルサイズの画像
    DETAIL VISIT

    杉浦康平デザインアーカイブ「デザイン・コスモス」

    投稿者の画像

    作品集を3次元的に複数の整列パターンで紹介しています✨

  • 『Ryuichi Sakamoto | Opus』公式サイトのPCサイズの画像
    『Ryuichi Sakamoto | Opus』公式サイトのモバイルサイズの画像
    DETAIL VISIT

    『Ryuichi Sakamoto | Opus』公式サイト

    投稿者の画像

    このサイト自体が1冊の映画パンフであるようなかっこよさ。

  • オラホビール OH!LA!HO BEER | 長野県東御市のクラフトビールのPCサイズの画像
    オラホビール OH!LA!HO BEER | 長野県東御市のクラフトビールのモバイルサイズの画像
    DETAIL VISIT

    オラホビール OH!LA!HO BEER | 長野県東御市のクラフトビール

    投稿者の画像

    各セクションのイニシャルの立体感とポップな配色がとても好きです!

  • KAELA presents GO!GO!KAELAND 2024 -20years anniversary-のPCサイズの画像
    KAELA presents GO!GO!KAELAND 2024 -20years anniversary-のモバイルサイズの画像
    DETAIL VISIT

    KAELA presents GO!GO!KAELAND 2024 -20years anniversary-

    投稿者の画像

    デザインのインパクトだけでなくアーティストのインパクトもあってのデザイン👍

  • 404sのPCサイズの画像
    404sのモバイルサイズの画像
    DETAIL VISIT

    404s

    投稿者の画像

    もしかしたら404ページにも可能性があるのかも❗️「3D」や「アニメーション」など複数キーワードによる絞り込み検索が便利。

  • // FRONTAGE 株式会社フロンテッジのPCサイズの画像
    // FRONTAGE 株式会社フロンテッジのモバイルサイズの画像
    DETAIL VISIT

    // FRONTAGE 株式会社フロンテッジ

    投稿者の画像

    スタイリッシュで飽きさせない遊び心もあり、カッコ楽しいサイト✨

  • Eve Asia Tour 2024「Culture」特設サイトのPCサイズの画像
    Eve Asia Tour 2024「Culture」特設サイトのモバイルサイズの画像
    DETAIL VISIT

    Eve Asia Tour 2024「Culture」特設サイト

    投稿者の画像

    FVが一個の作品のような特設サイト😳

  • TRUNK(HOTEL) CAT STREETのPCサイズの画像
    TRUNK(HOTEL) CAT STREETのモバイルサイズの画像
    DETAIL VISIT

    TRUNK(HOTEL) CAT STREET

    投稿者の画像

    テキストの強弱、余白でインパクトを与えるシンプルで奇抜なサイト!

  • 東京クリエイティブサロン｜Tokyo Creative Salon 2024のPCサイズの画像
    東京クリエイティブサロン｜Tokyo Creative Salon 2024のモバイルサイズの画像
    DETAIL VISIT

    東京クリエイティブサロン｜Tokyo Creative Salon 2024

    投稿者の画像

    見れば見るほどクセになるサイト! faviconまで動く!!🫢