WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

アイコンや背景を動かして一工夫加えたサイトが可愛い!「札友電材株式会社」

   

北海道札幌市にある、電材設備の販売を行っている「札友電材株式会社」のホームページです。

ファーストビューの様々な形をした電気がぶら下がっている写真がとてもインパクトのあるサイトです。
白と黒のコントラストがとても綺麗ですね!それだけで目を引くデザインになっています。

キャッチコピーではどんな会社なのか、いまいちイメージできないのですが背景に電気の写真を使うことで「電気関係の会社」ということが伝わってきます。
バランスのいいファーストビューですね!

ページを下にスクロールさせていくと、背景色がスクロールに合わせてどんどん出てくる仕組みになっています。
シンプルなレイアウトですので、背景にこういった動きをつけるだけで印象的なサイトになっています。フォントなどの組み合わせで全く違う印象になるので面白いですね!

また、各コンテンツの上部には電気や雷のアイコンが設置されているのですが、表示されるとブラブラと左右に揺れたり振動したりする動きが追加されています。
全体的にはとてもシンプルなホームページなのですが、アイコンや背景などちょっとしたところに動きをつけるだけで、とても素敵なサイトになりますね!

 - 写真で表現, 色で表現 , ,

  関連記事

モデルハウスのパンフレットを見ているような気持ちになる箱根のリゾートホテルのサイトがオシャレでカッコいい!

神奈川県足柄下郡箱根町にあるリゾートホテル「NEST INN HAKONE(ネス …

コケの写真が幻想的な通販サイト

大阪市にあるコケリウム専門通販サイト「コケのインテリア コケリウム」のホームペー …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

落ち着いた和の雰囲気と、黒を基調とした色合いで50年という歴史を感じる渋いデザイン

島根県松江市にある塗装会社「ポインテリア」のホームページです。 落ち着いた和の雰 …

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

写真を様々な形に切り取ることでアクセントに

  表参道にある鳥カフェのホームページです。アクセントに様々な種類の鳥 …

熊本にある法律事務所のサイトが、写真を使ったデザインでシンプルでかっこいい!

熊本県熊本市にある法律事務所「弁護士法人 東法律事務所」のホームページです。 フ …

新潟県にある宴会会場のサイトが、高級感のある和風のデザインで綺麗!

新潟県新発田市にある宴会会場「神前料理店宴会会場 豊谷殿」のホームページです。 …

サイト全体を白黒の配色にすることで、住宅の木のぬくもりが感じられるリフォーム会社

栃木県宇都宮市にあるリフォーム会社「有限会社 矢野住建」のホームページです。 フ …

画面全体に表示され、スマートフォンからでも操作しやすく

2015年11月にグランドオープンしたばかりの、静岡県の伊豆高原・大室山の麓にあ …