約45時間
HTML / CSS(Sass) / JavaScript / WordPress
アロマヨガ桜スタジオ様のサイトリニューアルにて、コーディングおよびWordPressのオリジナルテーマ化を担当しました。
スタッフの方々がスムーズに更新できるよう、複数のカスタム投稿・カスタムフィールドを構築し、管理画面の使いやすさにもこだわっています。
TOPページではブランドイメージを高めるため、「桜が舞い散るアニメーション」をCSSのみで表現。
JavaScriptに頼らず、@keyframes の動きやタイミングを細かく調整し、柔らかく上品な雰囲気を演出しました。
また、スケジュールセクションのナビゲーションには、ユーザーの視線誘導を促すアニメーションを実装し、直感的に操作できるUIに仕上げています。