■担当範囲 ディレクション / Webデザイン / フロントエンドエンジニア ■使用ツール・言語 WordPress / JavaScript / CSS / Adobe XD 作品説明 大阪・梅田にオープンした完全個室プライベートサウナ「SALIL SAUNA」の公式サイトを新規構築いたしました。 【Direction & Design (Adobe XD)】 「極上のととのい」と「洗練されたプライベート空間」というブランドコンセプトを体現するため、黒やグレーを基調としたシックで没入感のあるデザインを設計しました。 Adobe XDを用いて、ユーザーが部屋のタイプ（1〜2名用のSAARI、大人数用のLEVEA）や充実したアメニティ情報を直感的に理解できるレイアウトを検証。 ファーストビューでは、HARVIA製ストーブや照明の雰囲気が伝わる写真を大きく配置し、サイトを訪れた瞬間に店舗の世界観へ引き込む工夫を行っています。 【Development (WordPress / CSS / JavaScript)】 予約システム（Coubic）への導線をスムーズにするため、どのページからでも迷わず予約画面へ遷移できる追従ボタン（CTA）を実装しました。 また、店舗からのお知らせやキャンペーン情報をリアルタイムで発信できるよう、WordPressを導入して更新性を確保。 フロントエンドでは、スクロールに合わせて要素がゆっくりと浮かび上がるアニメーションをJavaScriptで実装し、サウナのリラックス感とリンクする心地よい操作体験を提供しています。