Christmas Event

single site | event

百貨店の催事の告知シングルページを制作しました。クリスマスのファンタジー感を演出するためiPadで描いたイラストを多く取り入れました。ライブラリーのtsParticleを使用し、降る雪を演出しています。

https://central-christmas.vercel.app

Design

Digital Illustration | iPad

百貨店のイベント用のサイトのため、見た目にインパクトとクリスマスらしさを充分に出したいと考え、手書き感のあるデジタルイラストをiPadで描きました。ページ全体に渡り、クリスマスの雰囲気作りを心掛けました。Photoshopで色味やサイズなどを調整してからwebサイト用へ出力しています。

Coding

Snow | tsParticles

JavaScriptで制作時は、ライブラリのparticle.jsを使用し、ページ全体に雪を降らせていましたが、Next.jsではバージョンの関係で表示されず、代わりにtsParticlesをインストールすることで解決できました。

Responsive | CSS

画像や文章量が多いので文字の大きさや画像のレスポンシブにとても苦労しました。CSSのclumpやmin関数などを使用し、サイズを色々工夫しながら調整して仕上げました。