環境からすべて新しく。キシヒロエステートのwebサイトリニューアル

昨年11月から今年の頭にかけて、パートナーの辻本さん（株式会社FORGE）からのご依頼で株式会社キシヒロエステートさまのwebサイトをリニューアルさせていただきました。

キシヒロエステートさまは大阪府貝塚市や南大阪エリアを中心に分譲住宅、注文建築、リフォーム、不動産仲介などをされている会社で、以前ブランドロゴとwebサイトを制作させていただいた注文住宅ブランド「THINK HOME」を運営している会社さまです。

キシヒロエステートさまの案件ではLPを制作したり折り込みチラシを制作させていただいたりしていましたが、webサイト自体もそろそろ一新したいということで、今回のリニューアルに至りました。

既存サイトはかなり古い環境だった

webページを制作してサーバーにアップロードするたびに既存サイトに展開されていたページ構造が気になっていて、昔ながらのwebサイトによくある、ブログやお知らせなどの一部分にwordpressがインストールされている環境でした。

僕もフリーランスになる前に在籍していた会社では、wordpressが一般的に広まりはじめたくらいの時期に、ブログ機能としてのみ使用する目的でwordpressをインストールしてコンテンツを作っていました。なのでこの構造は懐かしさを覚えてしまうと同時に、新しく追加するwebページや画像などのファイルがその場しのぎの継ぎ足し対応になりがちで、今後のことを考えると早めに構造を見直したほうがいいという危機感を抱いていました。

なのでサイトリニューアルの話をいただいたときはすべての構造を正すくらいの気持ちで臨みました。

アップデートすらできない環境。サーバーから一新

wordpressは単体では動きません。
テキストや画像などのを格納するデータベースであるMySQLと、構成する言語であるPHPで成り立っています。そしてこのデータベースと言語には「バージョン」が存在します。

データベースも言語も常に進化し続けていて、その度にバージョンの数値が上がっていきます。例えるならiPhoneのようなイメージですかね。バージョンが上がればいま使っているもののバージョンが古くなっていくので、できるだけ新しくバージョンアップし、最新の環境に合わせていくことが大切です。

そして今回のキシヒロエステートさまの場合、データベースMySQLもPHPもバージョンがかなり低く、かつ既存サイトを管理していた制作会社さんの何かしらの意図でバージョンアップをさせる術が断たれている状態で、僕のほうからはどうにも対応できない状態でした。

なので前任の制作会社さんに一度問い合わせましたが、対応してもらうにはその分の費用が発生しそうだったので、既存サイトの状況やアクセスなどを考慮し、既存サイトをバージョンアップして改修するのではなく、新しいサーバー環境でwebサイトを制作・構築していくことにしました。

ユーザビリティを考慮して導線と落とし所をしっかり作る

環境と方向性が定まり、ここから本格的にwebサイト制作に入りました。
既存サイトデザインのテイストやカラーは踏襲しながら、TOPページをまずは制作し、下層ページ制作に流れていきます。

TOPページのメインビジュアルは、施工された住宅のデザイン性の高さを訴求するため二分割にし、左側が外観、右側が内観とひとつの住宅をセットで見せるメインビジュアルにしました。

スライドショーの動きも右と左で分けていて、見応えのあるメインビジュアルとなっています。

下層ページは実際に行っているサービスを各ページに分け、問い合わせからサービス完了までを短いステップでわかりやすく伝えていく構成になっています。落とし所もひとつのメールフォームに集約せず、それぞれのサービスごとにフォームを作成して誘導しています。

お客さまが気になる施工事例は、スマホでも見やすいように縦長のサムネイル画像で一覧表示に。

オープンハウスや完成見学会といったイベントも定期的に開催されているので、webからも予約できるように各イベントページの下部に申し込みフォームを設置しました。

イベントは開催日が決まっていて、過ぎてしまったらフォームも非表示にしなければいけないので、キシヒロエステートさま側でも簡単にフォームの表示・非表示ができるように構築しました。

このように、訴求内容をできるだけわかりやすく、ユーザビリティを意識しながら訪問者さまにもクライアントさまにも優しいwebサイトを制作していきました。

スマホ表示ももちろん一切手を抜かずすべて制作

BUROKI designのwebサイト制作の特徴のひとつとして、「PCとスマホで別サイトのように制作する」というものがあります。

いまのwebサイトはまずスマホ用のサイトデザインをして、そのデザインを可能な限りPCのようなワイドモニターにも流用していくという作り方が多いのですが、僕もその流れを踏襲しつつも、画像やアイコン、テキストなどすべての要素を各デバイスごとに見直しながら、必要だと感じたものは流用せずそのデバイス用に制作することを心がけています。

特にフリーランスでここまでこだわってwebサイト制作している人はあまりいないのでは？と自負しています。

webサイト完成後、ドメイン移行と旧サイト整理

webサイトが完成し、これでいよいよ公開。
・・の前に、今回はやることがあります。それは既存サイトがある古いサーバー環境の整理です。

必要な情報や画像などのファイルはないか、新サイトにも反映させたほうがいいページはないか、何度も確認し、新サイト公開の準備をしていきました。

その後、既存サイトから新サイトへドメインを移行し、ようやく公開。
公開後メールの受信に不具合があったりしましたが、それも解決し、サイトリニューアル無事完了となりました。

いろんなフォルダに散らばっていて管理ができていなかったページやファイルを、今回のリニューアルでwordpressをサイト全体に導入したことにより、webページと画像などのファイルが一元管理できるようになったのも今後に向けてよかったと思います。お任せくださりありがとうございました。

株式会社キシヒロエステートのwebサイトはこちらから

実際のサイトは下記のリンクよりご覧ください。
※webサイトによっては変更・クローズしてることもありますので、その際はご容赦ください。

お問い合わせは専用フォームからお気軽に

制作のご相談・お問い合わせや制作実績一覧ページは下記のリンクよりお気軽にどうぞ。