WebGallery

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

*

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

   

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

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

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

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

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

  関連記事

ファーストビューの山々の写真がとても綺麗な箱根にあるホテルのサイト「Ra Kuun」

神奈川県足柄下郡箱根町にあるホテル「Ra Kuun(ラクーン)」のホームページで …

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

「交通アクセス」のボタンを右上に配置することで、観光客にも優しいデザインに

佐賀県鹿児島市にある「祐徳稲荷神社」のホームページです。 ロゴマークの赤い色と白 …

上空から撮影したリゾート地の写真がカッコいい!サイト

三重県志摩市にあるリゾート施設「NEMU HOTEL & RESORT( …

色相を抑えて写真を強調させる

京都府京都市にある「北野天満宮」のホームページです。 綺麗な青空で撮影された北野 …

カラフルな色彩で学校の生き生きとした雰囲気を演出した「南女組」

甲南女子大学の情報ポータルサイト「南女組」のホームページです。 パステルカラーを …

まるで、真上から教習所を見たようなファーストビュー

東京都練馬区にある教習所「大泉自動車教習所」のホームページです。 左側に固定でメ …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

ペット専用タクシーのサイトが、イラストを使ったデザインで可愛い!

東京・千葉県に営業所を構えるペット専用タクシー「東葛ペットタクシー」のホームペー …

写真を使ってコンテンツを際立たせた旅館サイト

北海道の阿寒湖温泉街にある温泉宿「あかん鶴雅別荘 鄙の座」のホームページです。 …