WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

スマートフォンで見るユーザーを重視したデザイン

東京都を中心とした銭湯情報を掲載している「東京銭湯 -TOKYO SENTO-」 …

ボタニカル!なデザインの植物販売サイト5選

最近CMなどで「ボタニカル」というキーワードをよく耳にするようになりました。 「 …

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

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

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

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

文字間や行間をあけて見た目をすっきりさせることで、文章を読みやすくする

愛知県名古屋市にある「名古屋外国語大学」の受験生サイトです。 写真を多様に使い、 …

上空から撮影したリゾート地の写真がカッコいい!サイト

三重県志摩市にあるリゾート施設「NEMU HOTEL & RESORT( …

写真を最大限に利用して、雰囲気を味わえる教会

長野県軽井沢にある、「軽井沢高原教会」のホームページです。 三角の形をした特徴的 …

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

商品のイメージカラーを使い、統一感を出す

  森永乳業の「ピノフォンデュカフェ」の特設サイトです。ピノのパッケー …

浴衣の色合いや金魚を使って清涼感を出した「鈴乃屋ゆかたコレクション2018」のサイトが綺麗!

鈴乃屋ゆかたコレクション2018「2018 YUKATA COLLECTION」 …