WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

コンテンツの背景に京都の写真を使ったサイトのデザインが大胆でおしゃれ!

京都府京都市にある「株式会社らくたび -洛を旅するらくたび-」のホームページです …

1度は泊まってみたい!軽井沢のクラシックホテル

長野県軽井沢にあるクラシックホテル「万平ホテル」のホームページです。 まずサイト …

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …

ヨーロピアン調のパターンやイラスト、余白を大胆に使って贅沢な雰囲気のペットフード屋さん

ドイツ製のオーガニックやドックフード・キャットフードの通販をしている「プレイアー …

岐阜県にある法律事務所のサイトがイラストを使ったデザインで可愛い!

岐阜県関市にある法律事務所「関あさくら法律事務所」のホームページです。 ファース …

群馬県にある眼科のサイトが、様々なレイアウトでデザインされててカッコいい!

群馬県高崎市にある眼科「だるま眼科」のホームページです。 トップページのレイアウ …

ペット専用タクシーのサイトが、イラストを使ったデザインで可愛い!

東京・千葉県に営業所を構えるペット専用タクシー「東葛ペットタクシー」のホームペー …

スライダーとメニューが歯の形になっている特徴的なデザイン

石川県金沢市にある歯科医院「ハッピー歯科医院」のホームページです。 トップのスラ …

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

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

「広瀬川」の魅力を紹介するサイトがシンプルでおしゃれ!

宮城県仙台市にある「広瀬川」のホームページです。 広瀬川の魅力が伝わるように、ト …