HP制作
TWIN CLINIC TOKYO 様
DETAIL
- クライアント：TWIN CLINIC TOKYO 様
- URL：https://www.twin-clinic.jp/
- 公開年：2025年
- 制作範囲：HP
- エリア：東京都渋谷区
施術メニューと料金をトップページで完結
ユーザーが迷わず必要な情報にアクセスできるよう、施術メニューと料金をモーダルで一覧化。回遊負担を最小限にし、直感的に使えるサイト体験を実現しました。
モノトーン×ゴールドが生む、上質で静かな存在感
黒と白を基調にしながら、アクセントとしてゴールドを使用。院内の高級感と静謐さをそのまま再現し、洗練された印象を与えるデザインとしました。
カラーとモノクロを重ねた“視点の融合”の表現
メイン写真はカラーで現実感と安心感を、重ねる写真はモノクロで統一感と深みを演出。TWIN CLINICの理念である「二つの視点の重なり」を視覚表現として落とし込んでいます。
COMMENT
新規開院にあたり、TWIN CLINICが掲げる「二つの視点から導かれる美」という理念を起点に、ゼロからサイト全体の世界観を設計しました。 その考え方を視覚化するため、カラーとモノクロを重ねた写真表現、モノトーンとゴールドの対比、動画と静的レイアウトの共存など、複数の要素を“重なるデザイン”として統一しています。これにより、患者と医療、形成と美容、術前と術後といった異なる視点が寄り添い合うクリニックの思想を、直感的に感じられる構造にしました。 また、ユーザーが必要な情報に迷わず辿り着けるよう、施術メニューと料金をトップページ内で完結できるモーダル設計を導入。 世界観の深さと使いやすさを両立し、初めて訪れる方にもクリニックの価値が自然に伝わるサイトとして制作しました。