01
Overview
こもれびのまち
メンタルクリニック
忙しい日常の中でも、安心して相談できる「やさしくて迷わない」メンタルクリニックサイト
| 制作種別 | 架空クリニックサイト |
|---|---|
| 担当範囲 | 情報設計 / デザイン / ライティング / WordPress構築 |
| 使用ツール | XD / Figma / Local |
| 実装技術 | WordPress / SWELL / CSS |
| 想定ユーザー | 初診に不安を感じている方 / 忙しいファミリー層 |
02
Concept
こころに安らぎを。安心して相談できる、まちのクリニックです。
| 目的 | 初診への不安をやわらげ、短時間で必要な情報にたどり着けるサイトを制作。 |
|---|---|
| 設計思想 | 診療内容・初診の流れ・予約導線を整理し、迷わず確認できる構成。 |
| 工夫した点 | やさしい色合いと余白を活かし、清潔感と安心感のある印象を設計。 |
03
All Pages
TOPページを中心に、診療案内・初診の流れ・医師紹介・アクセスなどを想定して構成しました。
PC DESIGN
[TOPページ]
SP DESIGN
[TOPページ]
PC DESIGN
[医師紹介ページ]
SP DESIGN
[医師紹介ページ]
04
Design Thinking
デザインまでの思考プロセス
-
Information Architecture
診療内容・初診の流れ・予約導線を整理し、迷わず確認できる構成にしました。
-
Design
余白とやわらかな配色で、清潔感と安心感のある印象を意識しました。
-
UI / UX
スマートフォンでも短時間で情報を理解できるよう、1ブロック1メッセージで設計しました。
-
Writing
専門用語を抑え、不安を感じている方にも伝わりやすい文章を心がけました。
05
Technical Point
こだわったポイントや工夫
-
WordPress / SWELL
標準機能を優先し、管理しやすい構成にしました。
-
Responsive
PC / SPで情報量と余白を調整しました。
-
CTA Design
予約ボタンを目立たせ、行動につながる導線を設計しました。
-
SEO
見出しと文章に意味を持たせ、自然なキーワード設計を意識しました。
06
Next Work
今後の取り組みや学び
