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

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

ギャップにとても弱いです。
今回ご紹介するサイトは、こちらのサイトです。
http://www.coby.jp/

こちらは、スクールや保育園など運営する会社様です。
サイトは、本当にシンプル。
カンタンに作れそうなデザインです。
手が込んだデザインの方がいいと思われがちですが、
こちらのサイトをみると、こういうのも親近感があって
いいなぁと逆に納得させられます。
それに、トップのメイン画像が動くので奥行きがあって
いいと思います。
このほんわかした様なサイトの雰囲気は、
イコール会社の雰囲気であるといえると思います。
ほんわかのびのびした感じがとてもいいですね。

一転して、トップの「保護者の方へ」と「求職者の方へ」
にリンクしているページに飛ぶと、にぎやかな雰囲気のサイトを
見ることができます。
このギャップに驚きます。

◆コビーおじさんのABC工場
http://www.coby.jp/abc_factory/
フルフラッシュでとても動きのあるサイトです。

◆コビーの採用情報
こちらも背景の水色がとても綺麗で未来ある子どもたちを
イメージしてサイトデザインをしたのだなと言った印象を受けますね。

ぜひ、ご覧ください。
http://www.coby.jp/

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

もっと見たくなるサイト
私個人的には、ワクワクするサイトが好みです。
細かく動いていたり・・・そういう見てるようで見ていないところで
凝っているサイトがあると、嬉しくなります。

「humming」というサイトですが、おそらく絵具メーカーのサイトです。
http://www.t-colourspice.com/

基本構成は、トップから真っ二つにレイアウトが分かれています。
左に写真や動画が表示され、右側には詳細説明などが配置されています。
この構成はどのページに行っても変わらないので、
ページは行き来しにくいのですが、ややこしいとは
感じないです。

ページが行き来しにくい…と感じてしまう1つに、
まず、ボタンがコンパクトになっていて、
わかりにくいというのがありますね。

そして、最も私のワクワクするページがこちら。
http://www.t-colourspice.com/paint/

「自分で塗って、お手軽カラーリフォーム」
スクロールによって、左側の動画が動きます。
画像ならわかりますが、動画なんです!
スクロールの速さによっても変化してくれます。

右側の説明に沿って左側の動画も変化していきます。
見ていておもしろいですね。

ぜひご覧ください。

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

無駄のない、隙のない美しいサイト
今回ご紹介するサイトは、
ブラン・ド・ブルーキュヴェ・ムスー
のサイトです。
http://www.blancdebleu.jp/

幸せを呼ぶ色と言われている、ブルーのスパークリングワイン
のサイトです。

サイトを作った方の「絶対このブルーをメインカラーにする!」
という意気込みが伝わってきそうなサイトです。
それは、このワインをご覧になればわかると思いますが、
あまり見ない色というのもありますが、他の色を使わなくても
充分であるという感じをうけます。
私がもし担当になっていたとしても間違いなく、
この美しいブルーをメインカラーにするでしょう。

このサイトのメインメニューの部分がとくに綺麗です。
背景が空模様なのですが、それを邪魔しないシンプルなボタン。
マウスオンすると、スパークリングワインを連想させるような、
泡が浮かび上がってきます。

とくに、お問い合わせは、少し背景が違うのですが、
バックでスパークリングワインの泡があがる動きをしていて、
とてもリアルです。

無駄のない、隙のない美しいサイトです。
ぜひご覧ください。
http://www.blancdebleu.jp/

※こちらのサイトは最新のflash playerが必要です。
もしご覧になれない場合は、ダウンロードはこちらからです。
http://get.adobe.com/jp/flashplayer/

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

ワクワクするサイト
今回ご紹介するサイトは、
フコク生命の2012年度版リクルーティングサイトです。
http://www.fukoku-saiyo.com/

パッと見て、ワクワクしてきませんか。
このパキッとしたフォントや、立体的な装飾
伝えたいことがすぐにわかりますねー。

とくに、個人的にはフォントの使い方が
面白いし上手いなと思います。
部分によって色んなフォントを使い分けしていますね。

デザインは、まるで、雑誌のようにも思うんですが、
「代表取締役社長が語るフコク生命の根幹」や他のボタンに
なっている箇所は、すべてマウスオン時に、動くんです。
見て楽しむサイトのようです。

トップ以外の「一般職採用ページ」
http://www.fukoku-saiyo.com/recruit2/
とくにこのページが綺麗だと思います。

それに、「vol.03 お客さま起点を実行する職員の仕事」ページ
もページ構成が分かりやすいですね。
http://www.fukoku-saiyo.com/vol03/

ぜひ、ご覧ください。
http://www.fukoku-saiyo.com/

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

余白とカラーの使い方が上手なサイト
今回ご紹介するサイトは、
赤ちゃん・ベビー用品のアップリカという
サイトです。
http://www.aprica.jp/

サイト内カラーの色合いや余白の使い方がとても綺麗です。
ボタンも一つ一つ写真を生かす使い方、加工の仕方をして
いますね。

色は赤と茶色をベースに構成されています。
わりと派手目な色ではなく、少し落ち着いた色を使用して
いるので、あたたかみが伝わり、赤ちゃんの柔らかい
雰囲気が出ています。

そして余白の使い方ですが、
とくに、「アップリカについて」ページ
http://www.aprica.jp/about
や「赤ちゃんの心とからだについて」ページ
http://www.aprica.jp/baby)は写真とイラストをうまく
使用し、余白も広めにとっているので、ごちゃごちゃせず、
すっきりとした感じに見えます。

それにやはり、写真がとてもきれいです。
画質がきれいなのもありますが、おそらく多くの写真の中から、
使用する写真を選んでいくのですが、その写真のチョイスが
とてもいいと思います。
写っている赤ちゃんを見ると、思わず笑みがこぼれてしま
います。
それも写真を選ぶ上で大事なことですね。

ぜひご覧下さい。
http://www.aprica.jp/

| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=297 |
| 天然ユイチャンのWEBデザインのツボ | 09:33 AM | 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