IT工房にんにく庵が作成委託を受けたホームページをご紹介させていただきます。
制作者側でこだわったところや、ポイントなども、載せてあります。
 |
2008年7月新規制作 リンク先のアドレスを見て分かりますが、プロバイダOCNの会員用ホームページに作成しました。OCNの会員用ホームページは、自作CGIを一切使えませんので、ホームページを作る側からすると、制限が多いので避けたいプロバイダです。プロバイダの会員用ホームページサービスで比較的自由度が高いのはbiglobeでした。プロバイダの会員用ホームページサービスを利用して商用ホームページを作成したい方は、biglobeなどを使うと良いかもしれません。できれば、レンタルサーバで独自ドメインを使用したほうがいいのですが。
お知らせエリアは、にんにく庵のサーバに入力用CGIを設置して、できあがったものを自動的にftpで、ホームページに転送するようにしておきました。 OCNの会員用ブログサービスを使い、ブログのRSSをホームページのトップページに掲載する仕掛けを採用してあります。この仕掛けも、にんにく庵のサーバから、定期的にRSSを読み込んでトップページを書き換えるようにしています。 ブログやお知らせエリアを更新することで、常にトップページが動いていきますので、SEO対策的にも有利です。 デザインは、シンプルで見やすいページをご希望でしたので、白を基調に血液のイメージ色「赤」と静脈のイメージ色「青」を使いました。 文章は、院長さんが全てワープロにて用意してくださいました。写真は、取材時、撮影したものを使用しました。文章構成がしっかりしており、文章の中身もよく考えられたものでしたので、校正する必要がなく助かりました。ホームページ制作費を抑えるには、ここが重要です。 SEO対策は、metaタグにdescriptionとkeywordsを記述。全てのページのタイトルを変えたこと。atomとrssの設置。sitemapの設置。Yahoo!のサイトエクスプローラーへの登録。Googleのウェブマスターツールへの登録などです。また、ポータルサイトなどへの登録や相互リンクをしてもらうよう院長さんにお願いしました。 制作費用は、制作時間(23時間)×時間単価(4,000円)＝92,000円です。週末いつもクライミングをしている仲間でしたので、時間単価を3,000円に値引きして、70,000円となりました。 |
||||
 |
2008年3月新規制作 片言の日本語と英語のミックスで、何とか希望をお聞きして、仕上げました。日本語の文章などは、苦手とのことでしたので、取材して文章を作りました。簡単なパンフレットがありましたので、パンフレットをベースに作成しました。 ご自分で日本語の更新はできませんので、全面静的ページとしました。 プロバイダーのホームページスペースを使用したいとのことでしたので、独自ドメインの取得はしませんでした。 ページ中の写真は、ご本人の手持ちと、取材時に撮影したものを使用しました。 お問い合わせ用フォームは、プロバイダ側の組込フォームがなかったため、専用cgiを導入しました。 SEO対策は、サイトマップxmlやクローラへの検索登録など一通りのことをしておきました。 予算3万円で作ってほしいとのことでしたので、3ページで納める予定でしたが、合計5ページとなりました。文章の作成や組込cgiなど工数がかかっていますので、通常ですと8万円～10万円程度ですが、出血大サービスとなりました。 |
||||
 |
