家の形に切り取られたスライダー
千葉県市原市にある「株式会社 藍舎」のホームページです。
トップのスライダーを家のような形に切り取られているのがとても素敵です。ヘッダー部分も大きく余白を取り、中央にロゴを配置させているのですが、スクロールするとロゴやお問い合わせ・グローバルナビのみ固定になるデザインに切り替わり、場所を取り過ぎないよう工夫されています。
右下に表示されるページトップに戻るボタンも、ホバーすると色が変わるだけでなく、四角形から円形に変わったり、「モデルハウス」や「お客様の声」といったボタンにマウスをホバーさせると文章が表示される仕組みになっていたりと、デザインとしてとても参考になります。
デザインとしてはとてもシンプルに見えるのですが、ホバーさせた時の動きやサブページに移動した時のページの表示を少し変えたりと、動きで色々と工夫されていると感じました。
関連記事
-
-
レイアウトを大きく2つに分け、シンプルな構成に
北陸新幹線のスペシャルサイトです。最近ではあまり見かけない左側にグローバルナビ、 …
-
-
個性的なデザインの美容院サイトが、とってもオシャレでカッコいい！
横浜・川崎・井土ヶ谷エリアを中心とする美容院「Dh-HAL/AVEDA(アヴェダ …
-
-
まるで、真上から教習所を見たようなファーストビュー
東京都練馬区にある教習所「大泉自動車教習所」のホームページです。 左側に固定でメ …
-
-
カラフルな色彩で学校の生き生きとした雰囲気を演出した「南女組」
甲南女子大学の情報ポータルサイト「南女組」のホームページです。 パステルカラーを …
-
-
丸を駆使したデザイン
全体のオブジェクトが丸いサイトです。写真やロゴマークの背景のお皿、 …
-
-
「交通アクセス」のボタンを右上に配置することで、観光客にも優しいデザインに
佐賀県鹿児島市にある「祐徳稲荷神社」のホームページです。 ロゴマークの赤い色と白 …
-
-
情報が縦に分かれた面白いレイアウト
沖縄の芸術文化を発信しているサイト「RQ+ リューキュープラス」のホームページで …
-
-
女性雑誌を見ているかのようなレイアウト
フィリピンの観光紹介特設サイトです。「失恋にフィリピンが効く。」と …
-
-
インパクトがあるドロップダウンメニューとスクロールトップボタン
福島県須賀川市にある企業「グラントマト」のホームページです。 驚いたのが、グロー …
-
-
最新ニュースをさらにカテゴリ分けして情報を伝わりやすくする
「ONE TOKYO」というランニングを通じて皆とつながろうという活動を紹介して …