プロジェクト概要
施工の品質と誠実さが伝わるコーポレートサイトを目指して制作いたしました。
WordPressで構築した、大阪府東大阪市の住宅リフォーム・リノベーション会社 株式会社Revival様のコーポレートサイトです。住宅リフォーム・リノベーション・店舗改装の3つの事業を手がけ、小さな修繕から全面改装まで対応する同社の施工品質と誠実さを伝える構成にしました。Revivalについて（企業理念・代表挨拶・会社概要）・事業内容・ニュース・お問い合わせの各ページに加え、トップには3つの事業内容、Vol.01〜04の施工事例、「施工までの流れ」5ステップを順に掲載しています。
リフォームは完成後にしか結果が見えないため、施工の品質と誠実な対応を事前に信頼してもらう必要がありました。「ちょっと気になる」程度の小さな悩みでも相談しやすい雰囲気をつくりつつ、依頼から引き渡しまでの流れを示して、初めての人の不安を減らすことが求められました。
最初の画面に住宅の夕景写真を置き、「暮らしに、新たな命を。」のコピーを白文字で重ねて、社名が持つ再生のイメージを先に伝えました。本文は3つの事業、施工事例、施工までの流れ5ステップの順に並べ、仕事の内容から実例、進め方へと疑問が解ける順番に。白地に黒文字、オリーブ色の差し色で落ち着いた印象にし、画面右端の問い合わせアイコンとヘッダーの電話番号で、どこからでも相談に進める配置にしました。
制作のポイント
夕暮れの住宅写真に英語のキャッチを重ねる
最初の画面は、照明のついた箱型の住宅とヤシの木を写した夕景の写真で、左下に「BRING NEW LIFE TO YOUR LIFE.」と「暮らしに、新たな命を。住宅・店舗の再生はRevivalにお任せください」を白文字で置いています。右端には「Revival Renovation」の縦書きがあり、ヘッダーには黒地の「お問い合わせ」ボタンと電話番号を並べています。
事業内容から施工事例、流れへと続ける
本文はお知らせから始まり、Revivalとは、住宅リフォーム・リノベーション・店舗改装の3つの事業内容、東大阪市から八尾市までVol.01〜04の施工事例、「施工までの流れ」の5ステップ、contactの順で並んでいます。配色は白地に黒文字で、見出しやmoreボタンにオリーブ色を使っています。
画面右に問い合わせのアイコンを重ねる
PCでは画面の右端にオリーブ色の四角いアイコンボタンが2つ縦に並び、写真の上に重なっています。スマホではヘッダーがロゴとメニューボタンだけになります。お知らせはWordPressで更新でき、「2025.6.27 HPをリニューアル致しました」の記事が掲載されています。
デザイン
