WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

  関連記事

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

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

参考にしたい!グラデーションを使ったwebサイト5選!

最近はグラデーションを使ったデザインのwebサイトをよく目にします。色鮮やかなグ …

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

学校の「楽しそう!」な雰囲気が伝わってくる専門学校

愛知県名古屋市にある、医療系や販売・ITや観光系などのビジネス専門学校「あいちビ …

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

記事の写真を活かしたシンプルなレイアウト

造花やドライフラワー・クリスマスグッズやディスプレイグッズを製造・販売しているメ …

「富山の上質な暮らし」を体感できる情報発信拠点

6月に東京都中央区日本橋にグランドオープンした「日本橋とやま館」のホームページで …

ロゴを中央に配置し、グローバルナビを左右に分けた構成

ホットヨガスタジオ「loIve」のホームページです。 女性をターゲットにした暖色 …

女性向けビアガーデンのサイトが爽やかなデザインでオシャレ!

2017年の5月26日(金)に、松屋銀座の屋上にオープンしたビアガーデン「美しく …

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

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