WebGallery

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

*

インパクトがあるドロップダウンメニューとスクロールトップボタン

      2015/11/10

名称未設定 1

福島県須賀川市にある企業「グラントマト」のホームページです。

驚いたのが、グローバルナビのドロップダウンメニューです。四角い状態ではなく、梯子のような看板でデザインされているので、とてもこだわっているのだと感動しました。さらに、そのドロップダウンメニューのページでは常にメニューが表示されるようになっており、デザインとしてはとても参考になります。

少し下に行くと右下に隠れるように出てくるライオンも、クリックすると上に戻るのですが、そのライオンも大きくなって上に飛んで行ったりと、面白くデザインされていると感じました。

背景もテクスチャを使用したクリーム色で、緑色のテキストとよく合っていて温かみのあるサイトだと思いました。

 - 形で表現 ,

Message

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

  関連記事

迷惑メールの新しい楽しみ方

「SPAM MUSEUM」という迷惑メール共有サービスという様々な迷惑メールを閲 …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

1つ1つのボタンを大きく配置することで、見やすく押しやすいレイアウトに

北海道札幌市にある幼稚園「幸明幼稚園」のホームページです。 全体的に原色に近い色 …

見出しにアニメーションをつけてインパクトを出す

茨城県の「キャピタルマリーナ」のホームページです。トップページの波の形を連想させ …

難しい話題でも、イラストや箇条書きでまとめ分かりやすく伝える

  「ミズベリング」という水辺を使って街づくりをするという企画の元集ま …

色相を抑えて写真を強調させる

京都府京都市にある「北野天満宮」のホームページです。 綺麗な青空で撮影された北野 …

緑を前面に押し出したホテルのサイトが、穏やかな雰囲気でゆったり過ごせそう!

大阪府大阪市にあるホテル「ホテル・ロッジ舞洲」のホームページです。 丸い形を緑色 …

スマートフォン版では宿泊予約のボタンを1番大きくさせる

プレミアホテルグループの1つ「門司港ホテル」のホームページです。 画面上部のヘッ …

パステルカラーのイラストをのせたり写真の切り取りを家の形にしたりと、遊び心が満載のサイト

神奈川県横須賀市にある撮影スタジオ「PRIVATE PHOTO STUDIO H …

丸を駆使したデザイン

  全体のオブジェクトが丸いサイトです。写真やロゴマークの背景のお皿、 …