WebGallery

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

*

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

      2016/01/07

名称未設定 1

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

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

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

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

 

 - 動きで表現 ,

Message

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

  関連記事

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

文字を光らせ幻想的な世界観を創造する

  えのすい(新江ノ島水族館)で行われるナイトワンダーアクアリウムの特 …

行ってうっとり!夏の鳥取の魅力がつまったサイト

観光スポットやグルメ情報など、四季折々の鳥取の「美」を紹介している「ANA 鳥取 …

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

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

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

曲に合わせて鍵盤が動く「MAP」

2015年の7月に販売されたgroup_inouのアルバム「MAP」というアルバ …

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

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

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …

簡単に起業できちゃいそうな会社設立サポート屋さん

東京都渋谷区にある会社設立の手助けをしてくれる「GAGEEN」のホームページです …

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ …