HP｜住宅メーカーWebサイト

■タイポグラフィ

視認性を重視したゴシック体をベースに、見出しは適度な強弱をつけて情報を整理。余白や文字間隔を調整し、落ち着きと信頼感を感じられる読みやすいレイアウトに仕上げました。

■制作ポイント

* グリーンとホワイトを基調とした配色で、安心感・清潔感を表現。

* ファーストビューではモデルハウスの写真を大きく使用し、理想の暮らしをイメージできるよう設計。

* 家づくりに対する考え方や住宅の品質を明記し、安心感を与える構成。

* CTA（資料請求・モデルハウス見学予約・お問い合わせ）を適切な位置に配置し、ユーザーがスムーズに行動できる導線を設計。

* スマートフォンでの閲覧も考慮し、余白やボタンサイズ、視線の流れを意識したデザインに仕上げました。

⸻

■使用ツール

* Figma

* Stitch

■備考

* 架空案件として制作

* デザインラフの作成に生成AIを活用し、Figmaでレイアウトや余白、タイポグラフィを調整しながらデザインをブラッシュアップしました。