たこすけのサイト100選

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

中年層

【No.50】SIXPAD Station 【イメージを強く伝える】

www.sixpad-station.com 【気がつきリスト】 ・黒背景。最近よく見かける最先端と高級感を伝える色使いだ。ここは、オレンジを差し色として使っている。黒とオレンジは意外に良く映え、エネルギッシュなイメージも伝わってくる。人間の心臓というか血液の流…

【No.49】タクベル【内容をシンプルに伝える】

taxibell.jp 【気がつきリスト】 ・こちらもまた、左固定メニューのデザインになっている。専用アプリがある時はダウンロードのリンクを目立つようにたくさん配置するデザインになるのだろうか。今まではこのタイプのサイトをあまり見てこなかったから新鮮な…

【No.48】京懐石 美濃吉【和食のためのデザイン】

www.minokichi.co.jp 【気がつきリスト】 ・和食系はよく見てしまう。やはり写真の綺麗さと、食品とは思えない芸術性の高さが私は好きだ。 ・左に固定のメニューを細く使っている。普通は上側にナビゲーションがあるから画面が狭くなって見えてしまう。和食…

【No.38】Peach 採用サイト【働きたくなるデザイン】

recruit.flypeach.com 【気がつきリスト】 ・紫がメインに合わせるのは黄色でとてもおしゃれ。 ・縁のないボックスが隙間なく配置されているレイアウトはデザイン性とても高い。ただ自分がやるとなると難しいんだろうなと思う。写真もデザインの構成にキッチ…

【No.37】おかやま丸の内法律事務所【安心安全清潔】

ok-maru.jp 【気がつきリスト】 ・右から30%くらいを固定にしたデザイン。スクロールするまで気が付けないので、とても驚いてしまう。 ・法律事務所を調べる人はどんなことを考えるのだろうか?ここの雰囲気は、誠実そうで清潔そうで感じが良い。最初の印象…

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

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

【No.34】京料理 六盛【歴史を感じる色使い】

www.rokusei.co.jp 【気がつきリスト】 ・イケサイにて発見。 ・サムネイルを眺めていた時に、圧倒的に綺麗な紫色に惹かれて思わずクリックしてしまう。調べて見るとどうやら『江戸紫』という伝統色らしい。文字色はその補色を使っている。 ・キービジュアル…

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

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

【No.30】ニュース速報:読売新聞【情報をレイアウトするということ】

www.yomiuri.co.jp 【気がつきリスト】 ・普段はSPから見ているニュースサイトのPC版でした。とにかく文字が多い。一瞬うわっ!と文字の多さに驚くけれど、自然と真ん中の最新ニュースに目がいく。なぜだろうか。 ・コンテンツがあまりにも多いので、ほとん…

【No.28】Seven Cafe【俺はハードボイルド!】

www.sej.co.jp 【気がつきリスト】 ・緑色のヘッダーと最初に目に入る『深み』という文字から、なんとなく生豆を煎っているイメージが頭に湧いてくる。 ・商品を手で持つこのイメージは何を表しているのだろうか?手の感じはくたびれた男の手だろうか。渋い…

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

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

【No.21】企画展『昆虫』【昭和のヒーロ感】

www.konchuten.jp 【気がつきリスト】 ・ナビゲーションにホバーすると蝶のシルエットが背景に出る。こうやってモチーフを出しても役割を果たせるということに驚き。気がつかなかった。 ・キービジュアルの一部がクリックできる様になっている。手元がきにな…

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

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

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

acuvue.jnj.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.7】JetStar【テーマカラー重視】

www.jetstar.com 【気がつきリスト】 ・コーポレートカラーのオレンジを基準に作っている ・ヘッダーにフライト検索がある。ここにあったら下の方のコンテンツはあまり見られない気がする。だけど、ここで最初に検索されなかったら別の会社に流れてしまうか…

【No.5】丸亀製麺【おしゃれな縦書き】

www.marugame-seimen.com 【気がつきリスト】 ・キービジュアルに少し大きめのサムネイルが付いている ・Gナビに公式アプリのページがある。よっぽどDLしてほしいようだ。 ・商品単体の切り抜き画像で統一されている。陰影や光が強調されている。 ・店舗検索…

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

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

【No.3】サンマルクカフェ【シンプルに】

www.saint-marc-hd.com 【気がつきリスト】 ・すごくシンプルでわかりやすいレイアウト ・なぜか余白が多い ・キーヴィジュアル、次の画像が少しだけ見えている(わざと?) ・ツイッター、インスタ。訴求したいのは若者なのか?その割にデザインはお堅い大…

【No.1】東急セルリアンタワー【大人デザイン】

www.tokyuhotels.co.jp 【気がつきリスト】 ・幅のあるコンテンツに、画面幅のキーヴィジュアル ・白が基調 ・見出しなどは明朝体(黒)、それ以外やナビゲーションはゴシック体(グレー) ・画像をホバーすると薄く白になる ・ボックスには薄く影がついてい…