クロッカンシュー ザクザク 洋菓子 プロモーションサイト -30
クロッカンシュー ザクザク 洋菓子 プロモーションサイト -30
ザクザク切りのコンテンツ。下に下に向かいたくなる。
- ザクザクとしたななめ切りのレイアウト
- モノトーンの中に水色のアクセント
- 黒縁の写真
するすると一番下までスクロールしたくなる、ななめ区切り。
同一方向のななめ切りが多い中で、
このサイトでは右へ、左へとななめ切り。
ザクザクという店名通りのザクザクとしたレイアウト。
ごくごくわずかなところに使われている
アクセントカラーの水色が映える。
ほとんどの写真は切り方が工夫されていたり、切り抜かれている中で、
NEWSの写真はただの長方形型。
その写真に黒縁があることで統一感が出てる!
for-myself.hatenablog.com
for-myself.hatenablog.com
for-myself.hatenablog.com
【29 サマージャンボ】大きくて、はっきりしてる
夏だ!
なんだろう、すこし昭和っぽさがある。
(想像の昭和)
下までざーっとみて思ったことが3つ。
1.文字が大きい。
2.リンクやボタンが大きい。
3.「詳しくはこちら」「→」など
これより先にもコンテンツがありますよ~と併記されている。
「more」とか、英語じゃない!
ターゲット層は高齢の方。
もちろん高齢の方が使いやすくなくちゃね。
この記事、すごく勉強になった。
【28 江戸川重工】浮世絵がどーん!このサイト、超好き。
このサイトデザイン、たまらなく好きだ!
むつかしいレイアウトで作られたインパクトではない。
backgroundがfixedにして、スライドしてる構成。
わりと、よくある作り。
では何がインパクトあるかって、
それはもう背景の浮世絵!
あとは、黒の使い方。うっすら文字を入れたり。
イケてるサイトって、
自分が知らない魔法の技術が使われているんだ!
(=だから手が届かないプロのもの)
って少し前まで思っていたけれど、
3ヶ月学んだだけである程度の作り方は想像できて。
つまり何が自分に足りないかって、技術とは違うもの。
デザインの知識と、その組み合わせなのかもしれない。
「アイデア」とか「センス」じゃないのよね〜。
黒のGoogleマップ!
GoogleマップのカスタマイズはjQueryでできるという!
マップまで雰囲気をそろえる。
すごい!惚れる!超好き!
【27 リブセンス】手紙のようなトップページ
人材系のサイトって、印象がいちばんというか。
事業が、手に取れるモノではないから、
イメージ写真がほとんどを占めるようなサイトが多い。
そんなサイトが多い中で、ここは「文字」。
メッセージを前面に押し出す、手紙のようなトップページ。
ファーストビューの手書き文字と、
フッターの手書き文字。
はじめと最後の、ここぞ!というところで手書き文字を使っている。
あれもこれも手書き文字のサイトをみるけど、
特に信用サービス系でカチッとした感じを崩さずに
手書き文字を使うのは、このくらいがちょうどなのだろう。
手書き文字、イマドキだし、なによりあたたかさがでるな~。
【26 星のや】ドキッとするほどの特別感
ロード中のお月さまからもう、ドキッ。
特別感が満ち溢れてる。
大きな写真。ゆったりとしたスペース。中央寄せ。
シャドウを入れなくてもこれだけ白文字が目立つってことは
けっこう写真の明るさを落としているんだな。
隙間なく写真を敷き詰めるの、きれいだな~。
最低限の文字で、写真が主人公。これこそ特別感。
でもこれが、「軽井沢」「京都」…と
地名だけだとだめなんだよな。
これより文字は削れない、極限まで引き算したトップページ。
英語切り替えがフッターに追いやられてる。
そんなに縦長でないサイトなら、それもアリなんだな~。
【24 あいうえぶ】わくわくする。すごい。
あー!わくわくする!
「あたらしい学びになれば」と立ち上げた
個人プロジェクトだという。すてき。
動きはJavaScriptを使っているそう。
画像の切り替えの部分の紙がちぎれた感じ?
ほわっとした感じ、かわいいな。
方眼紙風の背景、使えそうだな〜。
個人プロジェクトか…!
なんかすごく触発された。
私もなにかやってみたくて、うずうずしてきた。
とってもとっても素敵なサイト。