WebGallery

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

*

画面いっぱいに表示されるメニュー

      2016/01/07

名称未設定 1

愛知県にある栽培支援システム開発会社「株式会社プラントライフシステムズ」のホームページです。

サイト全体の動きがなめらかで、トップのスライダーの写真は円形に切り取られており、さらにその円形がふわふわと動いています。また、左上のメニューは少し他とは違い、ボタンを押すと画面全体に表示されるようになっています。

左側にある最新情報の部分は、スマートフォンでは折りたたんでボタンとして配置されており、タップすると最新情報が表示される仕組みになっています。

その下の「3つの革新技術」を紹介する部分では、アイコンにマウスをホバーさせると詳細が表示されるように工夫されています。文章が多い分、場所を取らずに表示させる方法はとても参考になります。

 

 - 動きで表現 ,

Message

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

  関連記事

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

動きのあるグローバルナビでサイトの雰囲気を暖かくする

秋田市にある写真館「岩田写真館」のホームページです。このサイトは何といってもグロ …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

コンテンツの区切りを波のアニメーションにすることで、ワインぽさを演出したサイト

山梨県笛吹市にあるワイン製造工場「モンデ酒造」のホームページです。 コンテンツの …

スライダーを使った回転寿司のデザインが面白い!高知県のお寿司屋さん

高知県須崎市にある回転寿司「回転ずしいちばん船 マルナカ須崎店」のホームページで …

ジャンプ率の差を大きくしてタイトルを目立たせたツアーサイト

「UNISON SQUARE GARDEN」の6thアルバムツアー「Dr.Izz …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …

子供たちへの愛情がつまった地下足袋「FUM FUM」

化粧品やサプリメントを取り扱っているゲンナイ製薬株式会社と、靴の販売をしている株 …