CookieHolic

クッキー専門店 | シングルページ

自主制作

架空

PC対応

スマホ対応

pc画像
sp画像

目的

韓国のクッキー専門店の人気を背景に、実店舗への来店を促すとともに、オンラインショップでの購入も促進し、売上向上を目指す。

ターゲット

韓流ブームを背景に、トレンドに敏感な10〜30代の女性。

技術の導入

キーフレームによるアニメーション演出と、各セクション要素のフェードインでふわっと表示させることで、ユーザーが楽しみながら閲覧できるサイトを目指しました。メインビジュアルには大きなクッキーを配置し、横に揺れる動きを加えることで、かわいらしさと楽しさを演出。さらに、各セクションの間にアイキャッチを挿入し、飽きずに見続けられる構成にしています。

アニメーション

キーフレームを用いた回転やエンドレススクロールのアニメーションを実装し、動きのあるデザインを実現。ユーザーが視覚的に楽しめるよう、飽きのこない表現を意識しました。

使用言語 / ツール

HTML / CSS / JavaScript / Git.Github

制作時期

2025年8月11日~8月28日(入校4ヶ月目)

制作期間

デザイン/

約36時間

コーディング/

約48時間

pcサイズ作品画像
spサイズ作品画像
矢印 矢印