アートメイク施術フローUI設計・実装

アートメイク施術ページ内の「施術の流れ」セクションを含むページ全体の構成設計・実装を担当しました。

ユーザーが施術内容を段階的に理解できるよう、

「概要 → メリット・注意点 → 施術の流れ → 価格 → 特徴」といった情報設計で構成しています。

特に施術の流れでは、ステップごとの区切りと視線の流れを意識したレイアウトにすることで、複雑になりがちな工程を直感的に把握できるよう工夫しました。

デザイン面では、安心感を与える配色と余白設計を意識し、医療サービスとしての信頼性と可読性の向上を図っています。

また、HTML / SCSSでの実装においては、再利用性と保守性を考慮した構造でコーディングを行いました。