概要
メディパ（美容医療）公式サイト制作プロジェクトです。 Googleのビジネスコンテストで優勝した医学生のチームが開発したサービスで、 「不可解すぎる美容医療にみんなで正解をつくる」をコンセプトに、 美容医療業界の課題を解決する革新的なプラットフォームです。 デザイン以外のフロントエンド・バックエンドを全面的に担当いたしました。
目的
美容医療業界の圧迫営業や不明瞭な料金体系などの問題を解決し、 ユーザーが安心して美容医療を受けられる環境を構築することを目的としています。 匿名チャットでの情報交換、プロによる団体交渉、弁護士による契約書チェックなど、 多角的なアプローチで業界の透明性を向上させます。
ターゲット
- 美容医療に興味があるが不安を感じている方々
- 圧迫営業に悩まされた経験のある方々
- 安心して美容医療を受けたい方々
- 同じ悩みを持つ仲間と情報交換したい方々
実装内容
- WordPressオリジナルテーマ構築（Astraベース）
- ACF（Advanced Custom Fields）を使用した管理画面の最適化
- 非エンジニアでもカードの内容が更新できる設計
- 地域別の施術カード構造の設計とACFでの管理最適化
- PHPによるテンプレート分岐（フロントページ非使用）
- スラッグの管理／タイトル表示の調整
- LINE誘導のための動線設計
- レスポンシブ対応（SP / PC）
技術仕様
CMS
WordPress（Astraベース）
フロントエンド
HTML5, CSS3, JavaScript
バックエンド
PHP, ACF
パフォーマンス
LiteSpeed Cache
デザイン・UI/UX
施術別のカード形式で情報を整理し、ユーザーが直感的に必要な情報にアクセスできる設計を実現。 地域別の施術情報を効率的に管理・表示できるシステムを構築し、 非エンジニアでも簡単にコンテンツを更新できる管理画面を設計しました。 LINE誘導のための動線も考慮し、ユーザーの導線を最適化しています。
成果・特徴
- 社会的意義: 美容医療業界の課題解決に貢献する革新的なサービス
- 管理性向上: ACFを活用した非エンジニアでも更新可能なシステム
- パフォーマンス: LiteSpeed Cacheによる高速化対応
- SEO対策: スラッグ設計・構造化データ配慮
- ユーザビリティ: 直感的なカード形式での情報表示
- 導線設計: LINE誘導を考慮した動線の最適化