Web制作会社のマーズデザイン  »  Webディレクター  

 

Webディレクター

お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。

2009年2月27日

FlashサイトのSEO対策

今日は、FlashサイトのSEO対策について
調べてみました。

SEOを行う上でFLASHで構成されたサイトは
非常に扱いにくいと考えられてきました。

FLASHで作成されたコンテンツは全て.swfというファイル形式に変換されてしまい、
クローラーが読み取ることができませんでした。

しかし、現在ではGoogleにおいて.swfは読まれていることが確認されているようです。

Flash 8以降SWFファイルに直接メタデータを埋め込むこともできるようになっています。
 
SWF内のメタデータを検索してくれる検索エンジンであれば、
SWF ファイルに埋め込んだ検索メタデータをもとに検索が可能となります。

Flash TechNote/検索メタデータを埋め込むには

しかし、オールFLASHのサイトに対してSEO対策を施すことは、難しいようです。。。

GoogleはFLASHの中身を読み取ることは可能のようですが、
読み取った内容が検索順位へ影響しているとは言えないようです。



2009年2月26日

バーチャル東京マラソン2009

本日公開の『バーチャル東京マラソン2009

こちらは、東京マラソン2009のオフィシャルドリンク
「アミノバリュー」大塚製薬サイトのコンテンツ。

自分のキャラがバーチャル東京マラソンのステージを進んで行きます。

キャラクターのウェアを試着室でカスタマイズしたり、
参加しているユーザー同士でコミュニケーションもできちゃいます。

給水所やイベント、コンビニエンスストアでダブルアミノバリューをGET。
ダブルアミノバリューを友達や身近に走っている人へ渡すことで友情を
分けることができます。。。。。

また、ブログパーツで自分のキャラクターをブログに張り付けることもできます。

2.jpg早速、今日から10Km走ります。

ランナーも応援の方も、バーチャルマラソンでつながろう。





2009年2月25日

タイポグラフィ

今日は、あるデザイン制作会社の
サイトをご紹介。

Interactive Agency // we are FL2 //

サイト全体が、文字をメインにタイポグラフィックなデザイン。

Flashでの動き方も、立体的で飽きません。

タイポグラフィ』とは?
印刷物の体裁に影響を及ぼす、文字の書体、大きさ、
配列のしかたなど、視覚効果の総称です。

近代タイポグラフィは書籍、ポスター、パッケージ、ダイレクトメールなど
さまざまな分野に広がり、グラフィック・デザインとしての文字の選択やレイアウトなど、ことばの視覚的表現ともいえる機能が要求され、ロゴタイプ、シンボルマーク、
絵文字などもその対象として考えられ、現代ではさらに、技術革新のなかで、
テレビや映画などの映像によるもの、コンピュータ技術を使った新しい視覚伝達媒体によるものなど、タイポグラフィの新しい分野が開拓されつつあります。






2009年2月24日

ナショナルジオグラフィック

『ナショナルジオグラフィック』とは?

「地球と人をより広く、より深く知りたい」という一般の人から著名な探検家、科学者や政治、経済、芸術など各界のリーダーまで世界180ヵ国 850万人の知的好奇心を満足させる
ビジュアル雑誌です。"ブライトリー・イエロー"(輝く黄色)と呼ばれるこの黄色い縁取りの雑誌は、米国 では教養のある家庭のシンボルとして広く読まれ、親子や夫婦の会話の素材として、高い人気と信頼を得ています。

日本語版Webサイト『ナショナルジオグラフィック

「天国に一番近い高原」「地球の命 絶滅危惧種」「パンダ貨します」などなど・・・
私たちがまだまだ知らない地球を紹介しています。




2009年2月23日

バングラデシュのグラミン銀行

弊社の代表が次世代のリーダーを育成する
ISLアソシエイトプログラムでバングラデシュに行っておりました。

先日帰国し、色々と興味深い話をしてくれました。

バングラデシュは、2006年10月13日、ノルウェーのノーベル賞委員会において、2006年のノーベル平和賞をバングラデシュのグラミン銀行と創設者のムハマド・ユヌス総裁に授与することを発表したことで、今注目を集めている国です。

バングラデシュのグラミン銀行




2009年2月20日

リラックマ

最近、コンビニにいくと、『リラックマ』との
コラボレーション商品をよく見かけます。

リラックマって人気があるのだなと思っていたら、
私の想像以上に、大人気みたいです。

東京駅に300人が行列!「リラックマストア」がオープン
リラックマ」とは、「たれぱんだ」など、キャラクターグッズの流行を生み続ける
サンエックスから発売されているキャラクターです。

小学生の女の子たちの間で人気を集めているキャラクターですが、
いまでは、不景気で疲れた中高年層も、リラックマに癒しを求める現象が
起きているとのことです。。。

