WebGallery

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

*

家の形に切り取られたスライダー

   

名称未設定 1

千葉県市原市にある「株式会社 藍舎」のホームページです。

トップのスライダーを家のような形に切り取られているのがとても素敵です。ヘッダー部分も大きく余白を取り、中央にロゴを配置させているのですが、スクロールするとロゴやお問い合わせ・グローバルナビのみ固定になるデザインに切り替わり、場所を取り過ぎないよう工夫されています。

右下に表示されるページトップに戻るボタンも、ホバーすると色が変わるだけでなく、四角形から円形に変わったり、「モデルハウス」や「お客様の声」といったボタンにマウスをホバーさせると文章が表示される仕組みになっていたりと、デザインとしてとても参考になります。

デザインとしてはとてもシンプルに見えるのですが、ホバーさせた時の動きやサブページに移動した時のページの表示を少し変えたりと、動きで色々と工夫されていると感じました。

 - 形で表現 , ,

Message

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

  関連記事

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

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

スマートフォン版では宿泊予約のボタンを1番大きくさせる

プレミアホテルグループの1つ「門司港ホテル」のホームページです。 画面上部のヘッ …

ボーダーの線を真っ直ぐではなく少し曲げることで立体感をだす

新潟県長岡市にある電力会社「大原電業株式会社」のホームページです。 青を基調とし …

模様を不規則にしてタイルを表現する

愛知県名古屋市にあるタイルの製造・販売を行っている「KYタイル株式会社」のホーム …

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

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

壮大な木曽駒ヶ岳の写真がとても綺麗な「木曽駒 JAPAN ALPS スカイレース」

今年の9月18日に長野県木曽郡木曽町にある中央アルプス最高峰である木曽駒ヶ岳山頂 …

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

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

中央に重要な情報をまとめて配置することで注目度を上げる

横浜市鶴ヶ峰にある美容室「しの美容室」のホームページです。 キャッチの部分やグロ …

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

最新ニュースをさらにカテゴリ分けして情報を伝わりやすくする

「ONE TOKYO」というランニングを通じて皆とつながろうという活動を紹介して …