CSS
無料お問合せはこちらから TEL 075-257-4588 営業時間 AM9:30~PM6:30

スタッフブログ | 天然ユイチャンのWEBデザインのツボ
スタッフブログ
天然ユイチャンのWEBデザインのツボ

コンセプトとデザイン
 こちらは、CMでもおなじみのサイト。
 「ひまらやほどーのーけしごむひとーつ・・・♪」
 聞き覚えのある歌、馴染みのある顔。
 宮崎あおいに、ブルーハーツ、
 earth music & ecology のお店。

 ぱっと見た雰囲気では、「宮崎あおい」の雰囲気そのものが
 残ります。

 自然体。親しみやすい雰囲気。かわいさ。

 彼女の雰囲気そのものが、こちらのブランドの
 コンセプトにマッチしているのが、サイトでもよく分かります。

 そして、トップページのコピー「あした何着て生きていく?」
 ありきたりな言葉だけど、なんとなく、胸に残る言葉ですね。
 「あした何着てく?」とかけて、どんな服を普段着てすごすの?
 を短く言い切っています。

 深く意味があるけど、爽やかな思いを残す、素敵な言葉ですね。

 又、「10 days coordinate」のページも見ていて、たのしいです。
 「宮崎あおいが着るからいい!」なわけでなく、一般の人が着ても
 こんなにおしゃれに着られる・・・という。
 このバランスが上手だなと思います。
 かわいい!宮崎あおいも着ている!でも、ワタシ達も手に届く
 かわいさだッ!
 まるで、そういっているみたいです。


 全体的なデザインは、FLASHを全面に使用し、色も水色と白のみの、
 シンプルなつくりです。

 また、この水色ですが、よくみる水色ではなく、
 ちょっとくすんだ水色。
 このくすんだ色がどことなく、おおらかな、
 ホッとココロなごます感じで、見ていて安心しますね。

 色、宮崎あおい、言葉、すべてにおいて、ブランドの
 コンセプトが伝わる、とってもバランスの良いサイトです。

 ぜひ、ご覧下さい。


 http://www.earth1999.jp/


| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=155 |
| 天然ユイチャンのWEBデザインのツボ | 06:38 PM | comments (x) | trackback (x) |

デザインの雰囲気 = サイト内容
今回のサイトは、天保山にある水族館「海遊館」のサイトです。
http://www.kaiyukan.com/

海遊館といえば、なんといっても世界最大の魚「ジンベエザメ」を
見ることができる水族館です。

ちょっと薄暗い館内が、異世界に来た錯覚にとらわれ、
水の音、動き、動く魚たちが癒しを提供してくれます。

ワタシも何回か行き、ジンベエザメの看板をバックに
したダブルピースの写真を記念に取ってもらいました。
ほんとに、ずーっといたくなってしまう居心地のよさ。
とくに、クラゲが大好きなので、ついつい何時間も見入って
ボーっとしてしまいます。

さて、サイトについてですが、凝ってますよね。。
とくにトップのメニューボタン!
水族館のサイトだけあって、波打つボタン。
そして、背景は海の写真。
それに、ボトムには、左に休館日の予告。
右には、海遊館日記と、おそらくこちらのページは、
ブログで作成され、スタッフの方達が更新できるように作られているのでしょう。
行けない日に行われているイベントとかが確認できるし、スタッフの方々が身近
な存在に感じられ、ついつい読んでしまいます。

また、「おうち海遊館」のページは、ホームページサイトならでは!
壁紙や、ペーパークラフトが楽しめます。
ペーパークラフトは、PDFでダウンロードでき、組み立てて楽しむことができます。

ぜひ、ご覧下さい。
http://www.kaiyukan.com/



| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=151 |
| 天然ユイチャンのWEBデザインのツボ | 06:15 PM | comments (x) | trackback (x) |

デザインの統一感
今回ご紹介するサイトは、

「誕生!中国文明特別展」です。

音楽も駆りたたえるような中国っぽい音楽。
そして、動きがとってもユニークです。

最初に卵をもった人間の手が出てきます。
何かと思ったら、マウスにそって動き、ボタンを
クリックすると、卵が割れます。音もリアルです。
動きも滑らかで、クリックする前の手の動きも
なんとなく、リアルです。

そしてクリック後の、次のページにはなぜか、ひよこが・・・
ひよこのサイズを基準に、瓶やら壷などのサイズを
示しているいるのだと思います。

トップは、バリバリのFLASHですが、左下の「誕生!中国
文明」のボタンを押すと、HTMLのページが開き、
音楽もストップします。

背景は、ひよこの毛並みのような背景。
QRコードの真ん中にもひよこが・・・
ここまで統一されていると、ある種の統一感、
かわいさが見られ、微笑んでしまいます。

展示会のサイトですが、堅苦しい雰囲気がなく、
ユニークさ、かわいさが感じられ、ついいきたくなってしまう
サイトですね。

ぜひ、見てみて下さい。

http://tanjochina.jp/


| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=150 |
| 天然ユイチャンのWEBデザインのツボ | 06:14 PM | comments (x) | trackback (x) |

多くの人が訪れるサイト。
今回おすすめするサイトはラッシュジャパンのサイト。
英国から生まれた手作りコスメとして世界中で使用されているブランドです。

自然なものをモットーにしていて、パッケージも手作り感ある紙、ボトルも再利用をしており、
購入すると発展途上国に募金されるなど、そういう方面にも力を入れているブランドです。