この東京駅店は大阪梅田店に次いで2店目となり、関東圏では初の出店とのこと。
東京駅店OPENを記念して、東京駅一番街 いちばんプラザにリラックマ・コリラックマが
登場!
リラックマストア限定商品も・・・

すごく大人気です。




2009年2月19日

WEBディレクター コンセプトは 『想像するeco』

「東京の道路が芝生だったら?」

こんなテーマで写真を加工してアップしていく
アートプロジェクト『Green Island』

このプロジェクトのコンセプトとしては、

「大きな企業が実施するような、木を植えたり、井戸を掘ったりは僕たちには出来ませんが、想像することは出来ます」

ということらしいです。

想像するeco というのもなんか良いですね。

品川も大崎も五反田も原宿も代々木も・・・芝生になってます。




2009年2月18日

WEBディレクター コンテンツ企画

こちらのサイトはかなり凝っています。

Sony 『ハンディカム』のコンテンツ

Cam with me

女の子が子供から大人に成長していく過程を『ハンディカム』で録画して
思い出を残す疑似体験コンテンツ。
ユーザーが商品を購入したら生活のなかでこういう感じで使用する・・・
何か商品購入することで、幸せな生活が始まるかの様な演出です。

商品のコンセプトを、うまく伝えたよいコンテンツだと思います。

エンディングではユーザーがハンディカムで記録した映像が流れて、
親心で子供との思い出を振り返るという演出もいいですね。
ちょっとセンチな気分にもなります。




2009年2月17日

GUINNESS

私がアイルランドへ留学していた際に、
夜な夜なアイリッシュパブに行って良く飲んでいたビール 『ギネス』

クリーミィな泡とビールのふたつの層に綺麗に別れるのを待ちながら
アイリッシュミュージックをゆったり聴いていた記憶があります。

個人的にお気に入りの 『ギネス』

今年で250周年を迎えました。

GUINNESS
こちらのサイトではギネスの歴史とともに、
全世界でのギネスの現在の広告と過去数年の広告をみることができます。

テレビ広告・ポスター広告・クラシック広告などなど
どれもアイデアに富んでいて、とても楽しいです。

サイト全体が商品の特徴を表現しており、
Flashなどで、ギネスの泡を綺麗に再現したりと、シズル感を訴求していて◎




2009年2月16日

今年も花粉症

先週末は、この時期にしては
気持ち悪いくらい暖かくなりました。

暖かくなってきたせいか、早くも『花粉症』の話題が出始めました。

今日は、こんなサイトを見つけました。

アレルギー i



日本における花粉症の患者数は
推定4000万人といわれているようです。。。。

また、今年の花粉飛散量は昨夏の気象状況から推測されるらしく
2009年は「平年並みからやや多め」と予測されているみたいですね・・・

私は、幸いにもまだ花粉症は発症していませんが、
毎年この時期は「今年こそ来るのでは・・・」と心配になります。

知人の症状を見てる限り、耐えられません。。。




2009年2月13日

海外サイトをサーフィン

今日は、海外のWebではどのようなサイトがあるか、
Yahoo UKでサーフィンしました。

1.jpg Windows Live Messenger on your mobile

UKだけあって、ユーロ国のバス停を背景にしたデザインサイト。

ユーロのモバイル会社のロゴTシャツを着せたアイコンがかわいいです。

バス停でバス待ちしている際に、携帯でメッセージを
確認するといったイメージでしょうか。

コンテンツメニューも、メモが開くようなデザインで、
製品イメージを訴求しています。

また、こちらのサイトをデザインした?のか
右下に制作会社らしきサイトへのリンクロゴが貼られています。

http://www.kassius.fr/

ここのサイトもとても面白いです。フランスのデザイン会社?
大手企業の広告やWebコンテンツを手掛けているみたいです。




2009年2月12日

品質管理

品質管理を行うための
基本的な管理プロセスとしては、

「PDCAサイクル」がもっとも一般的といわれています。
1.jpg
PDCAサイクルとは

・PLAN(計画)
 目標を設定して、それを実現するためのプロセスを設計する。
・DO(実行)
 計画を実行し、そのパフォーマンスを測定する。
・Check(検証)
 測定結果を評価し、結果を目標と比較する分析を行う。
・ACTION(処置)
 プロセスの継続的改善・向上に必要な措置を実施する。

上記を繰り返し実践することで
品質の向上や業務の改善に繋げていく管理プロセスです。

このサイクルを繰り返すことで、品質の向上、業務改善を図るというものです。


品質管理の基準は、クライアントの要望やプロジェクトの性質、その成果物を使用する
ユーザー環境によって変わってくるので、これに即した品質管理計画を立てる必要があります。





