■担当範囲 ディレクション / Webデザイン / フロントエンドエンジニア ■使用ツール・言語 JavaScript / CSS / Adobe XD 「自宅で完結する医療ダイエット」を提供するオンラインクリニックのランディングページ（LP）を制作いたしました。 【Direction & Design (Adobe XD)】 自由診療分野のLPであるため、競合と比較された際の「料金の透明性」と「医師監修の信頼感」を最重視して設計しました。 Adobe XDでプロトタイプを作成し、スマートフォンユーザーが離脱しやすいポイントを徹底的に検証。「料金シミュレーション」や「予約手順（アプリ導入フロー）」を図解化し、ユーザーが不安を感じることなくスムーズに予約ボタンを押せるUIを構築しました。 【Development (JavaScript / CSS)】 LPにおいて最も重要な「コンバージョン（予約）」を最大化するため、追従型のCTAボタン（予約ボタン）を実装しました。 また、医療サービス特有の「よくある質問」や「注意事項」といった長くなりがちなテキストコンテンツを、JavaScriptを用いたアコーディオンUIで整理。 スマートフォンでの閲覧体験を第一に考え、読み込み速度の最適化と、ストレスのないスクロール挙動を実現しています。 2025年制作