やさしさに包まれた産婦人科サイトデザイン スマートフォン版UIデザイン

ユーザーの大半がスマートフォンから情報を閲覧することを想定し、モバイルファーストの視点で設計しています。

ヒーローイメージはPC版と同様に赤ちゃんの写真を大きく配置し、サイトを開いた瞬間に「安心感」と「やさしさ」を感じられるように。
ナビゲーションはアイコン＋見出しで分かりやすく整理し、指で操作しやすいタッチサイズを意識しました。

情報量の多い診療案内やアクセス情報も、モバイルで読みやすくなるよう縦スクロールの中にリズムを作る構成にしています。
全体のトーン・カラー・余白感はPC版と統一し、ブランドイメージの一貫性を保ちながら、モバイル独自の使いやすさを加えました。

使用ツール：AdobeXD　Photoshop　illustrator