銀座 蔦屋書店 2020年クリスマス特設サイト

https://store.tsite.jp/ginza/christmas2020/

デザインとコーディングを担当しました。
（ワイヤーが元々あって、装飾を施しました）

長島伊織さんという若手ペインターさんが銀座 蔦屋書店のために油彩でクリスマスモチーフを描いてくださったので、それならサイトもキャンバス地にしたい！とbackground-imageはキャンバスの写真に、少しずつモチーフを散りばめました。

一番大事にしたのは、「スクロールしたくなること」！！
内容がたくさんで普通に組んでも20,000pxくらいになったので、とにかく下まで見てもらって好きな作品を見つけてもらいたい一心でした。

各パラグラフタイトルの冠もパスを切ってエフェクトをかけて作りました。
Architectureの[お問い合わせ]ボタンにはmailtouiを入れています。
季節感を出したくて雪を降らせました。
……としたら、内容が元々20,000px分ある上にjsも積んで読み込みがとても遅くなったので雪と相性の良さそうな丸がふぉんふぉんするloadingを入れました。

それと、実はSEOもひそかに頑張っていたので「銀座　クリスマス」で検索すると10位前後に出てきます。

2020年のクリスマスは終わってしまうけれど、今後もたくさんの人に見ていただけたら、作り手としては嬉しい限りです。

工事しながら走ります！

はじめまして！　ささめまです。
職業はサラリーマンフロントエンドエンジニアです。

素敵な配色やマウスオーバーエフェクト、見てて楽しいjavascriptなど、WEBサイトデザインやコーディングに役立ちそうなアイデアや制作技術をブログとして書き溜めていこうと思います。
（あと、デジタル/フィジカル問わず、作っているものの途中経過などを残したいです）

ある程度書き溜めたらcss / javascript見本帳を作って
「WEBデザイン、迷ったらここ」
と言えるようなサイトにしたいなあ(果てしない夢)。


綺麗なデザインに仕上げてから走り出したい気持ちはあったものの、如何せん走り出したい気持ちの方が強かったので(笑)
このまま工事しながら走ります^^

WEBサイト制作の知識を貯めるぞー！！！！！！
ではでは。