WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

森の中をイメージさせるサイトのデザインが可愛い!茨城県つくば市にある結婚式場「バウム」

茨城県つくば市二ノ宮の少人数結婚式の結婚式場「レストランウエディング バウム」の …

パステルの色合いがいい、加減。

松山市総合政策部シティプロモーション推進課が運営する「いい、加減。まつやま」のホ …

イラストを使ってテント用品の名称を分かりやすく見せたテント用品販売サイト

東京都だけでなく、宮城県や福島県・愛知県・京都府などに店舗をかまえ、テント用品を …

女性やカップルでも親しみやすいように、イラストを使ったデザインにした特別展サイト

2017年4月11日の火曜日から6月4日の日曜日まで東京国立博物館で開催される「 …

エイプリルフールに公開されたサイトをご紹介!第四弾「Gboard 物理手書きバージョン」

Googleがエイプリルフールに公開した「Gboard 物理手書きバージョン」の …

不思議な写真をファーストビューに使うことで、「不思議なレストラン」の世界観を演出したデザインがすごい!

2017年の1月28日から5月21日まで日本橋茅場町にある特設会場で行われる「食 …

荘厳で神秘的な雰囲気なのに泊まれる寺院

奈良県平群町にあるお寺「信貴山大本山・千手院」のホームページです。 トップには僧 …

お店の世界観を大切にしたサイトがかっこいい!

モードとカジュアルを融合させたセレクトショップ「LOVELESS」と「GUILD …

黒を基調としたテイクアウト商品の販売サイトが高級感があっておしゃれ!

専門店のデリバリーサービス「TAKEOUT CAB(テイクアウトキャブ)」のホー …

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …