WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 形で表現 , ,

Message

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

  関連記事

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

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

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

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

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

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

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

大阪府大阪市にあるホテル「ホテル・ロッジ舞洲」のホームページです。 丸い形を緑色 …

ターゲットをクリエイターに絞った、未来感のあるデザイン

岐阜県の移住支援サイト「GIFU×HUB」のホームページです。 大きく表示される …

難しい話題でも、イラストや箇条書きでまとめ分かりやすく伝える

  「ミズベリング」という水辺を使って街づくりをするという企画の元集ま …

ハロウィン感満載のデザインで、楽しそうな雰囲気

10月12日に千葉県の稲毛海浜公園で開催される「ハロウィンラン」のホームページで …

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

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

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

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

少し変わったメニュー表

大阪府にある美容院「bon hair」のホームページです。トップページの情報量が …