WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

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

 - 写真で表現 ,

Message

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

  関連記事

冬の夜の静まり返った雰囲気を、画面いっぱいに表示される星空や雪のアニメーションを使って表現

2016年6月に、京都府南丹市にある宿泊や日帰りでの温泉が楽しめる温浴宿泊施設「 …

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

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

メニューで隠れてしまう項目を下に表示させる

三重県菰野町湯の山温泉近くにあるホテル「ホテル 湯の本」のホームページです。 左 …

思わず観光に行きたくなる!帝釈峡観光協会のサイトがキレイ!

広島県北東部の庄原市東城町と神石高原町にまたがる、全長18キロメートルの峡谷「帝 …

情報を記載した部分のみ、スクロールにする

  バイオリニスト「Ayasa」さんの公式ホームページです。何種類かの …

シネマグラフを使った写真が印象的!「京都 宇治 伊藤久右衛門」のサイト

「京都 宇治 伊藤久右衛門」のホームページです。 ファーストビューのスライダーが …

スパイダーマン:ホームカミングの特設サイトがカッコいい!

2017年の8月11日に公開されたマーベルスタジオの新作映画「スパイダーマン:ホ …

ファーストビューにイベントやフェアのバナーを設置して最新情報がすぐ分かる!沖縄のホテルのサイト

カトープレジャーグループが運営する沖縄県沖縄市にあるリゾートホテル「オキナワ グ …

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

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

イラストを使ってテント用品の名称を分かりやすく見せたテント用品販売サイト

東京都だけでなく、宮城県や福島県・愛知県・京都府などに店舗をかまえ、テント用品を …