WebGallery

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

*

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

   

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht Harbor(新西宮ヨットハーバー)」のホームページです。

海に並んでいるヨットの写真がとても綺麗なサイトです。
青を基調とした爽やかな印象のファーストビューで、爽快感があります!
中央にあるロゴタイプの下は背景を白に切り替えることで、写真より際立つように工夫されています。

トップページは全体的に動きのあるデザインになっており、ヨットが海に浮いているようなアニメーションや、斜めやタイル状に配置された写真など見ていて楽しいレイアウトです。
ある程度スクロールすると画面下にヨットが現れ、だんだん右に寄り最後にはヨットハーバーに着く仕組みになっていてとても面白いです!

青と白を基調にしていてパッと見はシンプルな印象ですが、個性的なレイアウトにしたりアニメーションを使って動きのあるサイトになっています。
遊び心があるデザインになっていて、楽しい印象のサイトです!

 - 色で表現 ,

  関連記事

猫のためのオシャレな爪とぎソファーが欲しくなるショップ

猫のためのおしゃれな爪とぎソファー「カリカリーナ」を販売しているにゃんこ家具の公 …

サイト全体の装飾を抑えてコンテンツに動きをつけることでさらに魅力的なデザインに

KinKi Kidsのオフィシャルサイト「KinKi Kids 20th Ann …

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

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

大阪にある不動産のサイトがパステルカラーを使ったデザインで可愛い!

大阪府枚方市にある不動産会社「お部屋探しの専門店 ミチコ・ハウジング」のホームペ …

後ろのアイコンが流れるのに対し、赤十字マークと中央の文字は動かさずに立体感をだす。

島根県日本赤十字社「益田赤十字病院」のホームページです。 トップページの赤い色が …

シックな空間を撮った写真に合わせたサイトが、高級感があってカッコいい!

北海道札幌市にあるリノベーション会社「PLUS ALPHA.」のホームページです …

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

岡山県岡山市にある「福田茶屋」のホームページです。 ファーストビューのスライダー …

ロゴに合わせたイラストで可愛らしさを

  熊本県にあるカフェのWebサイトです。茶系のカラーリングで落ち着い …

幻想的な青の美

青の美を発信する三越伊勢丹が行っている「ISETAN JAPAN SENSES」 …

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …