メインコンテンツにスキップ

WORKS

My Works

不動産開発会社向け
HP制作

figma / Claude Code / WordPress

概要

不動産開発会社「さくらホーム開発株式会社」のコーポレートサイトを制作しました。分譲住宅・マンション開発・リフォーム・不動産管理・住宅ローン相談まで、住まいに関わるすべてのサービスをワンストップで提供する企業の信頼感と温かみを、Webサイトで表現しています。Figma によるデザイン設計から、Claude CodeによるコーディングおよびWordPressテーマの実装まで、一貫して対応しました。

デザインについて

本サイトは、誠実さを象徴する白をベースカラーに、落ち着きを象徴するダークトーン(ほぼ黒に近いチャコール)をメインカラーとし、さくらの花を想起させるワインピンクのアクセントカラーによって、「地域に根ざした安心感」と「上品なブランドイメージ」を両立させています。余白を大きく取ったミニマルなレイアウトと、和欧混植フォントによるモダンなタイポグラフィにより、住宅デベロッパーとしての誠実さと、洗練された雰囲気を視覚的に表現しました。

ビジュアルのポイント

メインビジュアル:分譲住宅を大判の全面写真に据え、大きなキャッチコピーを白背景で配置することで、訪問者に第一印象として「信頼」と「スケール感」を伝えています。

サービス紹介:写真・番号・タイトル・説明文の統一されたレイアウトにより、複数のサービスを直感的に把握できる構成としています。

沿革タイムライン:年号・ドット・縦線・テキストをシンプルな線と点で表現し、創業から現在までの歩みを視覚的にわかりやすく整理しています。

お問い合わせフォーム:入力→確認→完了の3段階フローを、ステップインジケーター付きで実装し、ユーザーが安心して送信できるUXを実現しています。