WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

  関連記事

スマートフォンからでも情報が伝わりやすい

  コガノイベイホテルの公式サイトです。全体的に情報量が多いのですが、 …

幻想的な青の美

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

GWに行きたい!関東で開催しているフラワーイベント3選

もうすぐゴールデンウィークが始まりますね! 今年はどこに行こうとか、そろそろ予定 …

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

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

見出しを明朝体、文章をゴシック体にして凛々しい雰囲気を出しながらも親しみやすさを感じる士業サイト

東京都品川区にある税理士事務所「CROSSROAD(クロスロード)」のホームペー …

背景に学生の写真を使って親しみやすさを演出した専門学校

岡山県岡山市にある専門学校「専門学校ビーマックス」のホームページです。 トップペ …

観光スポットの動画を最初に配置することで、イメージが伝わりやすい

AB-ROADが運営する「思い立ったら、旅日」の特設サイトです。現地の見どころや …

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …

白と黒の配色で、店舗の写真を際立たせるデザイン

広島県広島市で6店舗の美容室や花屋・カフェなどを展開している「RUTH grou …

色とりどりのコンテンツブロックで鮮やかな印象

KANROの商品「ピュレグミ」の新作特設サイトです。はっきりとした色合いが特徴的 …