Vessi
20〜40代の男女
デザイン/コーディング
2024年9月
HTML/CSS/Javascript/jQuery/Figma
メインビジュアルはカルーセル形式を採用し、スニーカーのデザイン性や機能性を効果的にアピールしています。これにより商品の特長が視覚的に伝わりやすくなっています。PC版でもユーザーの視覚体験を損なわないように、メインビジュアルを邪魔しないハンバーガーメニューを取り入れました。メインビジュアルには水を使った写真が多く含まれているため、その透明感を強調するためにテキストボックスには透明感を持たせフェードイン効果を加えました。これにより、視覚的な一体感と流動感を演出しています。 サイト全体のセクションにもフェードイン効果を取り入れ、ページのスクロールに合わせて自然にコンテンツが現れる工夫を施しました。セクションの見出しテキストにはマーカーを引くような下線を加え、注目させたいポイントが明確になるようデザインしています。さらにセクションごとに異なる色を使用し、コンテンツの区別がわかりやすく視覚的な楽しさも加わっています。 また、FAQセクションにはアコーディオンデザインを採用し、必要な情報を簡潔かつ整理された形で提供することでユーザーがスムーズに疑問を解決できるようにしました。