WebGallery

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

*

スマートフォンで閲覧すると、下部に固定されるサブメニュー

   

名称未設定 1

新潟県見附市にある衣料品会社「株式会社マルキン」のホームページです。

画面いっぱいに表示される色とりどりの洋服などの写真がとても綺麗で印象的なサイトです。ページ自体はとてもシンプルな構成で、ページ数も3ページと少なめですが、各所に工夫がされてあってデザインとしてとても参考になるサイトでした。

まず、トップページは左側に最新情報、右側に簡単な会社の説明が書かれているのですが、その下に会社案内と事業案内に飛べるボタンが配置されています。そのボタンにマウスオーバーさせると、下の黒い部分が広がり文字も大きくなるといった、ちょっと変わったホバーデザインになっています。

また、会社案内・事業案内のページでは、ページ自体がとても長いので左側にサブメニューを配置し、自分の読みたい部分にすぐ飛べるよう工夫されています。

スマートフォンから閲覧すると左側ではなく上部に表示されるのですが、サブメニューのボタンをタップしたり、下にスクロールしたりすると上部に固定するのではなく、下部に固定される仕組みになっています。これならその場所に飛んでもメニューで文字や文章が隠れてしまうといった心配がないので、素晴らしい方法だなと思いました。

 - 写真で表現 ,

Message

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

  関連記事

全てのページのファーストビューに写真を画面いっぱいに使ったデザインのサイトがオシャレ!

沖縄県国頭郡にあるリゾートホテル「沖縄かりゆしビーチリゾート・オーシャンスパ」の …

浜松市にある工務店のサイトが、シンプルなデザインだけど可愛い!

静岡県浜松市にある工務店「株式会社 澄美家(すみか)」のホームページです。 ロゴ …

熊本にある法律事務所のサイトが、写真を使ったデザインでシンプルでかっこいい!

熊本県熊本市にある法律事務所「弁護士法人 東法律事務所」のホームページです。 フ …

荘厳で神秘的な雰囲気なのに泊まれる寺院

奈良県平群町にあるお寺「信貴山大本山・千手院」のホームページです。 トップには僧 …

余白を使い、高級で洗練されたレイアウトにする

  2017年に公開されるトワイライトエクスプレス「瑞風」の特設サイト …

雑誌のようなレイアウトのデザインが可愛い!

大阪・兵庫・奈良・京都・和歌山を中心に、建て替えや土地探し・新築一戸建て・注文住 …

イルミネーションの世界観を大切にしたフォント

2016年の11月17日から2017年2月14日まで開催されている「カレッタ汐留 …

写真の雰囲気を大切にした、カフェのような写真館

兵庫県姫路市にある写真館「ism(イズム)」のホームページです。 茶系統でまとめ …

文字の太さで強調する部分をはっきりさせる

  千葉県の海浜幕張公園で行われる花火フェスタのホームページです。背景 …

テクスチャを用いてデザインを統一

  大阪にある工務店のサイトです。トップにはグローバルナビと写真のみで …