制作実績

ファーストビューのスライダーには、円形にふわりと広がるアニメーションを採用し、訪れた方の心に残る印象的な演出を加えました。また、光を放つボタンや弾むように動くテキストで視線を自然に導きながら、「希望」と「前向きさ」を感じていただけるよう工夫しています。
時間差での出現アニメーションはPCのみに限定し、スマートフォンでの遅延のわずらわしさを避けるなど、閲覧環境にも配慮しました。
CTAにはパララックス効果を取り入れ、信頼感と安心感を感じていただけるよう仕上げています。

ファーストビューのスライダーは、フェードインで切り替わる仕様にし、写真が拡大から等倍へとゆっくり変化することで、美しいビジュアルを印象的に見せるよう工夫しています。テキストは一行ずつ時間差で現れるアニメーションを加え、無限に広がる旅の可能性を感じさせる演出に仕上げました。
What to GoセクションでのPC版はスライダーを採用し、SP版では閲覧性を優先してスライダーを無効化する実装を施してあります。
GSAP を活用した出現アニメーションをサイト全体に取り入れることで、動きのある表現を加え、閲覧者の視線を引き込みやすい設計にしました。

トップページのファーストビューは、シンプルなフェード切り替えを採用し、清潔感と信頼感を感じられる演出にしました。
お問い合わせや予約ページは Contact Form 7 を用いて実装し、送信後にはオリジナルのサンクスページへ遷移する仕組みを整えました。
診療案内については、今後の項目追加や内容変更に柔軟に対応できるよう、ACFのフィールドグループを活用。管理画面から並び順を簡単に変更できる仕組みを実装し、運用面での使いやすさを重視しています。

ファーストビューでは、ランダムに浮かび上がる花と、それをそっと包み込む手のひらを組み合わせることで、安心感を演出しています。文字が一文字ずつ現れる演出で、見る人の目線を引きつけ、期待感を高める工夫をしました。
スライダーにはパララックスを取り入れ、画像はゆったりと、文字は手前でスッと動くように設計し、自然で印象的な動きを実現しています。
制作実績一覧は、何度もページを行き来せずにご覧いただけるよう、あえてシングルページを使わず外部リンクにすぐアクセスできる構成にしました。
ホバー演出や GSAPを使ったアニメーションなど、トップページ全体に遊び心を添えました。