Web制作会社のマーズデザイン  »  Web制作会社のブログ  

 

Web制作会社のブログ

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

2011年1月31日

ランディングページ制作のコツ

製品やサービスの紹介ページとして作成することの多い、
ランディングページ。
広告から誘導した場合に見競る為に工夫を凝らして作成するものです。
効果的なランディングページにする為のコツが
紹介されてました。



○見出しと広告文を分ける
→見出し部分ではサービスや製品のイメージを伝え、
広告文では、メリハリを利かせ、注目を集めるような
フォントや色をつかって読ませることを心がけ、
ページの下方へスクロールしたい気持ちを換気することが大切。


○デジタルメディアコンテンツの活用
できるだけ多くの情報を与えるため
動画、ポッドキャスティングやインフォグラフィックスなど
多数のデジタルメディアを使用すべきとしています。
より多くの情報を伝えることができるようにしておくことが
大切。

○アクションは早く、必要なものを配置する
ユーザーはサイトを訪れてから目当てのものがないと
すぐに離脱してしまいます。
すぐに必要な情報に到達できることは大切です。
少しでも製品、サービスに興味を持っている人は
アップデート情報なども欲しているので、分かりやすい
位置にメルアドの登録エリアをおいておくと、登録する
率は高まります。
必要なことはしっかり手当てしておくことが大切。


○色によるイメージ
サイトに使う色でも多くのメッセージを
伝えることになります。
黒や緑は威厳と高級感を、ブルーは信頼性と安心を、
赤はエネルギッシュな感じに、黄色やオレンジなども赤と
同様活気に満ちたイメージで注目を集めます。



こうしたポイントを押さえてランディングページを
まとめていくと、要所要所を押さえて的確に
ユーザーを次のアクションへと誘導する目的を
果たすものになるとのこと。
是非、参考にしてみては。。。



ランディングページ制作のコツ




2011年1月31日

便利な無料アプリ

WEB制作会社からすると、自分の首をしめる
感じですが、無料でWEBサイトを作成できる
アプリがいろいろと公開されています。
GoogleもgmailやGoogleMapを使ってサイトを
構築できるなど、いくつかのクリックで
簡単につくれるようになっています。



もちろん企業として大きな商いをしていくには
正規のサイトを持っていた方が、良いと思いますが、
個人レベルで家族や親戚などで楽しむためのものや、
個人事業主として立ち上げようとしている場合、
仲間内の連絡ツールとして使う場合などには
十分な機能といえると思います。


そんな便利な、「今のところ」無料アプリが
紹介されています。

便利な無料アプリの紹介はこちら




2011年1月28日

Jqueryに注目してます

今更なのかもしれませんが、ブログにも
たくさん記事にしているように今、Jqueryに
注目してます。
今日もプログラマーさんと話をしており、
Jqueryの技術と可能な機能について、
いろいろと創造がふくらみ、ついつい本題とは
ずれて話が盛り上がってしまいました。


結構、いろいろできてよいと思うのですが、
皆さんはどう思います?


海外のJqueryについての講義動画




2011年1月27日

情報提供量を何倍にもする情報デザイン

インフォグラフィックスと表記されてましたが、
一目見ただけでその情報内容を読み取ることなく
視覚的に伝えられ、テキストや単なる表だけよりも
何倍もの情報訴求量を持たせられるものかと思います。
そんなインフォグラッフィックスの好例がいくつか
あげられていました。


多くは、そのシェアや推移についてのグラフ情報を
視覚的なデザインとしており、見た目で
そのシェアの大きさや、伸び率が判別できるものです。


英語のサイトですが、テキストが読めなくても
伝えたい、知らせたい情報が一目瞭然ですので、
WEBサイトのデザインとしては取り入れて
いくとより良いサイトになるのではと
思います。


情報提供量を何倍にもするインフォグラフィックス




2011年1月27日

CMSを使う際の美しいデザインレイアウト例30

紹介はWordpressのテンプレート例でしたが、
CMSを使用する際に参考にするとよい、WEBデザインレイアウトが
紹介されてました。
これの通りにつくっていると、似たようなデザインばかりに
なってしまいますが、配置の美しさ、見やすさなど
ヒントにできることが、多いです。


WordPressだけでなく色々なCMS構築のサイトにも
適用できますね。



CMSを使う際の美しいデザインレイアウト例




2011年1月27日

気をつけようロゴデザインの見え方・・・

企業イメージを表すためデザイナーが知恵を絞って
ロゴデザインを考えます。
もちろんクライアントの意見も尊重しつつ・・・
ですが、それが思わぬ結果をもたらすこともあるようです。


そんな、「トホホ」なロゴデザイン例がいくつか
アップされてました。
そうやってみると・・・という感じのものもありますが、
意味合いが変わって、少しエッチな感じに見えてしまう
ようです。

どれも文字間やイラストの配置関係で
そう見えてしまう、目の錯覚のような感じですが、
いわれてみると確かに・・・です。
客観的に見直して、いろんな人の意見を聞いた方が良さそうですね。


気をつけようロゴデザインの見え方




2011年1月27日

HTMLメールの美しいデザイン例

自社のサービスや情報を提供するメールに
HTMLメールを送ることは多いでしょう。



最近は、スパム扱いになるから、また画像が重く
メールソフトで画像を自動ではダウンロードしない設定に
している人も多いからということで、テキストで
送っている方も多いと思います。


アドビやアップルのようにグラッフィクで、画像で
伝えたい場合は、どうしても画像を使用したタイプで
送りたいですよね。

そうであれば、少しでも読んでもらえる為に
より良い役に立つ情報を美しいデザインを
検討してみることも大切ですね。



HTMLメールの美しいデザイン例




2011年1月26日

Flashかと思うJqueryのテクニックとデモ画面

まるでFlashで組んだような動きをみせる事例が
たくさん紹介されてました。
これらは、Jqueryで作成したもので、
そのデモ画面を見ても動きのインパクトが
ありました。
スライダーで動きの向きや速度をかえられるもの。

背景がランダムに動いているもの

3Dのように奥行きがあるように見える動きをするもの

Flashでよくあるマウスオンで大きく表示されるもの

などなど・・・
Flashを使わずとも動きのあるデザインを再現できる
好例がデモ画面とともに紹介されてます。
なかなか良い感じのものがたくさんありますので、
要チェックです!


Flashのような動きを再現、Jqueryのテクニック好例





2011年1月26日

海外セレブのWEBサイトデザイン集

さすが海外セレブとおもわせるような斬新なものから
クールなサイトなどメジャーターゲットのサイトデザインとして
参考になります。


似たものはあるものの日本のセレブのサイトとも
また一風違ってて面白いですね。



海外セレブのWEBサイトデザイン集







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

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