こんにちは、ウェブクリエイターです。

私はあまり雑貨集めやグッズ集めをしない、女の子らしさからはちょっと遠めの性格をしているんですが、家に一つだけカエルのぬいぐるみを所持しています。
全長50cmぐらいのでかいもので、パペットになっているので、後ろから手を入れて口をパクパクと動かすことができます。

人が来てそれを見つけると、いつも取り合いになる人気者です。
とても間抜けな顔をしています。


趣味で集めているものが本ぐらいしかない部屋を見渡して、このカエルみたいな愉快なものがもっとあったら楽しいかな、おもしろ雑貨を集めようかなあと思ったりします。


そういうことを思ったけど今午前二時！　などという時にはネットショップを巡って目に楽しい、あると暮らしが豊かになるだろうものを探します。


よく見に行くのがこちら。e-goods。
http://www.rakuten.co.jp/e-goods/


楽天ショップで、なかなか有名なところなのでご存知の方も多いかなと思いますが、今回はウェブクリエイターとして見た所感をのべていこうと思います。

見た目のデザインで一つ挙げるとしたら、シンプルではあるけれど、にぎやかな雰囲気。

これは使用する色を絞り（イエローが多めで、オレンジが次点ですね）「ベースは白で、色はポイント使いする」ことを徹底してあるからです。
欲張るとできないことです。

あれも目立たせたいし、これも強調したい、この色も好き、ついついそうなりがちなサイト制作を充分に理解してうちの今回のメインはこれ！　というデザインテーマをきっちり踏襲しています。

どこかの色を変えたい。そう思ったときに、ウェブは他の媒体よりもずっとやりやすいものです。
だからこそ「あれもいいかも…」と思ってついやってしまう。やれてしまう。結果として全く統一感がなくなる。そういう例はたくさんあります。制作者には違和感がないように見えても。



さて、店舗運営という点でも、このショップは工夫がどっさり。
ショップにアクセスして、ざっと見て、すごくわくわくしませんか？　私はします。

商品数がとても多いこと。
（数えたわけではないので、もしかしたらそんなにないのかも。でも多く見える。それが重要です）

カテゴリが細分化され、商品が整理されていること。
（わあ、次は何を見ようかな！　と、お客様をハイにさせます。それに「キッズ・トイ」というカテゴリ名を目にして初めてあっそうだ、姪へのプレゼント買うんだった、と思い出す潜在的な見込み客をゲットできるのです）

たくさんの商品をきちんと整理して、どこに何の商品があるかをまず分かりやすく表に出しておくこと。
お客様に「そうだ、あれ欲しかったんだ」と思い出させること。
ネットショップの鉄則です。

この鉄則をビチッと抑えて情報を整理しているから買い物しやすい、見やすいわけですね。


情報が整理されていればビジターの滞在率は上がり、ついで買いも多くなります。
加えてデザインもポップで風通しがよく、「かっこいいお店で買うと気分いいよね」という顧客心をくすぐります。


買いたい気持ちを呼び起こすショップ制作には、デザインと情報量の合わせ技が不可欠！　という話でした。

私は今、脚折りたたみ可能なテーブルをラウンドにしようかスクエアにしようか迷っているところです。
どっちがいいですかねえ。

ではまた！

シルバーの次はブロンズウイークだ、と苦笑とともに迎えられた三連休、みなさまいかがお過ごしでしたでしょうか。
私は家に遠方より友達が来たりて、どたばたと連休を過ごしました。
携帯に万歩計のようなものがついているんですがそれによると8kmぐらい歩いたとのこと。デスクワークが多い人間としては快挙であります。

連休の間晴れが続いたので、すがすがしく清らかな秋晴れで気持ちがよかったですね。
着る服を間違えたまま外に出て、夕方にはがたがたと震え始めましたが。

日が落ちるとものすごい寒いですよね。


さて。個人的には秋といえばもっぱら食欲と読書ですが、スポーツもあるらしいですね、噂によると。
情報筋によれば芸術もあるようですが秋の日はつるべ落とし、いそいそと動き回って堪能したいものです。

http://www.sanfrecce.co.jp/

さて今回はスポーツで。
サンフレッチェ広島のwebサイトをご紹介したいと思います。


押してくる感がゴイスーです。スーパーみっちりしている。
ＴＯＰなんて珍しいことに4カラム（縦列が四つある）。


注目したのは情報の整理です。
ぱっと見てももうかなりの情報が詰め込まれているのが分かります。
flashも1～10番から選択できたり、最上部のびっちり並んだナビゲーションも「マウスを当てるとそのカテゴリのメニューが出る」という形に「場所を取らず情報を収納する」必然性がきちんとあります。
しかもクリックして他のページを見ていっても、しっかり写真やイラストが用意され、どこを見ても充実しています。


濃い紫を基調にはしてありますが、それを暗く見せない、むしろその強さを利用してサイト全体の「濃厚さ」が引き立っています。
サッカーという競技自体の力強さや、チームの頼もしさ、牽引力が存分に引き出されていますね。



さて。
これだけの情報がつまったサイトがターゲットにしている層はどこか？

それはサンフレッチェのファンです。
サッカーはサポーターっていうんでしたか。


これだけのものを作るのには非常に時間もお金もかかります。
もちろん最初はもっとシンプルだったと思いますが、徐々にコンテンツを増やし、サイトを育てたのでしょうね。根気強く。

手間と費用をかけ、しかしその結果、情報が欲しい！　もっと応援したい！　というサポーターに向けてこの上なく魅力的なサイトになっていると思います。
観戦スケジュールを決めるためにサイトを訪れたファンも、選手にスポットを当てた記事やサンフレッチェが行っている様々な活動を知ることでよりチームを深く知り、好きになることができます。
また圧倒的な情報量とまめな更新で、長いスパンのサポーター活動もいきいきとしてきます。

webサイトは何のためにあるのか？　誰のために？
根本的な問いに対して、サイト全体で答えが出ているなと思ったしだいです。
私は根っからのインドアーですが、燃えてきますね。

ではまた！

こんにちは、ウェブクリエイターです。

九月の大型連休を、皆様いかがお過ごしでしたでしょうか。
私は帰省して墓参と同窓会に行ってまいりました。

同窓会はある島のキャンプ場で催されました。
（私は島の出身ではありません）
音楽を鳴らしながら肉を焼いては食べ、おにぎりを食べ、体育館を時間借りして大縄跳びとドッジをして大遊び…という、まあとにかく楽しかったです。

女の子は皆やせてきれいになっているんですが男の子達がおしなべて太っているのがおかしかったです。
皆丸なっとんなー…


さて。学校つながりと言えば言える今回ご紹介するサイト。
名古屋学院大学です。

http://www.ngu.jp/

非常に情報量が多いサイトです。
画面上部のナビゲーションなんか二段に分かれているし、画面下部のフッター兼サイトマップ部分はとても縦幅があります。


デザイン面では、同系色のグラデーションを自然に使って立体感を出し、罫線や矢印といったポイントをうまく取り入れることで情報を読ませるためのメリハリをつけています。

ウェブサイトは情報を得るためのものなので、文字をいかにして読ませるかは非常に重要なことです。

そのサイトが本当に来て欲しいビジターというのは商品の、会社の、そのサイトのことを「つっこんで知りたい」層です。
一番購買や目的達成に近い層ですね。

だから情報は充実させなければならない。
言うても一番大事なのは内容に他なりませんよね。


写真は対象物を明確に撮って効果的に挿入し、視覚的な情報を持たせる。
文章はPRしたい内容を深く理解した上でよく練る。

もちろん写真・文章自体のよさも必要です。
写真には「見やすさ」は当然ですが、「今感」もある程度求められます。
また文章で言えば、句読点が変だったり、誤字脱字があるだけで読む意欲というのは萎えるものです。



このサイトは、見出しや段落ごとの間隔、枠線やボーダー、また表の挿入やその背景色づかいなどとても細かいところにまで気を使って作られており、読み続けることに労させません。

図書館サイトや受験生サイトも一連の形を継承していて、ああここは名古屋学院大学のサイトだ、と自然に意識できますね。
ブランディングとして有効な方法です。


洗練された形態と充実した内容。
情報の出し手と受け手の間に、きれいに橋がかかっています。


見ていて気持ちがよいサイトのご紹介でした。

ではまた！

六本木にある森ビルの展望台が好きです。

何と何が結びついてそう考えるようになったのかは分かりませんが、パノラマで眼下に広がる関東平野を見渡すと、昔読んだ本の一節を思い出します。

海岸に座って雪の舞い降りる空を見上げていると逆に自分が空へ上昇していくような錯覚を覚える、というもので、池澤夏樹の「スティル・ライフ」の中に出てきた部分です。
好きなんですわ池澤夏樹。
娘さんはアニメの声優をしていると聞いて、若干目玉飛び出たものですが。

一度雪の降る日に森ビルの展望台へ行ってみたいと思っています。
京都に住んでいるのでなかなか難しいタイミングですが。


さて、ウェブクリエイターは今回、珍しくフルflashの森ビル「立体緑園都市構想」サイトをご紹介します。
（flash担当は社内にほかにいるので、私がこういうサイトについて言及するのはまれなのです）

http://www.mori.co.jp/company/urban_design/vertical_garden/


キャンペーンサイトですね。
訴えたい内容は非常に社会的、洗練されたものですが、ビジュアルや操作性はとてもポップで
ビジターを楽しませるものになっています。

社長をさがそう！　というゲームをやる中でコンセプトをしっかりと伝えることもできる、よい内容ですね。
私は結局社長を探し出せないままでしたが。


さてさて。私が注目して欲しいのは、その楽しさではありません。

こんなサイトを作るとなると、非常にお金がかかりますということです。

おっといきなりシビア。


flash、イラスト、文字のデザイン。写真。キャッチコピー。そしてこれらを支えるアイデア。

このサイトは、いえ私たちが普段何気なく見ているサイトは、どれも大きな時間と費用をかけて作られています。
何度も何度も打ち合わせを重ね、アイデアを出してやり取りをしあい、できているのです。


たとえば、すぐれたキャッチコピーは街に氾濫していて、どこにでもあるように、誰でも思いつけるもののように思われます。
しかしすぐれているから街に氾濫できるわけです。

イラストも写真も同じで、気に留めずにいられるものほど実は高度なデザイン性を持っていたりします。
それだけ普段の暮らしに溶け込めるということ。


そして問題は、自分が何かを作ろう、何かを始めようと思った時、あまりにもよいものを見慣れているがために「ああいうレベルのものが作れて当然だ」と感じがちだ、ということです。


デザインに、もっと言えばアイデアには非常にお金がかかります。かける金額が違えばかけられる時間や使える素材も当然違う。
できることは大きく違ってきます。実際の話。


苦労を見せないようにやるのがデザインですが、その内実にかけられている労力や費用はもっと知られてしかるべきことよなあ、と、このサイトを見ながら思ったものでありました。



しかし立体緑園都市、いいですね。住みたい。

　　　　　　　　　　　　　　　　　　　　
こんにちは、ウェブクリエイターです。
略してウェイター。
グッドデザインを貴方にお届けします、ってやかましいわ！

　　　　　　　　　　　　　　　　　　　　



さてさて、日々の勉強としてネットサーフをしていますが、モニタや一般的なＰＣのスペックが上がったおかげで、ダイナミックにflashを動かしたり、どでかい画像を使ったり、またまたスーパー鮮やかな色彩で構成されていたりとウェブにおける自由度も広いものであることよ、と感心しています。

その中にあって逆目立ちとも言えるこちらのデザインに、今回は注目したいと思います。タイトルもとてもいい。

BLOG×WORLD ENDING
http://blog.worldending.jp/

着目点はテキストの扱いについて。
まず全体の色調なんですが、「うまくグレーを混ぜている色」を使うことによって ビジュアルの洗練と読みやすさを実現しています。


薄い色を背景に、濃い色を文字に。コントラストを強く。
というのがウェブの鉄則ですが、背景全面をワンカラーにする時、野暮ではない色をチョイスするのは意外と難しいものです。
薄い色＝明るい色、と思ってパステルカラーにしがちだったりしますが、そういう色合いのサイトはかなり計算しないとださいものです。


このサイトでは背景に単一色の画像を指定、画像化された大きな文字を黒、テキストには黒…ですがこれらは実は真っ黒ではなく、明度を上げると茶色になる色を指定してあります。（#1B1310）これはなぜか？
リンクを貼ってあるテキスト部分には臙脂が指定してあります。
ヘッダのナビにも濃いベージュが使われていたりして、「暖色」というくくりで組まれている全体のデザインに親和性を持たせるためなのですね。


#1B1310と#000000は、並べても、おそらくビジターに区別はつきません。
ですが無意識下で微妙に、違いは分かると思うのです。
それも羅列されればされるほど、無意識下に与える影響は大きくなる。テキストはページの多くを占めるので、その微妙さは積み重なり、際立った差異になります。


とても細かいところですが、こういったところにまで行き届いたサイトを作りたいものです。


くわえて画像化されたテキスト、というか見出しですね。
マークや昆虫のシルエット、ロゴなどを入れ込んでタイポグラフとしての面白さを持たせています。
複数のフォントを組み合わせるのは難しいですが、とても参考になります。

「読む」「見る」両方の要素があって、ビジターを飽きさせません。
どこを読もうかすぐに見当をつけられます。
かつ色を統一してあるので、インパクトあるページとなっているのです。


遊び心、洗練、見やすさ。デザインとを兼ね備えた（どれをも意識した）ウェブサイトを作っていきたいものです。

ではまた。
どうでもいいことですが私の友達に、メールでではまた、と挨拶する時絶対に「ではでは、出羽山地！」とやる子がおりまして、いつ突っ込むべきかを微妙に毎回考えます。


まあまあ、では。