WebGallery

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

*

緑を前面に押し出したホテルのサイトが、穏やかな雰囲気でゆったり過ごせそう!

   

大阪府大阪市にあるホテル「ホテル・ロッジ舞洲」のホームページです。

丸い形を緑色を使った、優しい雰囲気のサイトです。
森をイメージさせる配色とファーストビューの木々を写した写真を使用して、穏やかな時間を過ごせそうな印象を持たせています。
キャッチフレーズの下にはニッコリ笑っているような濃い緑色のラインが書かれ、見ていて思わず笑顔になってしまうようなデザインです。

ハンバーガーメニューや予約ボタンなど、円形を使ったデザインで構成されています。文字も丸いゴシック体を使用して、とがったものを極力使用せずにデザインしています。背景の切り替わりも直線ではなく波線を使用していますね!

また、コンテンツが表示されるときやページ移動するときなどはフェードインのアニメーションを使用していて、細かいところまで工夫されています。
丸い形で統一されたデザインはあまり見ることがないので、とても参考になるデザインです!

 - ホテル, 丸を使ったデザイン, 形で表現 ,

  関連記事

プロモーションビデオや特産品を配置し、市の魅力を視覚的に伝える

9月10日にオープンした石垣市のふるさと納税特設サイトです。トップページでは石垣 …

「卵」にこだわりぬいた「千鶏カステラ本舗」

長崎県雲仙市にある美味しい長崎カステラのお店「千鶏カステラ本舗」のホームページで …

女性雑誌を見ているかのようなレイアウト

  フィリピンの観光紹介特設サイトです。「失恋にフィリピンが効く。」と …

1つ1つのボタンを大きく配置することで、見やすく押しやすいレイアウトに

北海道札幌市にある幼稚園「幸明幼稚園」のホームページです。 全体的に原色に近い色 …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

レイアウトを大きく2つに分け、シンプルな構成に

北陸新幹線のスペシャルサイトです。最近ではあまり見かけない左側にグローバルナビ、 …

サイト全体の動きをゆっくりさせて、旅館の穏やかな雰囲気で過ごせるイメージを演出する

新潟県新発田市にある旅館「白玉の湯 華鳳」のホームページです。 黒と黄色を基調と …

ドロップダウンメニューに切り替わるグローバルナビ

群馬県にある料亭「一婦美」のホームページです。 赤と白をベースにしたデザインは、 …

個性的なデザインの美容院サイトが、とってもオシャレでカッコいい!

横浜・川崎・井土ヶ谷エリアを中心とする美容院「Dh-HAL/AVEDA(アヴェダ …

北海道にあるホテルのサイトが、写真を使ったデザインでオシャレ!

北海道亀田郡七飯町にあるホテル「大沼鶴雅オーベルジュ エプイ」のホームページです …