担当領域
ブランディング、ライティング、デザイン/実装
開発
HTML/CSS JavaScript Swiper GSAP
プロジェクト概要
個人事業におけるブランディング確立として、ビジュアル面での差別化とユーザー体験を設計
制作期間
2ヶ月
実装内容
ビジュアルデザインの強化
- タイポグラフィの工夫とパララックス効果により、視覚的な奥行きを演出。
- グリッドレイアウトを基調としながら、適度な変化により単調さを回避した。
インタラクティブ要素の実装
- トップページのビジュアル切り替えに、雑誌のページをめくるような演出を実装した。
- スクロールイベントと連動したパララックス効果で、立体的な表現にした。
JSONを用いたデータ管理
- プロダクト詳細ページの情報をJSONで管理し、メンテナンス性を向上させた。
- 非同期通信による商品バリエーション切り替えで、UXを向上させた。
