WebGallery

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

*

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

   

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

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

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

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

 - 色で表現 ,

  関連記事

情報をシンプルにまとめて動きをつけ、洗練されたデザインの歯医者さん

宮崎県宮崎市にある歯科「前田歯科クリニック高千穂通」のホームページです。 赤と白 …

背景にテクスチャをかけ、画面を引き締める

  石油関連事業を行っている会社のホームページです。ロゴのカラーである …

天然の木の暖かさを出すために、木の表面の写真をたくさん使って紹介している「TAICHIRO」のサイト

国産の天然木を使って一枚板のテーブルを販売している「TAICHIRO」のホームペ …

ロゴカラーでデザインされたものづくり企業のサイトがカッコいい!

新潟県三条市に本社をかまえる、キッチン雑貨・収納家具・住宅設備・家庭用品の専門家 …

名古屋市にある産婦人科病院のサイトが、病院のサイトとは思えないほど可愛い!

愛知県名古屋市にある産婦人科病院「産婦人科 アイ・レディスクリニック」のホームペ …

スクロールに合わせて写真が動く!「オロナイン」の公式サイトが可愛い!

大塚製薬が販売している「オロナイン」の公式サイトです。 ファーストビューの日常の …

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

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

水色と白の配色がとても綺麗で爽やかな印象の「海ほたる」

東京湾アクアライン上にあるパーキングエリア「海ほたるパーキングエリア」のホームペ …

パッケージデザインを活かした化粧品のサイトがおしゃれで可愛い!「資生堂 recipist」

20代前半の女性をターゲットにした、スキンケア商品「資生堂 recipist」の …

緑を使ったデザイン

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