WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

メッセージ性が強い!ヒーローヘッダーにこちらを見る動物の写真を使ったサイト5選

一昨年の9月あたりから猫を飼い始めたのですが、飼うようになってから分かるようにな …

様々なところに写真を使って幼稚園の雰囲気を伝えているサイト

栃木県栃木市にある幼稚園「ふじおか幼稚園」のホームページです。 1枚1枚個性的な …

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …

スマートフォンから閲覧しても縦書きのまま表示されるグローバルナビ

青森県にある「八戸酒類株式会社」のホームページです。 昭和19年に創立された歴史 …

思わず行きたくなる!写真でダイナミックに見せることで食欲を刺激するデザインの「THE FARM TOKYO」

2019年4月から10月末の期間限定で東京都中央区八重洲に設営された屋外型飲食施 …

寒色系の色を使い、清涼感を出す

  (((さらうんど)))というポップスバンドの公式ホームページです。 …

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

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

写真を大きく使い、インパクトを持たせる

  旅行に関する商品を制作している会社のWebサイトです。世界各所の絶 …

情報量を抑え、写真で見せるレストランのサイトが大人の雰囲気でとても綺麗!

神奈川県鎌倉市にあるフレンチレストラン「古我邸」のホームページです。 ファースト …

白を基調にして衣装や料理の写真を際立たせているモダンレストランのサイトがオシャレ!

愛知県安城市にある和モダンレストラン「hana no utage(花の宴)」のホ …