サイトのご紹介

デザイナーの@shoco_designさんよりコーディング練習用として頂いたデザインの実装をしました。
デザインを忠実に再現した上でローディングアニメーションやスライドショーを追加で実装することで少しリッチな印象にしています。

実装機能のご紹介

★ローディングアニメーション
サイトを開いた際のアニメーション。シンプルにメインカラーを背景にロゴを表示させるオーソドックスな実装です。

★スライドショー
サイトのメインとなるファーストビューにスライドショーを実装し、商品をアピールできる仕様にしております。写真の切り替わりをフェードインアウトにして綺麗めな雰囲気にしています。