たこすけのサイト100選

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

製造業

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

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

【No.42】UCC【会社らしさを前面に】

www.ucc.co.jp 【気がつきリスト】 ・プレーヤーなしの動画がキービジュアル部分に来ている。雰囲気やイメージを伝えるのにはやはり動画が一番いいと思う。SP版では一般的なスライダーに切り替わる。これから通信コストが下がっていけば、SP版にも動画コンテ…

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

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

【No.39】Dyson japan 【過度にシンプル】

www.dyson.co.jp 【気がつきリスト】 ・情報が表にほとんど出ていないし、動きもほとんどないデザイン。美が強みのダイソンなのにウェブサイトは驚くほどシンプル。 ・ただ、見たいコンテンツは探しやすくなっている。製品のキャンペーンや保証状況は一目で…

【No.36】生茶氷と出かけよう【世界観を軸にする】

namacha-special.kirin.co.jp 【気がつきリスト】 ・縦書きがボトルと揃っていて面白い。イケサイをみていると、右側を固定したデザインがよく出てくる。最近の流行りなのか? ・縦書きで原稿用紙と同じ右から書き始めるデザインは、少し読みにくいと感じて…

【No.32】トヨタ クラウン【未来を感じるサイト】

toyota.jp 【気がつきリスト】 ・高級セダンのホームページといえば、夜か高層ビルか首都高のような背景になっていて、都会的なスタイリッシュさを表現しているものが多かった。新型クラウンは、まさかの無地。背景も水色で、重厚さはまったくない。 ・スラ…

【No.27】Procter&Gamble【世界の大企業デザイン】

http://us.pg.com/ 【気がつきリスト】 ・色が白と青の二色で統一されていて、赤やオレンジなどは画像で使われている。 とても綺麗な対比になっていて目を引く。 ・最新情報が一番下の段に来ている。基本はニュースリリースのはずだけど、ブログ記事がトップ…

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

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

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

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

【No.23】コカ・コーラ【予想外のデザイン】

www.cocacola.jp 【気がつきリスト】 ・すごい。トップが画面サイズだけ。スクロールができなくて驚いた。コカコーラくらい載せるコンテンツが多いと、逆にトップページはシンプルな方がいいのかもしれない。どうせ載せきれないほど新商品も出ているしキャン…

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

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

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

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

【No.19】nepia【やさしい感触】

ティシュ, トイレットペーパー, やわらかハート ネピア 【気がつきリスト】 ・青系の色使いにナビゲーションのピンクがアクセントになっている。 ・キービジュアルの上に乗っているリンク、はじめてみた。一目に入る情報が多くて、リンクになっているので便…

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

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

【No.16】使い捨てコンタクト アキビュー【機能性重視】

acuvue.jnj.co.jp 【気がつきリスト】 ・コンタクトレンズ最大手なはずなのに、そんなに派手なデザインではない。コンタクト買いたいと思う人はメーカーの公式にあまり来ないのかな?目的のある人にはわかりやすいかもしれない。 ・オンラインストアと商品検…

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

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

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

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

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

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

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

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