WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

  関連記事

観葉植物の写真を効果的に多用し、洗練された上品なデザインのグリーンレンタル屋さんがオシャレ!

観葉植物の販売・グリーンレンタルリースを行っている「株式会社 野沢園」のホームペ …

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

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

カラフルなデザインで、親しみやすさを感じる塗装会社のサイトがポップで可愛い!

東京都府中市にある塗装会社「セイワ株式会社」のホームページです。 ファーストビュ …

色とアイコンを中心とした、どんな年代にも受け入れられるデザイン

「一般財団法人 神戸住まいづくり公社」のホームページです。 どんな年代の人でも見 …

イラストに動きを加えて、楽しい雰囲気を演出したサイトが可愛い!

佐賀県小城市にある飲料商品の開発・販売等を行っている会社「友桝飲料」のホームペー …

札幌市にある一級建築士事務所のサイトが、ロゴカラーを使ったデザインでおしゃれ!

北海道札幌市にある一級建築士事務所「GRA:株式会社グリーンライト アソシエイツ …

目に優しい色合いと文字の大きさで、見る人の目の負担を軽減させた眼科のサイトデザイン

神奈川県藤沢市にある眼科「長後えんどう眼科」のホームページです。 オレンジと緑を …

配色で透明感を出す

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

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

ロゴカラーで統一された心療内科クリニック

埼玉県さいたま市にある心療内科クリニック「新都心むさしのクリニック」のホームペー …