たこすけのサイト100選

サイト100選です。ぼちぼちがんばります。

中価格

【No.44】Mercedes-Benz【第一線の高級感】

www.mercedes-benz.com 【気がつきリスト】 ・わたしは、黒背景を見ると、『技術』『高級』『最先端』というイメージを持つ。 ・大企業のサイトでヘッダーが固定にならないのはめずらしいかもしれない。載っている情報は、これから買う人というよりはオーナ…

【No.40】東芝 REGZA【これぞ日本】

www.toshiba.co.jp 【気がつきリスト】 ・まず、情報量がめちゃくちゃ多い。パッと見ただけで目がチカチカしてしまった。情報量が多い上に、知らない商品のことばかりなので、アラビア語を見ている気分になってくる。 ・4kや高画質が売りの商品を紹介するの…

【No.35】OZmall オズモール【女性らしさというデザイン】

www.ozmall.co.jp 【気がつきリスト】 ・レストランやホテルから、レジャーやエステまでなんでも予約ができて便利なオズモール。特に若い女性がターゲットのサイトなので、男が見ると世間の動きがわかって面白い。世のオッサン達は毎日欠かさず見た方が良い…

【No.26】栃木レザー株式会社【迫力と熱意】

栃木レザー株式会社 【気がつきリスト】 ・横幅いっぱいでブロックを区切っただけのレイアウト。 ・あかとおれん ・黒とオレンジがテーマカラーになっている。全体が暗すぎて少し見にくい気がする。 ・画面をスクロールするとコンテンツが浮かび上がってくる…

【No.25】SHURE【シンプルで美麗】

www.shure.co.jp 【気がつきリスト】 ・ファーストビューの背景は黒になっていて、スタイリッシュに見える。少し下にスクロールすると明るいグレーになり、雰囲気は残したまま情報のみやす状態になる。背景色でイメージを切り替えるというのも一つの選択肢。…

【No.22】プラチナ万年筆【これぞグリッド】

プラチナ万年筆 【気がつきリスト】 ・グリッドレイアウト!大きさも大中小と揃っていて綺麗。だけどなんとなく見にくい気がする。文字が多いのと、各ボックスの中身に統一感がないからかもしれない。 ・ヘッダーに検索ボックスとSNSのボタンがついている。…

【No.20】KOKUYO【カラーの統一】

www.kokuyo.co.jp 【気がつきリスト】 ・大企業のサイトでは珍しくグレーの背景。黒文字が少し見にくいけど、落ち着いた印象に見える。 ・注意喚起の広告は赤背景に黄色文字。色がパッと目に入って思わず読んでしまう。 ・フッターのサイズがかなり大きい。…

【No.18】Huawei Japan【枠からはみ出す】

www.huawei.com 【気がつきリスト】 ・ほとんど飾りがなく、商品の立体的な画像があるだけ。最近はこのパターンのシンプルな広告がよく目につく。 ・アイコンで表すだけじゃなく、商品画像をサムネイルとして使ってわかりやすく内容を表している。 ・ブロッ…

【No.17】小田急ロマンスカー【予約が一番】

www.odakyu.jp 【気がつきリスト】 ・ヘッダーに運行情報が速報形式ででている。一番知りたい情報が1番目にきているのはとてもありがたい。 ・白と青がメインで、オレンジと緑がアクセントで加わっている。画像部分までこの配色にこだわっているので統一感が…

【No.15】高倉町珈琲【店のカラーを出す】

takakuramachi-coffee.co.jp 【気がつきリスト】 ・シンプルで高級感ある、お手本のようなデザイン。 ・キービジュアルとナビゲーションがくっついている。 ・ナビゲーションのボーダーがホバーすると遅れてついてくる。 ・店舗画像の上でホバーすると住所が…

【No.14】珈琲所コメダ珈琲店【味のあるデザイン】

www.komeda.co.jp 【気がつきリスト】 ・キービジュアルが立体的になっている!これはすごい! ・和風テイストのお店なのでテキストコンテンツは縦書きになっている。とても目を引く。 ・レイアウトが斬新。画像がはみ出したり、横長と四角のバナーリンクで…

【No.13】本麒麟【目に止まるLP】

www.kirin.co.jp 【気がつきリスト】 ・なんといっても、赤い背景にビールの気泡。濃いめの赤なのに人物や文字が埋もれてしまわないようになっている。 ・ナビゲーションが下まで画面上部に固定されるようになる。 ・あしらいに金色が使われている。 ・ビー…

【No.12】ZOZOTOWN【探しやすいEC】

http://zozo.jp/ 【気がつきリスト】 ・セールの広告がヘッダーで帯のようになっている。クーポンも同じ。人が最初にきになるのは、「今どんなキャンペーンをやっているのか」ってことなのか? ・商品紹介の画像は、全部縦が長い長方形になっている。どうし…

【No.10】東武百貨店 池袋店【統一感を重視】

www.tobu-dept.jp 【気がつきリスト】 ・キービジュアルが特徴的。二分割して二種類の宣伝が目に入るようになっている。 ・2番目のコンテンツは動画。音無し自動再生。上側は動きのあるものが集まっている。 ・百貨店だけあって、取り扱っている商品が多いの…

【No.9】サカゼン【バナー推し】

【気がつきリスト】 ・とにかく見やすいデザイン ・白と濃紺がメインカラー、合わせる色は黄色と赤 ・キービジュアルは目を引くタイプではなく広告的。季節商品、セール品情報と最後に就活商品。 ・縦の列として数えると偶数になっている。奇数の方が選ばれ…

【No.8】ロート製薬株式会社【信頼の青】

www.rohto.co.jp 【気がつきリスト】 ・キービジュアルがおしゃれ。幅が1:2くらいになっているのか。空欄に手書きで文字を書き込むデザインが目を引く。 ・大きめのサムネイル、見出しに短い下線というボックス内のデザインは、前に調べたセルリアンタワ…

【No.6】三菱鉛筆【カラフルでも良い】

www.mpuni.co.jp 【気がつきリスト】 ・キービジュアルのペンを並べる表現、どんな意味があるのだろうか? 円を描くようにして、カラフルに並べている。 ・ヘッダーに文字サイズを三段階で変えることができるボタンがある。文房具は受ける年齢層が幅広いから…

【No.4】福砂屋【スタイリッシュな和の心】

福砂屋オフィシャルサイト 【気がつきリスト】 ・キービジュアルに動きがあってそこがナビゲーションも兼ねている ・動画が用意されている。職人『芸』は言葉よりも動画の方がよく伝わる。 ・日本向けページは最新情報がメイン ・背景が単色じゃなくてうっす…