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

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

twitterとの連携サイト
今回ご紹介するサイトは、
「ELM クリスマスツリーにLEDのあかりをともそう」
というサイトです。
https://elm-sharp.jp/

シャープのLED電球のELMのスペシャルサイトです。
『2010年のつぶやきを元に、あなた独自のクリスマスツリーを作成』
twitterをもとに、クリスマスツリーを作成し、グリーティングカード
として、メール送信することができます。

デザインはシンプルにつくられてはいますが、
中央に出来上がるのクリスマスツリーがとてもきれいです。
空から降ってくる雪や反射している光の照らし方など
とてもリアルで、かつメルヘンのようでもあり、
美しいサイトです。
全面フラッシュで作られており、動きがとてもスムーズですね。
ローディング中が少し時間がかかりすぎている気もします。

私自身も作ってみましたが、ツリーがつくられたあと、
メッセージカードのようなものが表示されます。
こういうちょっとしたところも嬉しいですね。

皆様のクリスマスが明るく楽しいものでありますように。
メリークリスマス!!

では、ご覧ください。
https://elm-sharp.jp/

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

webサイト制作が意味するモノ
今回ご紹介するサイトは、こちらです。
「2分でわかる注文住宅」
http://www.sturdy-style.com/theprocess/

注文住宅はどうやって作られるのか。
すまいができていく過程がわかりやすく動画で描かれています。

とくにサイトの「機能」に特徴があります。
サイトはFLASHで作成されています。
パソコンを持っておられる方の中には画面の大きいサイズで見ている方
小さいサイズで見ている方、ワイドの方など様々です。
なので、どの幅でサイトを作成するのか?ここがとても重要にな
ってきます。
デザイナーはより、多くの人に見て頂けるようにどんな大きさでも
ある程度想定して作成する必要があります。

FLASHでは、幅を100%にしwindowsの幅を変えたら、その幅に合わせて、
幅が変わるものをよくみます。
しかし、解像度の低いものや画像の大きさが小さいものは、
windowsを大きくすることによって、画像が伸び荒く汚くなることがあります。
こちらのサイトは、画像ではなく動画にしているのでwindowsを最大に
広げてもわりとクリアです。

そして、あまり見ない機能が一つ。
例えば、デスクトップをクリックしてしまったり、
画面を最小化したり、違うwindowsをクリックしてしまった場合、
サイトの動画が自動的に止まってくれます。
これは、サイトをデザインした方、或いは会社様の
「このホームページを見てください!!」というメッセージにも思えますね。
また、サイトをみるお客様がたとえば違うサイトをみていたり、席を
たったときに、動画を止めようとした時、画面を停止するか閉じるか
もう一度reroadしないといけないところを、手を煩わせないように
しようという配慮が感じられますね。

そして、動画の見せ方もすばらしいと思います。
サイトのコンセプトは「2分でわかる注文住宅」ですが、
どうやって2分で伝えるのか!・・・という部分を上手く見せています。
それは、動画は早送りの状態でありながら、左にゆっくりスライドして
いる点にあると思います。
ただ単に、早送りだけではあわただしく終わっていっているように
思いますが、ゆっくり移動することによって、それを回避していますね。

こういうサイトを見たとき、ほんとうに「webサイト制作」というものの
意味するモノが、どんどん広くなってきているような気がします。

ぜひ、ご覧ください。
http://www.sturdy-style.com/theprocess

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

お店のサイト
今回ご紹介するサイトは、京都以外にも東京、名古屋などに店舗を
構えている、タルトのお店「キルフェボン」のサイトです。

http://www.quil-fait-bon.com/

クリスマスシーズンを迎え、クリスマスケーキの予約のポスターを
よく見かけます。
それにちなんで、「ケーキ」や「タルト」のキーワードで、
インターネットで検索してみると、こちらの「キルフェボン」のサイトが
ヒットしました。
実際に行ったことがあり、その店内とサイトがとてもマッチしていたので、
印象に残りました。