サイトも常に何かをしていて、新商品も約月1回は必ず発売。
キャンペーンも毎回違います。

販売を目的とするサイトでやはり重要なのは上でも書いた「キャンペーン」と「新商品」を
サイトを見たときに一番にわかるように目立つところに置くこと。

そしてこのサイトですばらしいところは何といってもレビューの多さです。
新商品が出たらその日に書き込まれます。
なぜ多いのか、、、もちろん人気だということもありますが、このレビューを見たらわかりますが、
新商品が多いだけに駄作もあるわけで常に好評というわけではなく、不評もバンバン書き込まれてます。

けれどもここは不評を削除したりしません。
ユーザーはこのレビューを見たり、厳密にかかれた成分やどういう効果があるのかというところで
判断しますが、不評を削除しない点は信頼できますよね。
またそれほど自信もあるということです。


こちらのブランドはお店での販売もしていますが、ショップスタッフの元気のよさ、活気がある点はサイトでも
共通するところがあります。石鹸やボディ化粧品を販売していますが、たまにどう使っていいかわからないときもあり、
そういうときは、スタッフが使用しているムービーをみたりするわけです。

そして、もうひとついいところが、通販限定品があるということ。
しかも数量限定もあり、販売する何日か前に予告し、販売するわけで、すぐ購入しないと売り切れてしまったりもします。
こういう限定品があると購入意欲が倍増しますね。
色んなことをサイトの中に取り入れ、スタッフ同様つねに活気づいていますね!


そして、サイトデザインの部分ですが背景は白黒をベースに、商品のパッケージが派手なこともあり、その商品のアピールしたい
部分も多々あり、テキスト部分も多く、背景はシンプルに押さえてあります。
またフォントも手作り感溢れるフォント。
ブランドのコンセプトにある自然、安心をモットーにしているのがサイトの雰囲気で伝わります。
そのほかメルマガ登録や、ショップブログもあり、商品ランキングもあり、常にユーザーをほっとかないサイトです。
ワタシもサイトを見るたびにカートをついついいっぱいにしてしまいます。ぜひ見てみて下さいね。

http://www.lushjapan.com/

| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=141 |
| 天然ユイチャンのWEBデザインのツボ | 10:25 AM | comments (x) | trackback (x) |

『良いサイト』
今回のおすすめは、こちらのサイト。
↓↓↓
http://fontpark.morisawa.co.jp/

黒白でごくごくシンプルな色合いは、
フォントのサイトらしく、字本来の味を
引き出してくれます。

このサイトは遊べるコンテンツを目的とした
サイトで、何かあるわけでなく、「見ること、パソコンを
操作すること」を楽しんでもらうことを
目的としています。

サイト自体はそうですが、作成されている「モリサワ」
という会社は、フォントや文字組版テクノロジーの会社。
紙面や液晶機器にまで美しい文字を表現されます。

遊び方は、ソ●ティアの様にゴールすると達成感の湧くゲームのような
サイトではないですが、音を聞いたり、マウスで操作したり、
視覚聴覚を刺激し、癒してくれます。

遊び方は、こうです。↓
「ドラッグ」で文字の移動や回転。
「ホイール」で文字の拡大や縮小。
「ダブルクリック」で複製。
「ステージ上で範囲選択」で文字のグループ化。
「画面外に投げる」で文字の消去。
これらの操作で文字と遊びます。

この様にマウスをフルに使うので、パソコン初心者の方、
マウスの操作が苦手な方は、練習にもなります。
しかも、楽しみながら学べるっていいーですね。
パソコンの操作が初めての方にとっては、
ダブルクリックだって、難しい!
昔はそういう方には『キータッ●2000』を言われるが
ままにすすめてましたけど、実際自分で使ったときには、
指が動きにくく、苦痛で、しまいにはイラっとする。
そして、二度とやらなくなる…。
苦痛だったら長続きできません。どうせなら夢中になれるものを。
ワタシも、ソ●ティアでダブルクリック、クリック、ドラッグ
に楽しみながら慣れたみたいなもんです。

実際にこちらのサイト「PLAY&CREATE」ボタンからあそんでみてください。
下にある、『色は匂へど散り…』の文字を上のキャンパスにドラッグします。
どうやって作成しているんでしょう。
ソフトはフラッシュですね。全面フラッシュです。
まず飛びぬけてすばらしい点は、動きの滑らかさにあります。

動きをスムーズにさせるって難しいことです。
フラッシュのアクションスクリプトを使っているんでしょう。
サイトを見ている側は、サイトが重いとパソコンが固まったり、
動きがたどたどしくなったりし、
しまいには、もう2度と見なくなるでしょう。
その点こちらのサイトは素晴らしい。
見ながらにして癒してくれます。
何も考えずにパソコンを操作できるからです。
しかも動かしたいように動かせる。

本来パソコンは、使えば使うほど体を害する物です。
目、肩、腰、長時間使っているとすごく疲れてしまいます。
でもだからといって、パソコンがなくなる時代は来るはずもなく、
その共に時間を多く過ごしているパソコンで、癒されるのであれば、
数あるうちの、『良いサイト』ってことですね。

http://fontpark.morisawa.co.jp/

| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=137 |
| 天然ユイチャンのWEBデザインのツボ | 02:08 PM | comments (x) | trackback (x) |

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページ制作の事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM9:30-PM6:30

無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00~PM7:00

スタッフブログ | 天然ユイチャンのWEBデザインのツボ
CSS