包装資材メーカー（可愛い系・ふつうの縦長）のWebデザイン見本

パン屋・和菓子屋・雑貨店など、小さなお店の店主や商品担当。「かわいい箱を、少ない数から頼みたい」。箱を開けるときのうれしさをそのままページにし、小ロット・相談しやすさを伝えて問い合わせへ。


業種	製造・BtoB
系統	可愛い系（丸い角・太い線とずらした影・明るいオレンジと黄・弾む動き・シール）
テイスト	ナチュラル・やさしい／かわいい
色	オレンジ・黄（クラフト紙の色と）
形	ふつうの縦長
スライド	Swiper（`vendor/swiper-bundle.min.js`・MIT）：商品のラインナップ。点・矢印・キーボード・自動送り（止めるボタンあり／動きを減らす設定では送らない）。JSなしは指で横に送れる並び
メインビジュアル	コラージュ：箱・紙袋・包装紙の切り抜き写真、パンの切り抜き、丸や星の図形、シールの文字を重ねる
アニメーション	あり（GSAP＋ScrollTrigger）
演出の型	A09 切り抜きのコラージュが奥と手前で違う速さで動く／A12 点描の地球が日の出のように昇る（全国と海外への出荷）
架空の会社	「ハコット紙器（HAKOTTO）」— 〇〇県の、紙箱と紙袋を小ロットから作る会社

だれに向けたページか

パン屋・和菓子屋・雑貨店など、小さなお店の店主や商品担当。「かわいい箱を、少ない数から頼みたい」。 箱を開けるときのうれしさをそのままページにし、小ロット・相談しやすさを伝えて問い合わせへ。

メインビジュアル（A09・コラージュ）：中央に「つつむと、うれしい。」。周りに箱・紙袋・包装紙・クロワッサン・メロンパンの切り抜きと、丸・星・リボンの図形。読み込みでポンと弾んで出て、スクロールで奥と手前が違う速さで上がる
ハコットのこと：小ロット（〇〇個から）・デザイン相談・紙の素材
ラインナップ（Swiper）：箱・紙袋・包装紙・テープとシール・緩衝材・オーダーの6枚
導入事例：パン屋・和菓子屋・カフェの写真3枚（店名は伏せる）
出荷（A12）：夜空の区切りの下から、点描の地球が日の出のように昇り、ゆっくり回る。「全国〇〇都道府県・海外〇〇か国へ」
ご注文の流れ：4段の丸い番号
お問い合わせ：見本のお取り寄せボタンと電話
フッター：「この会社は架空です（デザイン見本）」

箱・紙袋・包装紙（新・切り抜き）／クロワッサン・メロンパン（010 から・切り抜き）／パン屋の店内（010）・和菓子屋（009）・焼き菓子（001）。