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

Webデザインを
探す 学ぶ

業界

  • 飲食・食品・飲料

    104

  • クリエイティブ制作

    103

  • エンタメ・趣味・娯楽

    94

  • 不動産・建築・施設

    44

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

    41

  • IT・システム

    39

  • 製品・工業・素材

    38

  • 教育・学校

    36

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

    33

  • 旅行・ホテル・観光

    27

  • 美容

    24

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

    24

  • 暮らし商品・サービス

    23

  • 行政・NPO・団体・協会

    22

  • 事業・組織

    21

  • 就職・人材サービス

    20

  • 車・バイク他

    17

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

    15

  • インテリア・雑貨

    15

  • 広告・マーケティング

    15

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

    14

  • Web・クラウドサービス

    13

  • ウェディング

    12

  • アート

    12

  • インフラ

    10

形式

  • コーポレートサイト

    181

  • 商品・製品紹介

    134

  • 特設サイト

    130

  • 店舗・施設紹介

    93

  • 企画・プロモーション

    89

  • サービス紹介

    55

  • 採用サイト

    41

  • EC・Webサービス

    38

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

    37

  • メディア・ポータル

    34

  • ポートフォリオ

    21

  • キャンペーン

    11

デザイン

  • 写真が特徴的なサイト

    260

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

    189

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

    151

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

    103

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

    87

  • 多言語対応

    46

  • 動画が特徴的なサイト

    39

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

    36

下層ページ

  • Aboutページ

    292

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

    267

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

    239

  • サービス紹介

    195

  • お問い合わせ

    104

  • 採用サイト

    71

  • よくある質問

    53

  • プライバシーポリシー

    44

  • 料金表

    25

  • CSR

    24

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

    19

  • ビジュアル

    1

  • ゲーム

    1

カラー

  • ホワイト・白

    159

  • ブルー・青

    147

  • ブラック・黒・グレー

    122

  • グリーン・緑

    88

  • カラフル・多色

    75

  • イエロー・黄色

    66

  • レッド・赤

    62

  • ブラウン・茶色

    50

  • オレンジ・橙色

    37

  • ピンク・桃色・桜色

    36

  • パープル・紫

    22

SEARCH

カラー検索

2024.04.19

採用サイト｜KOKUYO RECRUITING SITE

https://recruit.kokuyo.co.jp/

【Let’s be (Q)reative.】コクヨ株式会社の新卒採用サイトです。ワクワクする未来の実現に向けて常に「問い」を立て続けているコクヨのカルチャーや目指す未来、採用に関わるさまざまな情報をご紹介します。

このデザインを共有する

Close

Design Infomation

Industry

インテリア・雑貨クリエイティブ制作事業・組織就職・人材サービス暮らし商品・サービス

Page

Aboutページ投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

ピンク・桃色・桜色
ホワイト・白

Format

採用サイト

Design

アニメーションが特徴的なサイトテキストが特徴的なサイト写真が特徴的なサイト
シンプルスタイリッシュ暖かみのある統一性のある
投稿者の画像

テキストカーソルのアニメーションが考え続けることを表現している。使用カラーが優しい採用サイト。

採用サイト｜KOKUYO RECRUITING SITEのPCサイズの画像
採用サイト｜KOKUYO RECRUITING SITEのモバイルサイズの画像

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

Design Infomation

Industry

インテリア・雑貨クリエイティブ制作事業・組織就職・人材サービス暮らし商品・サービス

Page

Aboutページ投稿一覧(記事/商品など)投稿詳細(記事/商品など)

Color

ピンク・桃色・桜色
ホワイト・白

Format

採用サイト

Design

アニメーションが特徴的なサイトテキストが特徴的なサイト写真が特徴的なサイト
シンプルスタイリッシュ暖かみのある統一性のある

下層デザイン

  • Aboutページ

    採用サイト｜KOKUYO RECRUITING SITEのPCサイズのAboutページ画像
    採用サイト｜KOKUYO RECRUITING SITEのモバイルサイズのAboutページ画像

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

    採用サイト｜KOKUYO RECRUITING SITEのPCサイズの投稿一覧(記事/商品など)画像
    採用サイト｜KOKUYO RECRUITING SITEのモバイルサイズの投稿一覧(記事/商品など)画像

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

    採用サイト｜KOKUYO RECRUITING SITEのPCサイズの投稿詳細(記事/商品など)画像
    採用サイト｜KOKUYO RECRUITING SITEのモバイルサイズの投稿詳細(記事/商品など)画像

8

2

