きのこさんのサイト100選

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

【23 阿蘇くまもと空港】すっきりしていて、使いやすい!背景色の視点なかった!

f:id:szkmw:20180724084758p:plain

www.kmj-ab.co.jp

雲がもくもく。曲線づかいがおしゃれ。

空港=空のイメージにぴったり。

キャラクターも使っていながらガチャガチャしていないところがいい。

 

注目すべきは、このアクセシビリティの高さ

f:id:szkmw:20180724085238p:plain

多言語はもちろん、よくある文字サイズの変更に加えて、

色彩の得意不得意(色覚障害)のある方の配慮

背景色を変えるだけで、見え方がぐんと快適になる方がいるという。

 

www.webcreatorbox.com

色の名前の併記、柄を入れる…。

はーなるほど、まだまだ勉強が必要だ〜。

 

【22 ハッピーターン】赤×黄色=元気でおいしそう。

f:id:szkmw:20180723222851p:plain

www.happyturn.com

あれ!ターン王子がフラットデザインになってる!
前はもうすこし立体感ある感じだった。

流行に合わせてイメチェンしたのね、王子。

 

やっぱり赤×黄色の組み合わせは

おいしさと親しみやすさがいい塩梅で表現される。

「今日は〇〇の日」みたいなの、久しぶりに見た!
懐かしいかんじが、ハッピーターンにぴったり。

 

気になったのが、ここ。

f:id:szkmw:20180723223022p:plain

 

コンテンツの囲みに1pxくらいの赤色が入っているけど、
これ、変な感じするな…
背景に色を入れる、または

コンテンツのbackgroundに色入れて区切りのほうが
おしゃれなきがする。

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

f:id:szkmw:20180723084143p:plain

とんがってる~~~!おもしろいデザイン。
折り紙をぺたぺたはりつけてるみたい。

画像を引っ張ってみると水平な正方形がこんにちは。

CSSをみるとがっつりポジションで組んでる。

斜めに配置するのか、なるほど〜。


影はつけていないけど、のっぺりとなっていないのは

奥行きを感じる背景にしているからだろうか。

ホバーの動きがあれば、もっと面白い気がする。

スマホ用もきれい!

f:id:szkmw:20180723084145p:plain

【20 日本化学工業株式会社】このサイトに来る人は何を目的に来るのか?

f:id:szkmw:20180722133848p:plain

 

f:id:szkmw:20180722133916p:plain

www.nippon-chem.co.jp

緑 × 空の背景
親しみやすい感じ。

左にメニューが固定されていて、
情報へたどり着いた後も迷子にならない工夫がされている。


トップページに検索があるのは、
この会社のこまかな情報を検索をしに来る人が多いからだろう。


このサイトに来る人は何を目的に来るのか?
常に考えるべき最重要項目だと再認識。

 

ENGLISHボタンの位置がわかりにくいように思う。

たいていのサイトでは言語のボタンは右上にあるから、

このサイトの左下っていうのはあれ?と感じた。

「お問い合わせ」くらい大きくしてもいいんじゃないかなあ。

 

【19 キリン#カンパイ展】青文字系っぽいポップなサイト

f:id:szkmw:20180720114549p:plain

 

おー、女性ウケよさそう!!

線画っぽい、サブカルっぽいこの系統のイラスト、

なんていうんだろう?

いわゆる青文字系雑誌っぽい感じ。(青文字系雑誌って死語…?)

 

直線的ではない視線誘導がおもしろい。

がたごとの並び。

f:id:szkmw:20180720114908p:plain

 

ピンク系の写真にピンクの文字

青系の写真に青の文字

写真と文字色をまとめると、カラフルでも一体感がある!

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

f:id:szkmw:20180720095248p:plain

きれい。

典型的なグリッドレイアウトを使いつつ、

ラインナップ、ピックアップコンテンツ〜と

内容ごとでレイアウトを変えているから、

ぱっと見で情報のかたまりがわかりやすい。

 

グリッドレイアウトの中に動画っておしゃれだな〜。

動画もあるのに、一番大きな写真は「バニラの静止画」

今治タオルの白いタオルのような、

カップラーメンのしょうゆ味のような、

ブランドイメージを集約させたアイコンとしての存在なんだろうな。

かっこいい…。

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

f:id:szkmw:20180719100810p:plain

www.frisk.jp

 

ふぉーかっこいい。
フリスクのロゴにもあるブランドイメージ、スピード感がでてる!

フリスクの粒のような丸のボタンがかわいい。


ページを進むと、区切り区切りで止まる効果はどうやってつくるんだろう?


コンテンツの話。
FRISK JOURNAL」、すっごくおもしろい。

 

f:id:szkmw:20180719101032p:plain


イデアの刺激が力をくれるをキーワードに、
NHKのプロフェッショナル的なコラムが公開されているコーナー。

こういう商品のブランドサイトって、
一度みれば「ふーん」でおわってしまいがち。
新着情報!とか、キャンペーン情報!ってあっても、
よっぽどのファンでもなければ、ブックーマークに登録されることはまずない。

その点、この「FRISK JOURNAL」は、すごい。
また来たくなる。
月に約一度の更新を楽しみに、またきたいブランドサイトになってる。