担当範囲
コーディング
制作期間
7日
制作所感
デイトラ実案件チャレンジで合格認定いただいた作品です。
・2種類のスライダーをJavascriptプラグインのSwiperを使用して実装しています。
・「他のお水との比較」のセクションでは、モバイル画面の時にJavascriptプラグインのScrollHintをカスタマイズして実装しています。
・「お客様の声」のセクションでは、カードの右下にあるボタンのクリック領域が小さくなり過ぎないように注意しました。
・ボタンなど、グラデーション要素がホバーされた時に滑らかにアニメーションするための工夫をしています。
・セクション間に配置されている波が動くようにJavascriptを使用して実装しました。