リノベーション会社 ホームページ制作
Challenge
最大の課題は「補助金訴求をどう設計するか」でした。先進的窓リノベ・子育てエコホーム支援・介護保険など複数の制度を並列で見せると情報が散漫になるため、独立した訴求セクションとして切り出し、制度ごとのカードで整理することで一覧性と訴求力を両立しました。また、施工事例のカテゴリタブとお問い合わせフォームのURLパラメータ連携など、単なる見た目ではなくUXの動線設計まで踏み込んだ実装を行っています。
Overview
千葉県内を拠点とするリフォーム会社「株式会社 千葉リノベーション工房」のコーポレートサイトを、架空クライアントとして設計・制作したポートフォリオ作品です。創業20年・施工実績1,200件超という信頼感と、補助金ワンストップ対応という差別化ポイントを軸に、問い合わせ獲得を目的としたLP型のトップページを中心に5ページ構成で制作しました。
Design Note
リフォーム・リノベーションという「住まいと自然をつなぐ」イメージから、やさしいグリーン系をメインカラーに採用。信頼感と親しみやすさを両立するカラーパレットを設計しました。CTAにはオレンジを用いてコンバージョンポイントを明確に分離し、視線の流れを自然に問い合わせへと誘導する構成を意識しています。セクションの英語サブテキストや見出しの装飾ラインなど、細部まで統一したデザイン言語を定義し、制作前に詳細設計書としてドキュメント化することで、実装時のブレをゼロにする進め方を採用しました。
Result
要件定義・デザインシステム設計・HTML/CSS/JSコーディングまでを一貫して担当。詳細設計書・デザイン仕様書・Claude Code向け実装指示書をドキュメントとして整備し、WordPressテーマ化・ポートフォリオサイトへの公開までを一連のフローとして構築しました。デザインだけでなく「設計・ドキュメント・実装・運用」の全工程を自走できるWebデザイナーとしての姿勢を示す作品です。
制作のご相談・お見積りはお気軽にどうぞ。
お問い合わせ