WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

写真をたくさん使って会場の様子を伝えているイベントサイト

東京都千代田区にある東京国際フォーラムで開催される舞曲の祭典「ラ・フォル・ジュル …

写真や配色の白面積を多くして、清潔感を出している木々に囲まれたリハビリテーション病院

千葉県成田市にある「 成田リハビリテーション病院」のホームページです。 ファース …

ロゴマークが特徴的

  豊島区のイベントサイトです。真ん中のロゴとカラフルな背景のインパク …

漁師への関心を高めるために、背景の写真や動画をたくさん使用して漁師の仕事が伝わりやすくした「Fisherman Japan」

「漁業をカッコよく」をコンセプトに集まった東北の若手漁師集団「Fisherman …

サイトの世界観を大切にした不動産会社のサイトが可愛くて素敵!

大分県大分市にある不動産会社「三越商事大分」のホームページです。 トップページの …

寒色系の色を使い、清涼感を出す

  (((さらうんど)))というポップスバンドの公式ホームページです。 …

トップに大きく表示されるムービーで旅館の雰囲気を伝え、いちおしの情報をバナー画像でスライド表示させる

鳥取県米子市にある温泉旅館「海色・湯の宿 松月」のホームページです。 トップに大 …

アルバムイメージに沿ったデザイン

  The Scriptの公式ホームページです。こちらは前回のClea …

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …