和菓子屋サイト(訓練校グループ制作)

OVERVIEW

老舗和菓子屋の商品やイベント情報を掲載し、実店舗への来訪者数UPを狙うという設定の架空サイト。

YEAR 2023 - 2023

制作概要

制作時期:2023年8月

制作時間:総計約70時間

制作内容:illustrator/PhotoShopでワイヤーフレーム・デザインカンプ制作後、コーディング

ページ数:5ページ

サイト構成:トップ / お品書き/ お知らせ/店舗情報 / お問合わせ

使用ツール:VScode、illustrator、PhotoShop

使用スキル:HTML、CSS、JavaScript、jQuery

_____________________________________________________

実装した機能、工夫したこと

・ファーストビュー画像3枚が一定時間後、右から左へスライドするCSSアニメーションを適用。

・ページ全体を通して、文言・画像がスクロールに合わせてフワっと表示されます。背景には紅葉の葉が舞うアニメーションを適用しています。

・画面右には「TOPへ戻る」ボタンが表示され、押すと画面最上部まで戻ります。一番下までスクロールするとフッターのやや上で固定されます。

_____________________________________________________