WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

色や動きを使ってイベントの雰囲気を演出したイベントサイトがおしゃれ!!

2017年4月22日の土曜日から7月2日の日曜日まで、東京都港区にある「アクアパ …

エイプリルフールに公開されたサイトをご紹介!第三弾「ロート製薬 NEXT SMART LIFE」

ロート製薬がエイプリルフールに公開した「NEXT SMART LIFE」の特設サ …

子どもだけでなく大人の男性・女性もターゲットにした「NINTENDO SWITCH」のサイトがおしゃれ!

2017年3月3日に発売された「NINTENDO SWITCH」のホームページで …

ロゴマークが特徴的

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

年齢層を意識したフォントサイズと写真の配置で、見やすくデザインされたサイト

岐阜県土岐市にある美濃焼きの公房「SAKUZAN」のホームページです。 トップペ …

野菜を全面にアピールしたサイト

  長野県にある食品製造会社のホームページです。トップにキャッチを配置 …

不思議の国のアリスをイメージさせるパン屋さんのサイトが可愛い!

関東を中心に店舗があるパン屋さん「マジカルチョコリングのHEART BREAD …

様々なところに写真を使って幼稚園の雰囲気を伝えているサイト

栃木県栃木市にある幼稚園「ふじおか幼稚園」のホームページです。 1枚1枚個性的な …

電車の形を使ってデザインされた「相模鉄道株式会社新卒採用サイト」のサイトが、ポップで可愛い!

「相模鉄道株式会社」の2019年度新卒採用サイトです。 ロゴカラーを使った、ポッ …

動画や写真を使って、日本らしさを表現した不動産会社のサイトがキレイ!

東京都中央区日本橋にある不動産会社「株式会社ウォームライト」のホームページです。 …