WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

トップページのロゴマークの部分をサブページではタイトルに

建築資材の輸入販売(タイル・石材・レンガ等)を行っている会社「RIVIERA」の …

黒背景に写真のコントラストが美しいレストラン

2016年4月北海道札幌市にオープンした「北海道料理 海籠」のホームページです。 …

明朝体で高級感を

  石川県にある金箔を取り扱っている会社のホームページです。和風なテイ …

ウェディングのコンセプトをイメージさせるようなサイトデザイン

福岡県宗像市にある1日1組限定の結婚式場「Adele(アデール)」のホームページ …

動きや写真で伝統や歴史の重さを表現する

開創から1200年を迎えた高野山の公式ホームページです。トップにあるそれぞれの写 …

東京にある建設会社のサイトが、和風なデザインでカッコいい!

東京都港区にある建設会社「株式会社タカノハ住建」のホームページです。 ファースト …

札幌にある建設会社のサイトが、雑誌のようなレイアウトでおしゃれ!

札幌市にある建設会社「竹内建設」のホームページです。 左側にスライダー、右側にイ …

こんな素敵な宿に泊まってみたい!美しいヒーローヘッダーを使ったホテル・旅館のサイト3選

約1ヶ月ぶりの更新となってしまいました… 何だかんだで、あっという間に10月に入 …

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

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

居酒屋のメニューやビールの写真を大胆に使ったレイアウトがおしゃれで綺麗!

東京都町田市・神田市・立川市に店舗を構える居酒屋「我が家」のホームページです。 …