WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 形で表現 , ,

Message

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

  関連記事

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

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

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

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

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

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

レイアウトを大きく2つに分け、シンプルな構成に

北陸新幹線のスペシャルサイトです。最近ではあまり見かけない左側にグローバルナビ、 …

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

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

受験生の保護者にとっても見やすい構成

日本女子大学の受験生向け特設サイトです。 女性らしくパステルピンクを基調とした、 …

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

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

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

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

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

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

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

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