WebGallery

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

*

まるで、真上から教習所を見たようなファーストビュー

      2016/03/07

名称未設定 1

東京都練馬区にある教習所「大泉自動車教習所」のホームページです。

左側に固定でメニュー、右側には様々なコンテンツがいろいろな大きさで配置されています。余白の部分が道路になっていて車が走っているのがとても面白いですね!ページの下の方では最新情報が見れるようになっており、教習所に関連する情報もバナーがスライドして流れるようになっています。間にいるキャラクター「おおいずみくん」が跳ねたり回ったりするのも遊び心があって良いですね

全体の色合いは青系で統一され、バナーやボタンには色を使用して目立たせています。こういった色の使い方はとても参考になりますね。左右の余白も取って余裕を持たせることで文章も見やすくなります

トップページから移動すると、左側にタイトルがきて右側に内容という珍しいレイアウトになっています。内容がタイトル部分より長い場合はタイトル部分も固定にして内容部分だけスクロールにしているのが素敵です!

 - 形で表現 ,

Message

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

  関連記事

情報が縦に分かれた面白いレイアウト

沖縄の芸術文化を発信しているサイト「RQ+ リューキュープラス」のホームページで …

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

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

「交通アクセス」のボタンを右上に配置することで、観光客にも優しいデザインに

佐賀県鹿児島市にある「祐徳稲荷神社」のホームページです。 ロゴマークの赤い色と白 …

女性雑誌を見ているかのようなレイアウト

  フィリピンの観光紹介特設サイトです。「失恋にフィリピンが効く。」と …

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

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

ドロップダウンメニューに切り替わるグローバルナビ

群馬県にある料亭「一婦美」のホームページです。 赤と白をベースにしたデザインは、 …

シンプルだからこそ細かいところまで気配りされたデザインのサイトがおしゃれ!

2011年有志によって設立された「ててて協働組合」のホームページです。 ファース …

受験生の保護者にとっても見やすい構成

日本女子大学の受験生向け特設サイトです。 女性らしくパステルピンクを基調とした、 …

家の形に切り取られたスライダー

千葉県市原市にある「株式会社 藍舎」のホームページです。 トップのスライダーを家 …

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

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