建築設計事務所

ページは「トップ / ニュース / モデルハウス / 施工事例 / 会社概要 / お問い合わせ」で構成。ユーザーが分かりやすく情報に辿り着けるコンテンツと動線を意識することで、サイトの目的を達成する設計を考えました。画像は全てAI生成し、必要に応じてPhotoshopでレタッチしています。

ファースビューで世界観が伝わるよう、デスクトップサイズは画面いっぱいにレイアウトしメッセージ性を強調。タブレットサイズからは縦幅を活かして世界観と情報の両立を図り、情報に自然と目が届くレイアウトを目指しました。

「見学してみたい」「資料を請求したい」と思ったタイミングでスムーズに問い合わせができるよう、レスポンシブではメニューの外にも「申し込み」ボタンを配置。ユーザーの気持ちを途切れさせず、気になった瞬間にすぐアクションに移れる設計を行いました。

住まいの仕様とともに、そこで育まれる時間や空気感まで伝わるようなコンテンツを構成。住まい手の姿やこれからの暮らしが浮かぶことで、見学など次のアクションへ自然と繋がることを意識しています。

フォームの確認画面や自動返信メール、完了画面からトップへの動線をPHPで実装しました。ユーザーにとってストレスのない操作性や安心感を意識し、使いやすさに配慮した設計を目指しています。