「キルフェボン」は京都の木屋町にある、外観も店内もとてもかわいい
お店です。
テーマカラーである、エメラルドグリーンとベージュと合わせ、
サイトも同じカラーを使用しています。
トップから、オフィシャルサイトとウェブストアのボタンが表示され、
クリスマスシーズンに向けてケーキの案内もトップにバナーが設置
されています。
このお店に訪れると、常に新商品があり、品数も多いのですが
どれもおいしく、それに店員の方々もさわやかで気持ちのいい接客を
してくれるので、来てよかったな・・・といつも思います。
サイトの雰囲気もそれを反映しているかのように、清潔感のあるサイト。
それでいて、メールマガジンやウェブストアなど、
とてもサイトに力を入れているのが見てわかりますね。

見る限りでは、ケーキの販売をしているお店で、
サイトに力を入れているお店は多くはないと思います。

実際に働いているスタッフの紹介もあるので、
とても身近に感じることができるのではないかなと思います。

http://www.quil-fait-bon.com/associer.php

新着情報も定期的に更新されており、「動きのあるサイト」で、
力を入れておられるのがわかります。

ぜひご覧ください。

http://www.quil-fait-bon.com/

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

なつかしの●●●
今回ご紹介するサイトは、こちら!
http://www.nintendo.co.jp/mario25th/index.html

スーパーマリオ。
なつかしいですね。
おもわず、たたたったらたーったー♪
と歌ってしまいそうです。
もう25年もたったんですね。
ファミコンをはじめて手にしたのは、
クリスマスの日でした。
兄弟で、ひとつ仲良く使うように言われたファミコン。
思い出のゲーム。愛すべきキャラクターマリオ。

今回ご紹介するのは、デザインが優れている…素晴らしいという
わけではありません。現代的とは言い難いです。
しかし、コンセプトにマッチしたデザインです。
サイトに登場するのは、最近のWiiに出てくるような3Dチックな
マリオじゃなく、昔なつかしいマリオが登場しています。
それに合わせるかのようなヘッダーフッター背景デザインです。

このサイトにある、「社長の代わりに糸井重里が訊くスーパーマリオ25周年」
http://www.nintendo.co.jp/n10/interview/mario25th/vol1/index.html
インタビューする側される側がとてもわかりやすく描かれています。
質問がうまいですねー。

そして、マリオヒストリー
http://www.nintendo.co.jp/mario25th/history/index.html 
見ていて楽しくなりますね。

時間も忘れついつい見てしまいます。
なかなかに充実していますね。
ぜひご覧ください。

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

画像の有無。
 今回、ご紹介するサイトは、『A4折形』のサイトです。

 http://www.a4orikata.jp/

 きれい!シンプル!和満開のサイトです。
 美しい。

 画像も少なく、シンプルすぎるくらいなのに、
 なぜ、魅かれるのか。
 おそらく、縦横のレイアウトのバランスがよく、
 画像も少ないながらも関係のないものを一切排除し、
 用紙のみにしている点。
 それをすることによって、全体的に統一感が出てきます。
 使用色も本当に少なく、朱色、紺、そして
 背景には和紙のような素材を使っておられますね。

 画像が少ないと、シンプルすぎてしまい、
 物足りなさを感じ、無駄に増やしてしまいがちです。
 シンプルさを表現したはずが、
 一歩間違えれば、殺風景、派手な印象を残す
 場合もあります。
 その微妙な調整がじつに難しく大切です。
 とくに、わけもなく入れている画像は、はずしてみることも
 大事かもしれません。
 画像にも意味を。配置にも意味を。セレクトカラーにも意味を。
 すべてに意味があり、はじめて説得力のあるサイトに
 仕上がるわけです。
 自身が仕上げたサイトの説明ができますか。
 まずは、そこからはじめましょう。

 ぜひ、このサイトを参考にしてください。
 http://www.a4orikata.jp/

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