2026年02月19日～
制作物：JavaScriptを使った動的ページサイト
テーマ：ドーナツショップ
参考サイト：https://racines-b-s.com/
店舗名：Felica Bread&Salad
メインコピー：自然の恵みを味わう、おいしいご褒美
リード文：厳選されたオーガニック素材で作るフレッシュなサラダと、職人の手仕事で焼き上げたドーナツ。口にした瞬間、自然の甘みが広がります。毎日の暮らしに、ちょっとした幸せを。
ページ構成
シングルページ
掲載するコンテンツ
・ヘッダー（店舗名、pcナビゲーション、SNSのリンク）
・sp用ナビゲーション
・メインビジュアル（4枚をフェードで切り替え）
・お知らせ（3件、ajaxで外部データを取得）
・私たちについて
・パララックス（iOS対応させる）
・商品情報（3つ、モーダルウィンドウで表示）
・店舗情報（GoogleMap、電話番号のリンク）
・系列店のリンク6件
・フッター
制作ポイント
・ヒーローヘッダーに4枚の画像がクロスフェードで切り替わるアニメーションをjsで実装する
・更新頻度の高い部分を別ファイルにして非同期通信(ajax)で呼び出す
・西暦のデータを動的に取得しフッターに表示させる
用意する画像 合計14枚
・ヒーローヘッダー用画像4枚 (Mサイズ1920x1080程度、webpに変換)
main-1.webp,main-2.webp,main-3.webp,main-4.webp
・パララックス用画像1枚(Mサイズ1920x1080程度、webpに変換)
parallax.webp
・商品画像3枚(800x600にトリミング)
item-1.jpg,item-2.jpg,item-3.jpg
・shop情報6枚(sサイズ600x400程度)
shop-1.jpg,shop-2.jpg,shop-3.jpg,shop-4.jpg,shop-5.jpg,shop-6.jpg
