きのこさんのサイト100選

いいサイトを作りたいから、いいサイトからたくさん学ぶ!

種別:ブランドサイト

【25 カウブランド 赤箱】イマドキ感、これでもか!!

www.cow-aka.jp え!?牛乳石鹸って青じゃないの…? と思ったら、関西は赤、関東は青が主流だそうです。へええええ。 昔からある牛乳石鹸。 グッドデザイン賞、アットコスメ、「〇〇女子」… 若い世代の女性にアピールするためのイマドキ感を これでもか!と…

【18 ハーゲンダッツ】動画<バニラの静止画

きれい。 典型的なグリッドレイアウトを使いつつ、 ラインナップ、ピックアップコンテンツ〜と 内容ごとでレイアウトを変えているから、 ぱっと見で情報のかたまりがわかりやすい。 グリッドレイアウトの中に動画っておしゃれだな〜。 動画もあるのに、一番…

【17 FRISK】またきたいブランドサイト

www.frisk.jp ふぉーかっこいい。フリスクのロゴにもあるブランドイメージ、スピード感がでてる!フリスクの粒のような丸のボタンがかわいい。ページを進むと、区切り区切りで止まる効果はどうやってつくるんだろう? コンテンツの話。「FRISK JOURNAL」、す…

【14 ミノン】ちょこん、ちょこんと

ほんわか、かわいい。 真っ黒(#000000)がない。 まじめさや、和の雰囲気のときの他に、 こんな風にやわらかさを出す時も、明朝体の出番なのだな。 淡い色で明朝を使うと、線の細さも手伝ってかわいくなる。 スカルプDのときとちがって、商品もちょこん、ち…

【13 ラムネ/森永製菓】単色でポップ。ボタンの動き、まねしたい!!

スーパーかわいい!!! 白地に、まる、さんかく、てんてん… 色は青みどり?水色?の青系のラムネカラーに、 ロゴの赤色。のみ。 「ポップさ≠カラフル」なんだな〜。 森永のHPにブランドサイトはこちらってあって、 このページに飛んだけど、 このページでブ…

【11 スカルプD】堂々とした強さを感じる

黒だけど、暗くない!クール。 「LINE UP」「CONTENTS」「NEWS」と 太めのゴシック英字の下に、 ちょこんと添えられたカタカナが親切。 お!でました! コンテンツのimg、ななめ切り! 堂々とした強さを感じる。

【08 instax SQUARE SQ 10】主人公は商品。商品を投影しているサイト

CMでみた、「正方形の写真が取れるチェキ」。 instax.jp このサイトでの主人公は、もちろん「商品」。 商品をひきたてるための、文字。 商品で撮った写真を引き立てるための、色。 こんなにすごい綺麗な写真が撮れます、ドーーーン!! という種類のカメラと…

【07 森永 甘酒】和風でイマドキ 秘密はどこにある?

www.morinaga.co.jp 「和風で古い・ダサい」と、 「和風でイマドキ・おしゃれ」のちがいはどこにあるのだろう。 和の雰囲気ってどうしても古めかしさがついてきてしまう。 そこをいまっぽくする秘密は、どんなものなのだろう。 すご〜〜〜く、おしゃれ! い…

【06 スキマスイッチOFFICIAL WEBSITE】スイッチを押すと…

www.office-augusta.com みごとなまでの、THE・グリッドレイアウト! シンプルだな〜と思ったら、 一番下のボックスにある「スキマ・スイッチ」を押すと… スキマがあく!!!!! おとずれたひとをくすっとさせる仕掛け、すてき! (ちなみにスイッチつなが…

【05 うんこ漢字ドリル】おふざけだけど、中身はまじめ。

unkokanji.com なんてゆかいな世界なの!ポップ〜! ネオンのような黒×原色の次は、柄、そして原色の背景がずっと続いて、 それはそれはポップな世界。 だけど文字は黒一色。しかも、教科書体。まじめ! ぱっと見はおふざけだけど、コンテンツはすご〜くまじ…

【03 ポカリスエット】白と、青の濃淡。何よりも先に画像がどーん!

さわやか〜〜!! 色は白と青の濃淡だけ。 ナビゲーションの背景にがフラットデザインというのだろうか、 影やグラデーションのない単色でイマドキ感がつよい。 社名より商品名よりナビゲーションより上に、キービジュアルがどーん。 ブランド力に対する自信…

【02 ゼスプリ キウイフルーツ】元気!明るい!ポップ!

www.zespri-jp.com 開いた瞬間の印象は「元気!明るい!ポップ!」。 左上から右下へ、右上から左下へと斜めの角度がついていることで、 視線が自然と下へ下へと向かっていく。 全体的にリズムがあっておもしろい! キービジュアルは平行四辺形でとがってい…