同系統のサイトデザイン

  • オリジナルTVアニメ『全修。』公式サイトのPCサイズの画像
    オリジナルTVアニメ『全修。』公式サイトのモバイルサイズの画像
    DETAIL

    オリジナルTVアニメ『全修。』公式サイト

    投稿者の画像

    各コンテンツのボックスの装飾が絵コンテっぽくなっていて、掲載情報がシンプルながらに見応えのあるサイト👀

  • コンポーネント図鑑 ｜ 視覚伝達情報研究室のPCサイズの画像
    コンポーネント図鑑 ｜ 視覚伝達情報研究室のモバイルサイズの画像
    DETAIL

    コンポーネント図鑑 ｜ 視覚伝達情報研究室

    投稿者の画像

    動くコンポーネントが可愛らしい。説明文のスペースや設定が魅力的。

  • 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

    投稿者の画像

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

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

    ToyFight

    投稿者の画像

    FVのインタラクティブなアニメーションも楽しく、グリッド構成のレイアウトで見やすいサイト。

  • 脳汁銭湯 | イキすぎた光と狂気のNEW浴体験 のPCサイズの画像
    脳汁銭湯 | イキすぎた光と狂気のNEW浴体験 のモバイルサイズの画像
    DETAIL

    脳汁銭湯 | イキすぎた光と狂気のNEW浴体験 

    投稿者の画像

    可愛さ、不気味さ、面白さが詰まったデザイン!! 行ってみようかな☺️

  • Electric Cars, Solar & Clean Energy | TeslaのPCサイズの画像
    Electric Cars, Solar & Clean Energy | Teslaのモバイルサイズの画像
    DETAIL

    Electric Cars, Solar & Clean Energy | Tesla

    投稿者の画像

    レイアウトや写真、動画の使い方が工夫されており、詳細ページのボリュームを感じさせない見せ方になっているサイト。サイバートラックのロゴがかっこいい。

  • セイタロウデザイン グループのPCサイズの画像
    セイタロウデザイン グループのモバイルサイズの画像
    DETAIL

    セイタロウデザイン グループ

    投稿者の画像

    アニメーションやフォントの使い方が実験的で面白く、会社の雰囲気とマッチしているサイト。

  • トミー ヒルフィガー 公式オンラインストアのPCサイズの画像
    トミー ヒルフィガー 公式オンラインストアのモバイルサイズの画像
    DETAIL

    トミー ヒルフィガー 公式オンラインストア

    投稿者の画像

    統一された欧文フォント、ベーシックなレイアウト、フォントのジャンプ率が心地よいです😆

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

    NEW

    投稿者の画像

    制作物の魅力を引き出すレイアウトが特徴的。キーワード検索がMPCになっていて、押すを吹き出す文字のアニメーションの細部までこだわりを感じる。

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

    NEW AUCTION

    投稿者の画像

    モダンな雰囲気あふれるオークションサイト。Wのモチーフを使用したあしらいが印象的。

  • LINEヤフーDESIGNのPCサイズの画像
    LINEヤフーDESIGNのモバイルサイズの画像
    DETAIL

    LINEヤフーDESIGN

    CREATE - LINEヤフーDESIGN

    投稿者の画像

    無駄なものを削ぎ落としたデザインと情報がとても見やすいグリッドレイアウトのサイト。

  • Vercel: フロントエンド クラウドを使用して最高の Web エクスペリエンスを構築および展開するのPCサイズの画像
    Vercel: フロントエンド クラウドを使用して最高の Web エクスペリエンスを構築および展開するのモバイルサイズの画像
    DETAIL

    Vercel: フロントエンド クラウドを使用して最高の Web エクスペリエンスを構築および展開する

    投稿者の画像

    アニメーションで機能が見えて、情報のまとめられ方がとてもわかりやすい❗️

  • Ah!maze Shinjuku 新宿の観光体験サイトのPCサイズの画像
    Ah!maze Shinjuku 新宿の観光体験サイトのモバイルサイズの画像
    DETAIL

    Ah!maze Shinjuku 新宿の観光体験サイト

    投稿者の画像

    パンクなトゲトゲがインパクト大！！外国人に受けそうです！！

  • tette テッテ 須賀川市民交流センターのPCサイズの画像
    tette テッテ 須賀川市民交流センターのモバイルサイズの画像
    DETAIL

    tette テッテ 須賀川市民交流センター

    投稿者の画像

    グリッドを極太線で囲っているだけのことがすごく効いていて、親しみやすい印象に😊😊😊アイディア勝ち

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

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

    投稿者の画像

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

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

    MVMNT

    投稿者の画像

    TOPページでスクロールするとナビゲーションになっており、ユーザーに特に見せたい情報だけ表示しているし、おもしろい！！

  • 株式会社オリエンタルランド 新卒採用のPCサイズの画像
    株式会社オリエンタルランド 新卒採用のモバイルサイズの画像
    DETAIL

    株式会社オリエンタルランド 新卒採用

    投稿者の画像

    ふわふわしていて、鮮やかな色合いで、希望にあふれた画像チョイス。夢の国です💕

  • 新しい私に出会う、「新しい私 書店」のPCサイズの画像
    新しい私に出会う、「新しい私 書店」のモバイルサイズの画像
    DETAIL

    新しい私に出会う、「新しい私 書店」

    投稿者の画像

    本棚のリストや詳細が本の１ページになっているのがおもしろい！！

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

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

    投稿者の画像

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

  • SAVE365Magazine | 日本赤十字社は365日、動き続けています。のPCサイズの画像
    SAVE365Magazine | 日本赤十字社は365日、動き続けています。のモバイルサイズの画像
    DETAIL

    SAVE365Magazine | 日本赤十字社は365日、動き続けています。

    投稿者の画像

    シンプルで各セクションが一画面に収まっているので見やすいサイトになっています。

  • 大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイトのPCサイズの画像
    大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイトのモバイルサイズの画像
    DETAIL

    大阪のタクシーって熱い！大阪府タクシードライバー就職支援サイト

    投稿者の画像

    テキストが関西弁！！シンプルだが随所に大阪感があるサイト！！

  • ハーゲンダッツミュージアム｜ハーゲンダッツ ジャパン　Häagen-DazsのPCサイズの画像
    ハーゲンダッツミュージアム｜ハーゲンダッツ ジャパン　Häagen-Dazsのモバイルサイズの画像
    DETAIL

    ハーゲンダッツミュージアム｜ハーゲンダッツ ジャパン　Häagen-Dazs

    投稿者の画像

    FVのインパクトや各年代の商品を楽しむことができるサイト！！

  • みんなに聞いた！楽天モバイル通信簿のPCサイズの画像
    みんなに聞いた！楽天モバイル通信簿のモバイルサイズの画像
    DETAIL

    みんなに聞いた！楽天モバイル通信簿

    投稿者の画像

    数字やグラフを視覚的にわかりやすく、ユーザーの興味を引くデザイン。

  • ＪＦＥシステムズ株式会社のPCサイズの画像
    ＪＦＥシステムズ株式会社のモバイルサイズの画像
    DETAIL

    ＪＦＥシステムズ株式会社

    投稿者の画像

    背景の縦線に沿って3列のグリッドにまとめられたデザイン！！

  • IHADA〈イハダ〉｜資生堂のPCサイズの画像
    IHADA〈イハダ〉｜資生堂のモバイルサイズの画像
    DETAIL

    IHADA〈イハダ〉｜資生堂

    投稿者の画像

    ユーザーに安心感を与えるクリーンな色合いのサイト。商品説明も分かりやすくパッケージもオシャレ。

  • 関西編集保安協会｜編集者を、西から生む。のPCサイズの画像
    関西編集保安協会｜編集者を、西から生む。のモバイルサイズの画像
    DETAIL

    関西編集保安協会｜編集者を、西から生む。

    投稿者の画像

    編集に関するトンボや赤ペンの修正箇所が変わっていくアニメーションがおもしろい！！

  • 餃子の王将 × RAGEBLUE (23SS) | RAGEBLUEのPCサイズの画像
    餃子の王将 × RAGEBLUE (23SS) | RAGEBLUEのモバイルサイズの画像
    DETAIL

    餃子の王将 × RAGEBLUE (23SS) | RAGEBLUE

    投稿者の画像

    FVや服の紹介用モーダルのアニメーションが独特で面白い！！

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

    デジタル庁

    CREATE - デジタル庁

    投稿者の画像

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

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

    Yusuke Fukunaga — Front-end Developer

    投稿者の画像

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

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

    ブルーハムハム | BLUE HAMHAM Official

    CREATE - 株式会社LIG

    投稿者の画像

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

  • 泉質アイドルユニット「おんせんし」公式のPCサイズの画像
    泉質アイドルユニット「おんせんし」公式のモバイルサイズの画像
    DETAIL

    泉質アイドルユニット「おんせんし」公式

    投稿者の画像

    セクションの区切波線を湯に見立てている面白い装飾 👍

  • ここち｜デザインパートナーのPCサイズの画像
    ここち｜デザインパートナーのモバイルサイズの画像
    DETAIL

    ここち｜デザインパートナー

    CREATE - 株式会社オンフ

    投稿者の画像

    トップページは本棚をイメージし、ドラッグすることで作品の詳細が閲覧できます。どの作品を見ようかワクワクしますね。

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

    Chatwork株式会社

    投稿者の画像

    企業ロゴを活かし、カラフルなカラーパレットを使用したサイトは、楽しさや創造性を伝えると同時に、ミッションに完璧にマッチしていると思います。

  • 側島製罐のPCサイズの画像
    側島製罐のモバイルサイズの画像
    DETAIL

    側島製罐

    CREATE - Spicato Inc.

    投稿者の画像

    背景のグラデーションが印象的なサイト

  • Fabio Ottaviani – Creative DeveloperのPCサイズの画像
    Fabio Ottaviani – Creative Developerのモバイルサイズの画像
    DETAIL

    Fabio Ottaviani – Creative Developer

    CREATE - Fabio Ottaviani

    投稿者の画像

    フロントエンドディベロップメントでさまざまな表現を試みるバリエーションの広さは必見！

  • 鯛のないたい焼き屋 OYOGEのPCサイズの画像
    鯛のないたい焼き屋 OYOGEのモバイルサイズの画像
    DETAIL

    鯛のないたい焼き屋 OYOGE

    投稿者の画像

    画像では伝わり難いですが、スクロールに合わせたアニメーションがオシャレ!