きのこさんのサイト100選

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

雰囲気:クール

【21 小玉醸造株式会社】とんがってる!ポジションレイアウト

とんがってる~~~!おもしろいデザイン。折り紙をぺたぺたはりつけてるみたい。 画像を引っ張ってみると水平な正方形がこんにちは。 CSSをみるとがっつりポジションで組んでる。 斜めに配置するのか、なるほど〜。 影はつけていないけど、のっぺりとなって…

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

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

【16 東邦チタニウム株式会社】なんかすごいことしてそう!

B to Bの企業はサイトってわかりにくいイメージがあったけれど、 ここは直感的にわかる!「なんかすごいことしてそう!」。はじめてみたのは、ナビゲーションの項目ひとつひとつに画像が設定されていること。 ホバーすると文字の色が変わって、画像も薄暗く…

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

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

【10 プーシキン美術館展】さすが美術展のサイト。美しい!

pushkin2018.jp すごい!絵画が踊ってる! 左右にあるドアボタンを押すと、絵画を動かせる。 ポチポチポチポチ…わわわ、たのしい!! どうやってこの動きをつくるのかな。 ドアのノブも含めて、ファーストビュー全体が アシンメトリーになっていて、調和がき…

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

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

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

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