今回ご紹介する商用ホームページの作成例は、たった一枚の販促チラシを元に制作する簡単ご依頼法です。

ホームページの作成には、お客様にご用意頂く詳しい資料や写真・セールスアピールポイントなどのサイトの元となる情報が欠かせません。
しかし、何を用意すれば良いのか、どんな説明が必要なのか、写真の用意が・・と、お客様にも負担が掛かってしまうのも事実です。
もっと簡単にホームページ作成が依頼できたならとの声は少なくありませんでした。

そこでご紹介したいのは株式会社グローイングエコ （Growing Eco Co.,Ltd.）様よりご依頼頂いたＬＥＤ蛍光灯 ＳＴＴライトの販促ホームページのケースです。

株式会社グローイングエコ様は古くからお世話になっていて京都を本拠地に幅広い業務を営まれていますが、ご依頼はエコ関連事業で新たな取り扱いを始めたＬＥＤ蛍光灯に関するサイトの作成でした。
本来ならば資料を用意して頂いて詳しくお話をお聞きしたいのですが、新規事業のため表に出せる資料も少ないとのことでしたので一般の方にも解りやすい資料として営業販促用のチラシをご用意頂きました。

　

販促チラシはＡ３サイズに両面印刷されたごく普通の簡易カタログ兼営業資料です。
ホームページの作成時にはスキャナーで読み取り、写真や配色見本として利用します。

印刷物をスキャナーで読むと粒子が荒れて滲んだようになりますが
写真は荒れを取り除き縮小することで違和感を無くすほか
文字やイラスト・グラフは新たに作成しますので印刷物を元に作成したことを
判らない仕上がりです。

株式会社グローイングエコ様のSTTLight専用サイト
http://sttlight.gl-eco.net/
完成後のホームページ
全体的な配色に関しては、チラシの解説部分に合うようにバランスを取りつつ蛍光灯を意識した色合いにしています。
ポイントとなるトップのヘッダー画像はチラシで使われたＬＥＤ蛍光灯のみを用いて背景部分は当スタジオにてご用意させて頂きました。
若干、元となるチラシの画像とは異なる部分もありますが、エコと京都を意識して和風のイメージを追加致しています。
その他、エコ部分を強化するため関連ニュースやブログパーツで不足するコンテンツを補っています。
株式会社グローイングエコ様のSTTLight専用サイトは、事情があって販促チラシを元に商用ホームページを作成しましたが特別な理由が無くともご依頼があればチラシを元にサイトを作成致します。
当スタジオにとっても簡潔にまとめられた資料は作成の円滑につながるため大いに歓迎します。
もちろん従来の詳しい資料もサイトのクオリティを高めることに繋がります。
ただ、資料や写真のご用意はお客様にとってもご負担が増すことになるためチラシを用いた作成を提案させて頂きました。

チラシ以外でも様々なケースで柔軟に対応させて頂きますのでホームページの作成はPlatinum color 涼優彩色をご利用ください。

すでに素晴らしいホームページをお持ちの企業はブログシステムを利用したホームページへの転換に特別の意味を見いだせないでしょう。
「十分に役割を果たしている」「新たな経費の出費は無駄でしかない」等々・・、
更新の必要がないホームページならば確かにそうでしょう。

しかし、ホームページの更新を社外に依頼する企業の場合はどうですか。
更新の度に費用は発生していませんか、至急の告知でも更新を待たされることはありませんか。
どんなに素晴らしく完成されたホームページでも、社外に依頼したり、専門の部署に依頼していては、なにかしら問題を残しているはずです。

今回ご紹介するホームページリフォームは、元のホームページをブログシステムにそっくりそのまま移植した『ナチュラルカーム株式会社』様のケースです。

ナチュラルカーム株式会社様は、ヨガ教室やヨガインストラクター養成講座を始めとして、さまざまな業務と複数のサイトを運営されています。
今回ご依頼頂いたのは特徴や性質、世代別に合わせた「和・花・宙・風・雅」と５つあるヨガの中でも「和ヨガ」に関するサイトです。

ナチュラルカーム株式会社様の WAYOGA サイト
http://www.wayoga.jp/

すでに当スタジオにて移管したシステムにてサイトが稼働しています。

