HPトップページデザイン｜カウンセリングオフィス

【制作について】

自主制作で、心理カウンセリングオフィス「みなみ臨床心理オフィス」のWebサイト（トップページ）をデザインしました。心に悩みを抱える方や、一歩を踏み出したい方が、心理的なハードルを感じずに安心してアクセスできる場所を目指して制作しました。

【ターゲット】

・仕事や人間関係、自身のメンタル面などで深い悩みを抱え、専門家への相談を検討している方

・「カウンセリングは敷居が高い」「どんな人が対応するのか不安」と感じている、安心感や信頼性を重視する方

【デザインコンセプト】

・清潔感と信頼感を両立させる配色

心に平穏とリラックスをもたらすアースグリーンをベースに、温かみと安心感を醸し出すベージュとブラウンを組み合わせました。

・心理的ハードルを下げるビジュアルと動線

ファーストビューには、ぬくもりのある木目調のテーブルと一輪挿しの画像を配置し、ユーザーが「ほっと一息つける場所」であることを直感的に伝えています。また、「一人で抱えなくても大丈夫」というコピーを視覚的に優しく、かつ際立たせるレイアウトにしました。

・論理的な情報設計

ユーザーの心理プロセスに寄り添い、「お知らせ」の後にまず「こんなお悩みありませんか？」という共感コンテンツを配置。その後に「選ばれる理由（特徴）」や「サービス内容」へ誘導することで、不安を解消しながら自然に予約・問い合わせへと促す導線を設計しています。

・視認性の高いタイポグラフィと余白

明朝体とゴシック体を使い分け、贅沢な余白（ホワイトスペース）を意識することで、心が疲れているユーザーでも文字がすっと頭に入りやすい、ストレスフリーな視覚デザインを徹底しました。

【担当範囲】

情報設計・ワイヤーフレーム・デザインカンプ制作

【使用ツール】

Figma