WebGallery

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

*

ロゴを中央に配置し、グローバルナビを左右に分けた構成

   

名称未設定 1

ホットヨガスタジオ「loIve」のホームページです。

女性をターゲットにした暖色系の可愛らしいデザインで、中央にロゴを大きく配置し、グローバルナビが左右に配置された斬新な構成だと感じました。

トップページのスライダーはスマートフォンで閲覧するとスライダーではなく、全てコンテンツとして縦組に配置されています。スライダーがレスポンシブ対応ではない場合、こういうデザインでも対応できるというところが参考になります。

フッター部分には、ページの一番上に戻るボタンだけではなく、トップページに戻るボタンも用意されていて、左右対称に配置されているのが可愛らしいです。

 - 色で表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

可愛いイラストと写真で子供にも大人にも見やすいフロアマップ

福岡県春日市にある小児歯科医院「にこにこ小児歯科」のホームページです。 スライダ …

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

商品「フェイスマスク ルルルン」のホームページです。 フェイスマスクということで …

足跡がついたり模様を雲に見立てて動かしたりと、動きをつけて楽しい雰囲気の「雪丸散歩」

奈良県王寺町公式サイトの「雪丸散歩」のホームページです。 聖徳太子のペット「雪丸 …

青と黄色のみでデザイン

  東京都にある矯正歯科医院のサイトです。スウェーデンの国旗のカラーの …

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

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

黒い背景に白いお皿で特別なご褒美感を演出したアイス

2016年11月29日に発売されたハーゲンダッツの「スペシャリア ピスタチオベリ …

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

シームレスな移動が癖になる!素敵なサイト3選

ページ移動や要素にアニメーションを使用しているサイトって、ジャンルを問わずずっと …

うっとりする写真が盛りだくさんの「休暇村」

休暇村協会が運営している「休暇村」のホームページです。 背景に和紙のようなテクス …

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

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