まずは移管前のWAYOGA サイトから。
ご依頼を頂く前の ・・・before
ナチュラルカーム株式会社様の WAYOGA サイトは、従来多く行われていた作成ソフト（ホームページビルダー等）で作成されたのではないかと思います。＊もちろん手打ちの可能性もあります。かなり細かい部分まで作り込まれた素晴らしいサイト作成でした。その分、ブログへの移植はとても手間の掛かる作業でしたが、外見の差は気づかない状態にまで移しました。また、サンプルでは表示コンテンツに違いがありますが、完全移植後に変更しています。

ブログ移管の終了したサイト・・・after
基本部分は厳密に比較しないと違いは判りません。元の画像から紹介文章、スタイルシートの値まで、ほぼ同じにしています。ただ、もともとの設定が細かい部分まで及んでいたため更新の容易さと効率化を重視してスタイルシート（CSS）の設定は簡略化していますが、全く同じ表示ではないのものの重要な部分に関しては完全移植です。また、設計が若干古くIE以外のブラウザでは表示がズレてしまいサイトの一部崩れていましたが、ブログ移植に伴いFirefox等の「Geckoエンジン」Google社の「Chrome」を用いても正しく表示できるように調整しています。

＊画像クリックで等倍表示

ナチュラルカーム株式会社様の WAYOGA サイトは、ページ毎にトップ画像とヘッダー内容、サイト紹介画像まで変わる手の込んだ作りでした。カテゴリによってトップ画像が変わるサイトはありますが、すべての親ページで実現しているサイトはごく一部でしょう。そのうえ、女性らしさを演出したメニューや細かな部分まで気を使って表現されたコンテンツは、若干がさつな私にとって大いに勉強させられました。
ブログ移植はかなり大変でしたが、それ以上に得るものが多かったと思います。

今回行ったナチュラルカーム株式会社様の WAYOGA サイトでは、サイト更新を社外に依頼していたそうです。しかし、残念なことに提携先のWEB業者がサービスを終了し、サイト更新がままならなくなったとのこと。そこで、当スタジオにブログシステムを用いたホームページへの移管をご依頼されました。

ナチュラルカーム株式会社様の WAYOGA サイトは、MTOS（Movable Type Open Source）を用いて移植しています。
各ページ毎にカテゴリを設定し、該当カテゴリに投稿を行えばページ上に表示されるほか、ページ状況に応じて新規投稿を上位表示にするか、下位表示にするか設定しています。また、トップページは左カラム・メインカラム共にウィジェット化していて、マウス操作で表示コンテンツを選択表示が可能になっているほか、各ページの左カラムもウィジェットを用いた表示です。今後求められる表示レイアウトの変更や、古くなった告知バナーも、簡単に非表示にすることができます。

＊ナチュラルカーム株式会社様のWAYOGA サイトは新たに作成された「ひらきヨガ」公式サイトと併合し再スタートされています。

ブログシステムへの移管に伴うメリット

・日々の更新が社内で可能になった。
・新規コンテンツの作成も社内で可能。
・RSS配信により、系列ブログ・サイトで新着情報が表示可能。

ナチュラルカーム株式会社様にとっての一番大きなメリットは、社内で更新可能になったことでしょう。
更新費用等についてはお聞きしていませんが、他社に依頼して実際に更新されるまでに時間を要したこと、サービスが受けられなくなって更新が出来なくなったことの２点がブログを用いたホームページで解消されたことになります。
また、３番目のRSS配信は、今後のサイト運営に大きなメリットとして現れると思います。
従来ならは共通告知であったとしても各ブログやホームページへ個別に記述・投稿する必要がありました。
今回の移植に伴い各サイト共通の告知項目に関してはRSS出力を行っているため、系列のブログやサイトではWAYOGA サイトの更新内容をRSSリーダー等のブログパーツを用いて表示可能です。
つまり、WAYOGA サイトで情報・告知を投稿すれば、他のサイトでも自動的にリスト形式の表示が行われます。
複数のサイトを運営されている企業では大いに役立つ機能でしょう。

WAYOGA サイトのベースとなったテーマは、当方にて無償配布している朱のテンプレート「RED CUSTOM」です。
http://platinumcolor.net/?p=162

カスタマイズした部分をノーマルに戻しつつ、新たなカスタマイズを行ったことになりますが、トップーページのウィジェット化に関してはコンセプトとしていた事を有効に活用できたと思います。
MTOS（Movable Type Open Source）をCMSとして活用するには必然的利用法なのでしょう。