2009年2月10日

便利ツール

今日は、使っている便利ツールをご紹介します。

だいなファイラー

様々な案件を同時進行しているWebディレクターにとって、
いつの間にか自分のディスクトップがアイコンで
ドラクエのマップみたいになってしまいがちです。

こちらのツールを使うことで、ファイルやフォルダの検索がとてもスムーズ。
キーボート主体の操作なので、外出が多い際、ノートPCでサクサク作業を進められます。






2009年2月 9日

商品訴求

SN3E0034.jpg先日、渋谷にあるリゾート&リラックスをコンセプトにした、
Zip Zap」にランチへいってきました。

こちらで、ランチメニューのハンバーガーをいただきました。
肉汁たっぷりのハンバーガーに、「チェダーチーズ」「フライドエッグ」他
ハンバーガートッピングを選べるのが楽しいですね。

とても美味しかったです。

写真は、その後のデザート。


こちらのお店のHPに関しましては、Flashで店内の写真を、全体の色味を
黒を基調として、お店のおしゃれな雰囲気をよく表現しているかと思います。

ただ、飲食店なので、撮りおろしの写真などを使い、もう少し料理画像があると、
シズル感がでて、実際に食べたいと思わせる気持ちを訴求できるかなと思います。
(ハンバーガーから「ゆげ」出したりとかの効果など・・・)

お店の場所も大通りから少し裏路地にはいったあたりで、
お店の目の前が幼稚園という、少しほのぼのとした雰囲気の場所で◎

このあたりは静かで、とても個性的で、
ちょっと入ってみたくなるようなお店が沢山あります。

良く晴れた休日の散歩にはもってこいの場所ですね。

ハンバーグも 「レア」、「ミディアム」、「ウェルダン」と
お肉の焼き加減もお好みで選べます。





2009年2月 6日

コンバージョンを意識したページ

今回は、
「コンバージョン」を意識したページ制作

における基本的な事柄をまとめてみました。


■ユーザーメリットは早めに伝える

ユーザーがせっかちであることは、n秒ルールという言葉があることからも分かりますが、せっかちなユーザーに早い段階でメリットを伝える必要があります。

プレゼント付きキャンペーンであればヘッダー周辺に
「プレゼントが当たる」という文言を添えておく事など。

■インセンティブ付与の条件を伝える
ユーザーにとってのメリット(=インセンティブ)は、何を行えば付与されるのか
プレゼントに魅力を感じたユーザーが気になるのは、この事です。


会員登録が完了したらプレゼントがもらえるのか?登録申込をしただけでもらえるのか?
全員にもらえるのか?いつもらるのか?どういった手順でもらえるのか?
手順にはどれだけ時間がかるのか?

より具体的に記載することが大切です。


■登録の手順や方法を指し示すナビゲーション
登録の手順や方法を指し示すナビゲーションが分かりづらいと、
ユーザーは先に進むのを諦め離脱します。先に進む意志があるのに、
道が分かりづらいという理由でユーザーを取りこぼしてしまいます。

 数字、アルファベット、ピクトグラム等を使って分かり易いものにするのが◎

■押したいボタンを配置
さあ、申し込もう!と思ってもどこをクリックすれば良いのか、そこでユーザー迷わせてしまっては「申込ボタン」の意味がありません。
無意識下で人に特定行動を促すような、一目でボタンと分かる「押したいボタン」を
配置しましょう。


■ページが表示された時
スクロール無しで閲覧出来る領域に訴求したい文言や、クリックして欲しいリンク、
ボタンを配置することも重要です。
ヘッダーイメージのほかキラーワードとなるコピー、ユーザーに促したい具体的な
アクションを記載すると効果的です。


■読みやすさ
webでは雑誌や新聞にない多彩な表現が可能ですが、それでもやはり最も読みやすい文字となると、白と黒の組み合わせに落ち着きます。

明るい背景に彩度の低いテキストなど可読性の伴わないのは避けましょう。

また、ブラウザに表現を左右されますので、コピーや警告文など必ず読ませたい文言は
画像による装飾文字の方が読みやすい場合もあります。


■スクロールは短く
通常1ページの縦スクロースは、最長2.5スクロールまでが適切と言われます。
しかしコンバージョンを意識する場合、適切なのは1.5スクロールまでです。
スクロールの長さに比例してユーザーは離脱します。


■入力フォームのある場合、ユーザーは必須項目のみを入力して先に進もうとします。
ところが、どの項目が必須なのか分からない場合、ユーザーは離脱する傾向が高まります。
どれが必須項目なのか、分かるよう明記しましょう。


