クロッカンシュー ザクザク 洋菓子 プロモーションサイト -30 ザクザク切りのコンテンツ。下に下に向かいたくなる。 ザクザクとしたななめ切りのレイアウト モノトーンの中に水色のアクセント 黒縁の写真 zakuzaku.co.jp するすると一番下までスクロールした…

www.edogawa-juukou.com このサイトデザイン、たまらなく好きだ！ むつかしいレイアウトで作られたインパクトではない。 backgroundがfixedにして、スライドしてる構成。 わりと、よくある作り。 では何がインパクトあるかって、 それはもう背景の浮世絵！ …

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

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

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

www.edo-tokyo-museum.or.jp 縦書きナビゲーション！和！ 「注目の展覧会」「お知らせ」…見出しも縦書き。 ソースをみてみると、imgで入れている様子。 CSSではむつかしいよね… 白の背景でも、うっすらと和柄が入っているところも。 うっすら、というのがお…

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

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

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