ちなみに、ナチュラルカーム株式会社様ご依頼の WAYOGA サイト ブログシステム移管化はサービスメニューにも価格表にも記載していませんが、ブログカスタマイズ及びレンタルサーバーコースの延長として対応させて頂きました。
また、費用の方はページ数が多かったため８万円＋追加があればオプション作業料として対応させて頂きましたが、少ないページ数であればさらにお安く対応できるかと思います。

従来のホームページからブログシステムへの移管、及びリフォームとしてさらに華やかで即座に更新可能なホームページをお求めならば、Platinum color 涼優彩色をご利用ください。

その他、サービス内容のご質問・ご相談を常に受け付けていますので、気軽にお問い合わせください。

鳥取県米子市で電気工事業を営む「なかだ電気工事」さんに、追加のカスタマイズをご依頼されましたので先の商用ホームページ制作例の追加情報としてご紹介します。

今回のご依頼主は、なかだ電気工事の代表者でもある仲田様です。

前回は妹さんからのご依頼だったので若干可愛らしい雰囲気のカスタマイズになりましたが、今回は本格的な商用ホームページとして作成させて頂きました。

鳥取 米子市 電気設備 設計 施工 なかだ電気工事
http://nakadadenki.gaiu.net/
完成後のホームページ
今回は、fc2ブログに作成した工事ブログとは別に、業務内容やオール電化のメリットを紹介する総合案内サイトとして制作しました。企業の広報窓口であると共にお客様方へのご案内を行うため、楽しさや判りやすさを前面に出しつつも白を基調とした清潔感のあるサイトにしています。また、サイトの移動を感じさせないfc2ブログとの統一イメージや、全体サイズやカラムのサイズを共通にしているため、新規作成したメニュー部分をfc2ブログにも簡単に移植出来ました。

今回のなかだ電気工事さんのようなケースでは、ブログと従来のホームページ形式の二つのサイトを運営することになります。
「更新の手間が二つになる」、「二つのサイトを持つ意味に疑問が残る」等々、無駄な分散だとお考えになる方もいらっしゃるでしょう。
実際になかだ電気工事さんもfc2ブログだけで十分だとお考えになっていらっしゃいました。
しかし、当スタジオとして提言させいて頂いたのは日々の電気工事情報を技術者視点で配信するブログと、企業として自社情報を配信するホームページの違いであり、二つのサイトを持つメリットです。

ブログを前面に押し出したサイトは、若干娯楽要素があって残念なことに信頼度は薄くなってしまいます。
背景にはブログの発展した経緯や、実際の利用方法に起因していますが、個人利用が多い従来のブログでは仕方ないことでしょう。
しかし、企業ホームページの形式を用いるだけで印象は全く別物になります。
新たに作成したなかだ電気工事さんのホームページも、ブログソフト（CMSです）であるWordPressです。

従来のブログ形式でデザインするか、従来のホームページ形式でデザインするかによって、大きく印象が変わります。

ただ、今回のカスタマイズではブログ寄りではなく、ホームページ寄りの作成とデザインを行っていて、カテゴリ毎に分けるブログ的なエントリー表示を用いずWordPressの機能であるページ表示を用いています。
日々の更新はfc2ブログで行い、ホームページではfc2サイトのRSS表示のみで、大きな告知以外の更新を行わない計画です。
つまり、小回りの効くブログと、じっくりと構えるホームページの二つでなかだ電気工事サイトを形づくります。

従来のホームページ形式とブログを併用するメリットは、かしこまった告知はホームページで行うため、ブログでは気軽に書き込めることです。
SEO的に見てもブログとホームページの併用は多く見られますが、日々更新したくても告知は多くないホームページをブログの更新で補ったり、堅苦しいホームページには書けないこともブログでなら書きやすいメリットがあります。
そのかわりではありませんが、新しく作成したなかだ電気工事さんのホームページでは画像を多用していて文章もキーワードも少ないため検索エンジンの上位表示は期待できません。
ブログの更新に期待して、工事実績を頑張って書き込んで頂きます。

ホームページ作成の効果はまだまだ先の事になりますが、良い結果が出ることを期待して制作させて頂きました。