IT工房にんにく庵が作成委託を受けたホームページをご紹介させていただきます。
制作者側でこだわったところや、ポイントなども、載せてあります。
|
2009年11月新規制作
ショッピングモールに参加せず、独立型ホームページの通販サイトで顧客を獲得することの難しさを説明しましたが、ピンとこないようです。ホームページを作ればお客さんがたくさん来るというのは、ウソです。
OCNのホスティングサービスは、信頼性とサポートは良いのですが、月額料金が、かなり高めの設定です。(共用型で3,465円～) そこで、さくらのレンタルサーバ「スタンダード」に移行しました。月額500円。年間一括なら5,000円です。 販売点数が少ないため、オンラインショッピングアプリケーションは使用せず、にんにく庵製注文フォームソフトで対応しました。送料計算離島対応ですので、総計が注文前に分かりなかなかの優れものです。 オンラインショッピングプログラムは、全体のレイアウトをテンプレートなどで作成しますので、全てのページをプログラムから呼び出すように作らなければなりません。静的ページの一つにショッピング機能を持たすようにするのが難しかったりします。にんにく庵製注文フォームは、既存のホームページにphpで埋め込みするタイプですので、全てホームページ作成ソフト(ホームページビルダーやDreamweaverなど)を使って作成できます。 SEO対策は、ページ数が少ないため限界がありますが、できる限りのことはしておきました。 お客さんを呼び込むために、ブログを開設して、被参照リンクを増やすようにしました。 ポータルサイトにリンク登録してもらったり、口コミに評価してもらったり、今後努力していかないと、なかなか検索の上位に行きませんし、お客さんも来ません。 ホームページ作成費用は、112,000円(28人時)でした。 |
||||
|
2009年4月リニューアル
Microsoft社のWord2007で作成したものをGeocitiesにftpツールでアップロードして運用されていました。1ページが1MByte以上もある大変長い文章で構成されており、目次にリンクなどもなかったため、読むのが大変な状態でした。 適正な量にページ分けし、右サイドバーにナビゲーションを設置しました。ナビゲーションはアコーディオン方式にして、今表示中の章や項が分かりやすいようにしました。 アコーディオンにはJavaScriptライブラリのスタンダードprototype.jsとaccordion.jsを使用しました。このaccordion.jsですが、Geocitiesと相性が悪く、滑らかな動きをしません。原因は、Geocitiesサーバが、表示するhtmlの最後にJavaScriptを挿入しており、これがaccordion.jsの動きを邪魔するようです。 依頼されたかたは、お年を召されていて大きな文字サイズをお望みでしたので、文字サイズの大小ボタンを設置し、ご自分の好きなサイズで閲覧できるようにしてあります。パンくずリストも入れ込みました。 今回のような読み物系ホームページであれば、本来サーバサイドスクリプト系言語(perlやphpなど)とデータベースなどを使用して、ページを動的に生成した方が、各ページへのリンクや前後ページなどへのリンクが作りやすいのですが、Geocitiesのジオライトプラン(YahooBB会員)は、cgiが使えませんので、静的ページで作るしかありません。 完成後、ご自分で文章の追加・訂正などしたいとのことでしたので、ホームページビルダーをインストールして、一通り使い方をご説明しました。 制作費用は、276,000円でした。ホームページビルダー導入と操作説明一式出張費込み20,850円でした。
リニューアル前 |
||||
|
2008年10月新規制作
チームカラーが「サックスブルーとホワイト」とのことでしたので、あまりコテコテしたデザインにせず、シンプルで爽やかな感じに仕上げました。 チームファンの方からプロ級の画像を随時提供していただけるとのことで、トップページ1/3を画像エリアにしました。表示毎に最新のものが入れ替わる作りになっています。 試合結果は、データベースモジュール「waffle」をプチ改造して組み込みしました。ソースコードが分かりづらく、解読に手こずりましたが、目的に近い仕上がりとなりました。 営利目的のホームページではないことから、無料のYahooカテゴリー登録を依頼したところ、審査がパスしました。 サイトオープン時は、lolipopレンタルサーバを使用しましたが、表示が遅かったり、リンクをクリックしてもページが移動されないなど、パフォーマンス的に厳しかったたため、hetemlレンタルサーバへ移行しました。 制作料金は、lolipop 1年分の料金とドメインのレジスト込みで170,000円でした。 |
||||
|
2008年8月新規制作
トップページには、blogの最新情報を表示するようにして、ホームページの更新頻度が上がるようにしました。blogの最新情報表示は、perlプログラムを使用していますが、biglobeのサーバの制限とライブラリの関係で、動作しませんでした。にんにく庵のサーバを使用してrss情報を定期的に確認して更新する仕組みになっています。 ホームページのデザインイメージは、「花」と「ピンク」とのことでした。女性らしい、やさしい雰囲気に仕上げました。 内容に関しては、数回の打合せと取材を行い、構成を検討し、文章を書いていただきました。レッスン中の写真も取材時に撮影させていただきました。 ブログを併用することで、ブログからホームページに誘導する手段となります。ですので、ブログの内容は、どのようなことを書けばいいか、試行錯誤していただいて自分の成功パターンを見つけていっていただければと思います。もちろん定石はあるので、その辺のアドバイスはさせていただいてます。更新間隔は、毎日が無理でも、週一回とか隔週決まった曜日に必ずアップするようにするといいと思います。 SEO対策は、metaタグにdescriptionとkeywordsを記述。Yahoo!のサイトエクスプローラーへの登録。Googleのウェブマスターツールへの登録などです。 制作料金は、取材や内容に関するコンサルティング、文書ライティング、校正、ブログ表示機能などの分が加わりますので、15万円くらいになります。 |
||||
|
2008年7月新規制作
お知らせエリアは、にんにく庵のサーバに入力用CGIを設置して、できあがったものを自動的にftpで、ホームページに転送するようにしておきました。 OCNの会員用ブログサービスを使い、ブログのRSSをホームページのトップページに掲載する仕掛けを採用してあります。この仕掛けも、にんにく庵のサーバから、定期的にRSSを読み込んでトップページを書き換えるようにしています。 ブログやお知らせエリアを更新することで、常にトップページが動いていきますので、SEO対策的にも有利です。 デザインは、シンプルで見やすいページをご希望でしたので、白を基調に血液のイメージ色「赤」と静脈のイメージ色「青」を使いました。 文章は、院長さんが全てワープロにて用意してくださいました。写真は、取材時、撮影したものを使用しました。文章構成がしっかりしており、文章の中身もよく考えられたものでしたので、校正する必要がなく助かりました。ホームページ制作費を抑えるには、ここが重要です。 SEO対策は、metaタグにdescriptionとkeywordsを記述。全てのページのタイトルを変えたこと。atomとrssの設置。sitemapの設置。Yahoo!のサイトエクスプローラーへの登録。Googleのウェブマスターツールへの登録などです。また、ポータルサイトなどへの登録や相互リンクをしてもらうよう院長さんにお願いしました。 制作費用は、制作時間(23時間)×時間単価(4,000円)＝92,000円です。 |
||||
|
2008年3月新規制作
ご自分で日本語の更新はできませんので、全面静的ページとしました。 プロバイダーのホームページスペースを使用したいとのことでしたので、独自ドメインの取得はしませんでした。 ページ中の写真は、ご本人の手持ちと、取材時に撮影したものを使用しました。 お問い合わせ用フォームは、プロバイダ側の組込フォームがなかったため、専用cgiを導入しました。 SEO対策は、サイトマップxmlやクローラへの検索登録など一通りのことをしておきました。 合計5ページとなりました。文章の作成や組込cgiなど工数がかかっていますので、総額8万円～10万円程度です。 |
||||
|
2007年10月作成
ホームページの更新作業は、製作会社に任せず、ホームページ作成ソフトで更新されてました。新規ページを作ってリンクを張る方法などご存じなく、製作会社が作ったページに追加・挿入していましたので、1ページが大変長く、重いページとなっていました。 ご自分で自営していきたいとのことでしたので、ブログですべてを構築する提案をしましたが、要求項目がブログソフトでは、荷が重すぎましたので、CMSソフトで有名なGPLのオープンソースソフト「XOOPS」に提案変更しました。 携帯メールの配信システムは、Chama-NetのマガCGI高機能版と空メールにて配信開始・停止ができるWebmailを導入しました。バックナンバーの表示は、XOOPSモジュールを独自開発して対応しました。 デザインは、旧ホームページが大変お気に入りのようでした。かわいらしくて、パステルカラー、文字の字体はポップ体やまる文字体とのことでした。java scriptで風船の画像を下から上にゆらゆらと動かす作りをトップページに使っていました。採用してほしいとのことでしたが、さすがにお断りしました。 ポップ体やまる文字体の採用は、閲覧者側の環境によって、こちらが意図したように表示できないことや文字化けをおこすことがあることを了承してもらい、一部に採用しました。 トップページの黒板は、旧ページで気に入っていたそうですので、採用しました。
|
||||
|
2007年8月作成
ゲストユーザとコミュニケーションする機能は、一切省いて欲しいとのことでしたので、部員やOBのかただけが参加できる掲示板などを提案しました。XOOPSでは、管理画面からコメント機能などを停止することができますので、このような希望も簡単に対応できます。 XOOPSの各モジュールは、テンプレートやソースにかなり手を加えました。XOOPS本体のソースは、必要最小限の変更にとどめ、バージョンアップ時の工数削減に努めました。 バナー部分は、大きくしてほしいとのことでしたので、通常よりも高さがあります。バナーの写真も自分たちで更新できるようにしたいとの希望があり、myAlbum-Pモジュールを改造して、バナー作成モジュールを作りました。複数の画像を登録しておくことで、バナーの画像がランダムに変わります。 文章の入力画面は、HTMLタグを知らなくても、ワープロに近い感覚で文字の装飾などができるよう、WYSIWYGエディタ「SPAW」を組み込みました。 XOOPSのテーマ用テンプレートは、SEO対策されていませんでしたので、追加しておきました。 営利目的のホームページではないことから、無料のYahooカテゴリー登録を依頼したところ、審査がパスしました。 |
||||
|
2007年7月作成
最新ブログ記事は、トップページに表示するようにしてあります。 SEO対策は、タイトルや段落タグ、検索サイトYahooやMSNに有効とされるRORサイトマップ(Resources of a Resource)などの工夫のみにとどめてあります。 「昇天」という商品を全面に出したいとのご希望で、比較的大きな画像をトップページに配置してあります。昇天の説明ページには、flashで商品のCMを流して、文章だけでは分かりづらい部分を補助してあります。 新規サイトですが、もともと石の声(株)様にあったページの引っ越しでした。新規で作成したページ関しては、コンサルティングをさせていただきました。 |
||||
|
2007年6月作成
NPOということで、ホームページ更新の予算が限られています。最新情報などを事務員のかたが更新できるよう、トップページのお知らせ欄を簡単に更新できるwebアプリケーション(IT工房にんにく庵オリジナル製)を導入しました。 ホームページは、プロバイダーの共用エリアでした。webアプリケーションは、別のサーバで提供されていたため、トップページの中にインラインHTMLで表示する作りとしました。SEO対策上好ましくありませんが、致し方ありません。 非営利団体とはいえ、検索サイトの上位に載れば、うれしいものです。そこで、無料のYahooカテゴリー登録を依頼したところ、審査がパスしました。 また、検索サイトYahooやMSNに有効とされるRORサイトマップ(Resources of a Resource)を生成しました。 サイトのアクセス状況を把握したいとのことで、Google Analyticsの導入も実施しました。 デザインは、空の青とと大地の緑をイメージしてもらえるよう、ブルーとグリーンを基調にしました。コンテンツ部分の背景色もクリーム色にして、柔らかさを演出しました。 キャンペーンやコンテストなどのキャラクターや文章などは、ほとんどが電子ファイルで用意していただけたので、安価な価格で収まりました。
|
||||
|
2007年3月作成
ホームページ作成ソフトDreamweaverにて静的ページで作りました。テンプレート機能を使用してデザインに統一感を持たすとともに、ページ追加時の手間(コスト)を減らしました。 リニューアル前のホームページから使える素材が少なく、作り直しました。
|
||||
|
2006年10月作成
契約していたレンタルサーバ会社のプランで、データベースを使用するプランを選択すると、レンタル料金がかさむとのことで、IT工房にんにく庵のサーバを共用型でお貸しすることになりました。 web通販アプリケーションは、フリーソフトで定番のosCommerceを使用しました。プログラム部分は、かなりの改良を加え、実用に耐える状態になりました。 SEO対策は、金額的な面でタイトルと段落タグのみにしてあります。ブログによる集客もしたかったのですが、こちらも、無料のブログサイトでの運用となってしまい、集客効果は、いま一歩でした。 商品画像は、旧サイトのものが不鮮明だったため、すべて撮り直ししました。そろわなかった商品は、旧サイトのものを使用しました。商品文章などは、原稿をすべて電子ファイルでいただいたので、助かりました。 現在サイト運営者様のご都合により閉鎖されました。
リニューアル前 |
||||
|
2006年6月作成
最新ブログ記事は、トップページに表示するようにしてあります。 SEO対策は、タイトルや段落タグなどの工夫のみにとどめ、あまりいやらしいことまではしてありません。 商品画像が、ホームページで使うには厳しいものが多かったため、撮影したものがかなりありました。そろわなかった商品などもあり、商品画像のないページや、旧サイトで使用していた画像などを流用したため、全体的に統一感のないデザインとなってしまい残念でした。 ホームページコンサルティングに関しては、構成のアドバイスや追加したほうがいいページ(料金等)などのアドバイスをしました。内容(文章)に関するコンサルティングは、金額的なものもあるため、いただいた文章を変更せず掲載しました。 アクセスログ解析の定額契約を結んでいただいているため、毎月レポートをお送りしています。ブログ記事の内容や、追加したほうがいいと思われる内容などもアドバイスさせていただいています。
|
IT工房にんにく庵 Since 2005