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

銀座蔦屋書店2020クリスマス特設ページのファーストビュー
銀座蔦屋書店2020クリスマス特設ページのファーストビュー

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

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

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

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

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

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

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

作成者: SASAMEMa

暇さえあればボードゲームをしているホワイティ企業のフロントエンドエンジニアです。本当は絵を描いたり刺繍をして暮らしたいです。

コメントを残す

メールアドレスが公開されることはありません。