SOHO Webデザイナーのキモ -3ページ目

今日の業務

新規案件でMovabletypeでのコミュニティサイト制作のご依頼をいただきました。

コミュニティサイト制作は、経験がないのですが、以前から気になっていた部分でもあるので、いろいろと調べながら作業を進めていこうと思います。

・クライアント様とSkypeで、モデルとしたいサイト、参考サイト、競合サイトなどを検証しながら、打ち合わせ。

・当方のテストサーバーにMTをインストール。

・コミュニティのテストサイトカスタマイズ。

MTのコミュニティ機能のカスタマイズに関する情報が少なく、試行錯誤ですが・・がんばります！

XHTML・CSSのフリーテンプレート配布・商用もOK！

XHTML・CSSのフリーテンプレートを作ってみました。

シンプルで使いやすい構造で、MTの練習にも使えるよう、トップ、カテゴリー、エントリーページを用意しています。

>編集しやすいようにPSDファイルもついていますので、ロゴや見出しのカラーを変えるだけで簡単にイメージを変えられます。

著作権表示やリンクの必要もありませんので、個人、商用を問わず、どうぞご自由にお使いください。

テンプレートの特徴は以下の通りです。

Web標準（世界標準化団体(W3C)）に準拠

MTサイト構築の練習用にもなります。

コンテンツが少ない場合でも、フッターを常にブラウザの下部に固定

フォントサイズを相対値で指定しています。

Win IE6-8 Firefox Safari GoogleChromeで表示確認しています。

Webデザイナーを目指されている方も是非学習材料にしてみてください。

テンプレートをダウンロードする

ご意見、ご感想、コメントなどお気軽にいただけると嬉しいです！！

Facebook:http://www.facebook.com/webcreators.tips

twitter:http://twitter.com/WebcreatorsTips

ウェブサイト：http://web-creators-tips.com

独学でWebデザイナー入門講座。
Webスクールの講師がHTML・CSSの超基本からWebデザインのためのPhotoshop・Illustratorの使い方まで動画で解説しています。
独学でWebデザイナー入門講座　Webクリチップス

こちらも、ぜひ、参考にしてみてください。

IE6・7・8でページが真っ白になる

最近納品したホームページについて、お客様より、IE6-8で、画面が真っ白の状態になっているとご連絡をいただきました。

表示を確認して納品したし、私のPCからは問題なく表示されています。

ソースを開いてもちゃんと受信されているので、表示がおかしいのは文字コードの問題か。

調べてみると、IEで文字コードがEUC、UTF-8の場合にこのような現象が起こるみたいです。

IEのメニューバー→表示→エンコード→自動選択となっていれば、このような現象はおきないのですが、これはユーザー側の設定次第なので、制作側で対策しなければいけません。

IEのエンコードのデフォルトはSHIFT-JIS。

制作したホームページがEUC、UTF-8などの場合、IEが文字コードを判断できていないとページは表示されません。

そこで、文字コード宣言を＜head＞タグの直下に入れてみたら・・ばっちり解決しました。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

▼参考になったサイト

http://www.drk7.jp/MT/archives/001163.html

▼PHPや.htaccessでの解決方法

http://blog.veryposi.info/programing/php/utf-8-ie-php/

自分の魅せたいようにデザインする

お客様に提示したWebデザインカンプ。

トップページの全体のイメージは気に入っていただけたのですが、イメージ画像やアクセントとなるパーツを変更してほしいとのこと。

トップページはホームページの顔ともいえるところなので、できるだけ納得していただけるまで修正に対応しています。

今回は、メールでやりとりしながら、計5回目で納得していただけました。

アクセントとなるパーツには、リーフを入れていたのですが、

お客様：「このリーフは好きではないので、こっちのリーフにして欲しい。こっちのハートもいいかも」・・・

と送られてきたのが何ともイメージのずれたもの。

私：「全体のイメージがほんわかした雰囲気で淡い配色なので、初めにご提示したもののように引き締め効果のあるパーツで補色をアクセントにしましょう。」

お客様：「イメージ画像には人物はいれないで、ハーブや花のイメージを入れてほしい。」・・・

私：「でも、お客様の業種なら人物があり、少し生活感があったほうがよろしいかと思います。」

作業量自体は、部分的にちょいと変更するだけなので、負担はなかったのですが、OKがでた最終デザインと最初にご提示したデザインを見比べると・・

断然、最初のデザインのほうがカッコいい。

Web制作をしていると、クライアントとのこんなやりとり、よくありますよね。

そんな時はどこまで、クライアントの要望に答え、修正作業に応じるか悩んでしまいます。

Webデザインの師匠に

「自分がこう魅せたいから、このデザインにする」

という根っこでデザインすればいい。

と教えられ、デザインに迷うといつもこの言葉を思い出してきました。

しかし、ホームページはクライアントのもの。（本当はユーザーのものだと思うけど）

クライアント側としては、納得のいかないものにお金は出せないでしょう。

結局、妥協してクライアント寄りのデザインで納品するしかないのか・・・

いや、しかし！！めげない！

これからも、どんどん「自分の魅せたいようにデザインする」webデザイナーでありたい。

MTで携帯サイト構築のお問い合わせ

MTで携帯サイト構築のお問い合わせがありました。

携帯サイト構築の案件は、まだ少ないので、早速、最新の携帯サイト構築事情、MTでの構築関連など情報収集。

お問い合わせのやり取りは、メールをご希望。
電話だと早いんですが・・

メールでのやり取りは、国語力がいると改めて実感。
Webの知識をお持ちの方のようですが、お見積りに必要な情報が少なく、何度かのやりとりで、かなり時間を使ってしまいました。

MTで携帯サイト構築といっても・・

現状のMTをカスタマイズして構築するのか、新たに構築しなおすのか？
ウェブサイト全体かブログ部分だけなのか？
利用しているサーバー、データベース。
MTのバージョン
携帯サイトはテキストのみなのか、画像も入れるのか？
絵文字などの携帯電話独自の機能など、機種ごと、キャリアごとへのきめ細かい対応が必要なのか？
携帯電話からの投稿もしたいのか？

・・・などなど、内容によってコストも時間も変わってくるので・・

確認事項の多い内容のものは、「お電話かスカイプでお願いします！！」

としたいところだけど、お忙しいお客様の場合はそうもいかず・・。

せっかく、こんな小さな個人事務所を選んでお問い合わせ下さったのだから大切にしたい。

案件の傾向ごとにヒアリングシートを作ったらどうだろう。

Webデザインやコーディングなどの制作に比べると、地味～な作業だけれど・・。

SOHOの現場は、すべての作業はひとりなので、効率よくかつ正確で丁寧にいかないと。

できたら、このブログでもお見せしますねん～