WebGallery

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

*

ロゴマークの可愛らしさと余白を使った高級感のあるデザインが印象的!岡山県にあるお茶屋さんのサイト

   

岡山県岡山市にある「福田茶屋」のホームページです。

ファーストビューのスライダー写真がミニチュアのようなサイトです。
スライダーやメニュー部分は縦書きのレイアウトになっており、和の雰囲気を表現しています。
背景の茶屋の写真も相まって、とても風情のあるお店なんだということが伝わってきます。

可愛らしいロゴタイプや柔らかい配色で親しみやすさが出ているのですが、それと同時に余白を大きく取ることでサイト全体に余裕が生まれ、優雅で高級な雰囲気も出ています。文章のサイズも小さめに設定することで、余白を使ったすっきりとしたデザインになっています。

また、高級感が全面に出過ぎないように、アクセントでロゴマークをところどころに配置しているのもバランスがとれています。

 - 色で表現

  関連記事

ロゴに合わせたイラストで可愛らしさを

  熊本県にあるカフェのWebサイトです。茶系のカラーリングで落ち着い …

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

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

選ばれるポイントを綺麗にまとめたホテルのサイトがオシャレでカッコいい!

福岡県北九州市にあるホテル「ステーションホテル小倉」のホームページです。 青と黄 …

医療系とは思えないほどカラフルでポップなデザインのサイトが可愛くて楽しそう!

兵庫県神戸市にある医療福祉専門学校「神戸医療福祉専門学校」のホームページです。 …

白黒で配色されたスタイリッシュな住宅建設会社

札幌市にある住宅建設業者「フォレスタの家」のホームページです。 白黒で構成された …

黒い背景にインパクトのあるキャッチコピーと卵の写真で、重厚感のあるサイトがカッコいい!

鹿児島県曽於市にある卵・マヨネーズ等を販売している「サテライツ株式会社」のホーム …

情報が増えてもいいようにあらかじめ左側にボタンをつけておく

スクールクラフトの商品紹介ホームページです。 ページを表示してまず使用例がアニメ …

淡いカラーテイストと動くアニメーションで親近感のあるデザインに

大分県杵築市にある耳鼻咽喉科「いちみや医院」のホームページです。淡い色使いと可愛 …

背景は繊細な雰囲気だけどメニューやフレーズは力強い筆文字にすることで【どん兵衛×ラッセン】の異色のコラボを表現!

どん兵衛とクリスチャン・ラッセンがデビュー40周年を記念したコラボ企画「【どん兵 …

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

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