2007年10月作成 携帯電話メールを配信する事業を開始するにあたり、配信したメールのバックナンバー表示をすることになりました。ホームページを拝見したところ、フレーム構成でしたのでSEO対策上不適切な作りとなっていました。また、テーブルタグが何十にもネストしてレイアウトしており、保守性が良くなく、文章構造が最適化できていませんでした。大切なトップページも写真オンリーのイメージ先行型でしたので、全面リニューアルを提案しました。 ホームページの更新作業は、製作会社に任せず、ホームページ作成ソフトで更新されてました。新規ページを作ってリンクを張る方法などご存じなく、製作会社が作ったページに追加・挿入していましたので、1ページが大変長く、重いページとなっていました。 ご自分で自営していきたいとのことでしたので、ブログですべてを構築する提案をしましたが、要求項目がブログソフトでは、荷が重すぎましたので、CMSソフトで有名なGPLのオープンソースソフト「XOOPS」に提案変更しました。 携帯メールの配信システムは、Chama-NetのマガCGI高機能版と空メールにて配信開始・停止ができるWebmailを導入しました。バックナンバーの表示は、XOOPSモジュールを独自開発して対応しました。 デザインは、旧ホームページが大変お気に入りのようでした。かわいらしくて、パステルカラー、文字の字体はポップ体やまる文字体とのことでした。java scriptで風船の画像を下から上にゆらゆらと動かす作りをトップページに使っていました。採用してほしいとのことでしたが、さすがにお断りしました。 ポップ体やまる文字体の採用は、閲覧者側の環境によって、こちらが意図したように表示できないことや文字化けをおこすことがあることを了承してもらい、一部に採用しました。 トップページの黒板は、旧ページで気に入っていたそうですので、採用しました。
|
||||
 |
2007年8月作成 監督からのコンセプトは、「かっこ良くて、自分たちで更新できるホームページ」とのことでした。試合の写真や記事をメインに運営したいとのことでしたので、ユーザ管理機能のあるCMSソフトで有名なGPLのオープンソースソフト「XOOPS」にて構築しました。 ゲストユーザとコミュニケーションする機能は、一切省いて欲しいとのことでしたので、部員やOBのかただけが参加できる掲示板などを提案しました。XOOPSでは、管理画面からコメント機能などを停止することができますので、このような希望も簡単に対応できます。 XOOPSの各モジュールは、テンプレートやソースにかなり手を加えました。XOOPS本体のソースは、必要最小限の変更にとどめ、バージョンアップ時の工数削減に努めました。 バナー部分は、大きくしてほしいとのことでしたので、通常よりも高さがあります。バナーの写真も自分たちで更新できるようにしたいとの希望があり、myAlbum-Pモジュールを改造して、バナー作成モジュールを作りました。複数の画像を登録しておくことで、バナーの画像がランダムに変わります。 文章の入力画面は、HTMLタグを知らなくても、ワープロに近い感覚で文字の装飾などができるよう、WYSIWYGエディタ「SPAW」を組み込みました。 XOOPSのテーマ用テンプレートは、SEO対策されていませんでしたので、追加しておきました。 営利目的のホームページではないことから、無料のYahooカテゴリー登録を依頼したところ、審査がパスしました。 |
||||
 |
2007年7月作成 新規サイト構築です。以前作成した石の声(株)様の供養商品専門サイトとして立ち上げました。ブログソフトMovable Typeを全面採用しました。全ページにコメントとトラックバックを受け入れる設定にして、相互コミュニケーションができるようにしました。社員のかたが、ブログを更新しやすいよう、文章入力画面には、WYSIWYGエディタのTynyMCEforMTを導入してあります。 最新ブログ記事は、トップページに表示するようにしてあります。 SEO対策は、タイトルや段落タグ、検索サイトYahooやMSNに有効とされるRORサイトマップ(Resources of a Resource)などの工夫のみにとどめてあります。 「昇天」という商品を全面に出したいとのご希望で、比較的大きな画像をトップページに配置してあります。昇天の説明ページには、flashで商品のCMを流して、文章だけでは分かりづらい部分を補助してあります。 新規サイトですが、もともと石の声(株)様にあったページの引っ越しでした。新規で作成したページ関しては、コンサルティングをさせていただきました。 |
||||
 |