■キーボードを触らせない
また入力フォーム自体、ストレスと感じるユーザーも多く存在します。
彼らのストレスの原因の多くはキーボード入力です。

マウスのみで進む事のできるフォームに改善することで離脱率を下げることができます。


■エラー
エラーは「ユーザーが諦める」もっとも大きなポイントです。
エラーをエラーと思わせない施策がベストですが、最低限必要なのはエラー時に
「何が起っているのか」という現状説明と、」「その対処方法」を
分かりやすく示すことです。







2009年2月 5日

ライフスタイル D30

太った人のライフスタイルマガジン D30


「太った人」に向けた情報発信サイト。
こちらのコンセプトがとてもユニークです。

こちらのサイトはとても良くできていて、
企画構成もかなり興味深いものがあります。

太った人がお勧めする美味しいお肉のお店など、
何だかとても美味しそうな感じがして、気になります。。。




2009年2月 5日

秋田限定「オランダせんべい」

SN3E0035.jpg今日はいつもお世話になっている、
雄物川印刷 様 より、お菓子をいただきました。

弊社の名刺印刷のご依頼を先日させていただきまして、
本日、納品いただきました。

名刺と一緒に、秋田限定「オランダせんべい」を同送いただきました。

この「オランダせんべい」は、あきたこまちを100%使用しており、
原材料には うるち米(秋田産)、こめ油、食塩 のみ。

香料も使っていないのに、袋を開けた瞬間、とても香ばしい匂いがしました。

自然な美味しさで、満たされました。。。



2009年2月 3日

段取り

本日は、新規Webページ制作をご依頼いただいたお客様の
オフィスへ撮影に行ってまいりました。

弊社では、Webページ制作をご依頼いただいたお客様より
御要望いただきましたら、Webページ素材の取材撮影も行っております。

今日は、その段取りを振り返って。。。
本日の撮影を振り返って、私なりに少し段取りの悪さを反省しました。。。

スムーズな取材撮影時の段取り

①撮影当日、お客様のもとへ伺う前に、早めに撮影現地近くに集合。
 撮影スタッフと、撮影段取りの最終確認
 ⇒どのような写真素材が必要か、また、お客様の雰囲気など、事前に再確認。

②お客様のもとへ
 ⇒まずは撮影の流れと、かかるであろうおおよその撮影時間のご案内。
  また、撮影に関してご協力いただける部分の確認。
  お客様のご要望をヒアリング。
 (どのようなイメージをWebページで表現したいかなどを再確認)
 
      その間に、撮影スタッフへ撮影機材のセッティングを進めてもらう。

     撮影のセッティングが終わるまで、お時間がかかる場合は、
  セッティングが終わり次第、お客様にお知らせする。

    お忙しいお客様には、業務を優先していいただき、ご都合に合わせて、
    撮影にご協力いただけるように、お願をいたします。

③撮影開始
   なるべく、お客様のお仕事の邪魔にならぬように、撮影を進めていきます。
   ②の時に、その日のお客様のご予定をヒアリングし、ご予定に合わせて、
   撮影段取りを臨機応変に変更。

   撮影機材などは、かさばるものがあるので、どこか機材を置ける
   スペースなどを確保できるようにお願しておくのも◎


以上が、本日の撮影においてスムーズに進められなかった点です。。。

これを踏まえて、次回からはもっとお客様をリードして、
ディレクターとして、安心感を与えられるように努めていきたいです。




2009年2月 2日

脳の使い方

最近、残り97%の脳の使い方  【著】苫米地 英人 の本に付属している
セミナーCDを聞きました。

このCDに収録されているセミナーは
なんと、400席が数分で埋まった貴重なセミナーCDのようです。

「目標は、達成できそうもない荒唐無稽な方が良い」

本気で達成したと思っていることが重要で、
リアルにイメージできる必要はないそうです。
イメージがあって強い臨場感があれば「リアリティ」であるということらしい。
(リアルであることは、現状の延長でしかないから)

目標を持ったら達成するために※アファメーションをやる。
そして代替イメージに現実世界よりも慣れ親しむように何度も
リアルなイメージを繰り返す。


※アファメーションとは、自分に対して語りかける肯定的な宣言の言葉のことで、
アファメーションは、自分に対して意識的によい言葉を選んで言い 続けることによって、
自分自身の意識や心のあり方を変えて、自分の望む 方向にすすんでいく方法のようです。


このように、ちょっとトリッキーな言葉で語ってくる内容は、
興味深い物でした。









ホームページ掲載以外にもWEBサイト制作実績・成功事例紹介多数ございます。
Webサイトからお問い合わせのお客様に限り、納品後3ヶ月のコンサルティング(期間限定)

Web制作の無料見積もり・お問い合わせ