株式会社コマースレーン

乙女　大凱

東京都武蔵野市吉祥寺本町1丁目20番1号　吉祥寺永谷シティプラザ1002号

担当者直轄/下請け丸投げなし
広告費マージンなし/コスト透明
施策効果をすべて数字で見える化

一括見積りする

この企業にお問い合わせ

地図を見る

リフォーム会社向けデモサイト/構成設計からコーディングまで一貫制作

架空のリフォーム会社を想定し、業種特化の構成・デザイン・コピーをゼロから制作したデモサイトです

業種: 情報非公開
地域: 情報非公開
規模: 情報非公開
費用: 情報非公開

リフォーム・リノベーション業界を想定したLP型デモサイト。
施工実績数値・選ばれる理由・施工事例・料金プラン・相談導線を1ページに集約し、問い合わせにつながる構成で設計。
レスポンシブ対応・アニメーション演出・料金表UIを含むフル機能のデモです。

依頼を受けたカテゴリ: ホームページ制作・デザインホームページ制作・デザイン

制作物種別: 企業ホームページモバイルサイトスマホサイト

業務範囲: 構成設計・ワイヤーフレーム・デザイン・コーディング（HTML/CSS/JS）・レスポンシブ対応・コピーライティング。素材写真の選定・配置まで含むフルスコープ制作。

業務の概要: リフォーム・リノベーション業界向けのLP型サイトをデモとして制作。「中古マンション x リノベーション」をコンセプトに、施工事例・料金プラン・ご相談の流れ・問い合わせ導線を1ページに集約。ヒーローセクションで信頼数値（施工実績・顧客満足度・創業年数）を提示し、選ばれる理由・事例・料金・CTAの導線で構成しています。PC・タブレット・スマートフォンすべてに対応したレスポンシブ設計です。

開発規模・期間: 制作期間　約1日（デモサイトのため短期集中で制作）
制作体制　1名（構成設計からデザイン、コーディングまで一貫対応）

利用技術: PHPJava

利用サーバー環境・DB: LINUXサーバー一般PC

備考: 本実績はサービス品質を示すためのデモサイトです。架空の会社「リノヴィスタ」を想定し制作しました。実際のクライアントワークではありませんが、構成設計・デザイン・コーディングの品質は実案件と同等です。
ライブURL: https://vercel-demo-six-sooty.vercel.app/renovista/

実績・事例画像

実績・事例の詳細

・構成
ヒーロー（キャッチコピーと信頼数値）
　選ばれる理由3点
　施工事例ギャラリー
　ご相談の流れ
　料金プラン3段階
　 CTA

・デザイン
落ち着いたグリーン（#2D5A3D）を基調に、ゴールドアクセント（#C49B5C）で高級感を演出。リフォーム業界の信頼感と上質さを両立するカラー設計。

・技術
HTML/CSS/JavaScriptによる静的サイト。
CSSカスタムプロパティによるデザイントークン管理、スクロールアニメーション、レスポンシブグリッドレイアウト。