WebGallery

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

*

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

      2016/03/07

名称未設定 1

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

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

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

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

 - 形で表現 ,

Message

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

  関連記事

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

カラーコンタクト「PLAY / UP」のホームページです。 丸ドットで作られた背 …

少し変わったメニュー表

大阪府にある美容院「bon hair」のホームページです。トップページの情報量が …

地元の人がすぐに投稿できるように設置されたポスト

ディスポート株式会社が運営する「遊ぶ」・「宿泊する」といった8つの視点から岐阜の …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

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

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

中央に重要な情報をまとめて配置することで注目度を上げる

横浜市鶴ヶ峰にある美容室「しの美容室」のホームページです。 キャッチの部分やグロ …

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

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

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

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

ロゴマークと同じ形をしたメニューとキャッチ画像

東京都武蔵野市吉祥寺にある動物病院「ひだまり動物病院 吉祥寺」のホームページです …

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

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