2007年6月作成 ページ追加で委託を受けました。アマチュアのかたが作ったサイトでしたので、ホームページ作成ソフトDreamweaverのテンプレート機能で、統一したデザインにしました。ですので、ほぼ全面リニューアルとなってしまいました。従来からのページは、横幅を広く作ってあったため、幅広テーブルの修正や、収まりきれない画像のリサイズなどをしました(画像が荒れたものがあります)。 NPOということで、ホームページ更新の予算が限られています。最新情報などを事務員のかたが更新できるよう、トップページのお知らせ欄を簡単に更新できるwebアプリケーション(IT工房にんにく庵オリジナル製)を導入しました。 ホームページは、プロバイダーの共用エリアでした。webアプリケーションは、別のサーバで提供されていたため、トップページの中にインラインHTMLで表示する作りとしました。SEO対策上好ましくありませんが、致し方ありません。 非営利団体とはいえ、検索サイトの上位に載れば、うれしいものです。そこで、無料のYahooカテゴリー登録を依頼したところ、審査がパスしました。 また、検索サイトYahooやMSNに有効とされるRORサイトマップ(Resources of a Resource)を生成しました。 サイトのアクセス状況を把握したいとのことで、Google Analyticsの導入も実施しました。 デザインは、空の青とと大地の緑をイメージしてもらえるよう、ブルーとグリーンを基調にしました。コンテンツ部分の背景色もクリーム色にして、柔らかさを演出しました。 キャンペーンやコンテストなどのキャラクターや文章などは、ほとんどが電子ファイルで用意していただけたので、安価な価格で収まりました。
|
||||
 |
2007年3月作成 選挙活動用サイトの全面リニューアルです。プロバイダーの共用エリアでしたので、使用できる機能が限定されている状況でした。 ホームページ作成ソフトDreamweaverにて静的ページで作りました。テンプレート機能を使用してデザインに統一感を持たすとともに、ページ追加時の手間(コスト)を減らしました。 リニューアル前のホームページから使える素材が少なく、作り直しました。
|
||||
 |
2006年10月作成 通販サイトを全面リニューアルしました。上下に分かれた2フレーム構成を使用してました。通販用のwebアプリケーション部分は、他サイトの間借りで、インラインフレームで表示する形態でした。独立系通販サイトでは、検索サイトからのリンクが命ですので、フレーム構成の廃止と、通販アプリケーションを自営することになりました。 契約していたレンタルサーバ会社のプランで、データベースを使用するプランを選択すると、レンタル料金がかさむとのことで、IT工房にんにく庵のサーバを共用型でお貸しすることになりました。 web通販アプリケーションは、フリーソフトで定番のosCommerceを使用しました。プログラム部分は、かなりの改良を加え、実用に耐える状態になりました。 SEO対策は、金額的な面でタイトルと段落タグのみにしてあります。ブログによる集客もしたかったのですが、こちらも、無料のブログサイトでの運用となってしまい、集客効果は、いま一歩でした。 商品画像は、旧サイトのものが不鮮明だったため、すべて撮り直ししました。そろわなかった商品は、旧サイトのものを使用しました。商品文章などは、原稿をすべて電子ファイルでいただいたので、助かりました。 現在サイト運営者様のご都合により閉鎖されました。
リニューアル前 |
||||
 |
2006年6月作成 フレーム構成のSEO対策上不適切なサイトをリニューアルしました。ブログソフトMovable Typeを全面採用しました。全ページにコメントとトラックバックを受け入れる設定にして、相互コミュニケーションができるようにしました。社員のかたが、ブログを更新しやすいよう、文章入力画面には、WYSIWYGエディタのTynyMCEforMTを導入してあります。 最新ブログ記事は、トップページに表示するようにしてあります。 SEO対策は、タイトルや段落タグなどの工夫のみにとどめ、あまりいやらしいことまではしてありません。 商品画像が、ホームページで使うには厳しいものが多かったため、撮影したものがかなりありました。そろわなかった商品などもあり、商品画像のないページや、旧サイトで使用していた画像などを流用したため、全体的に統一感のないデザインとなってしまい残念でした。 ホームページコンサルティングに関しては、構成のアドバイスや追加したほうがいいページ(料金等)などのアドバイスをしました。内容(文章)に関するコンサルティングは、金額的なものもあるため、いただいた文章を変更せず掲載しました。 アクセスログ解析の定額契約を結んでいただいているため、毎月レポートをお送りしています。ブログ記事の内容や、追加したほうがいいと思われる内容などもアドバイスさせていただいています。
|
IT工房にんにく庵 Since 2005