WebGallery

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

*

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

      2016/03/07

名称未設定 1

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

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

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

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

 - 形で表現 ,

Message

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

  関連記事

ターゲットをクリエイターに絞った、未来感のあるデザイン

岐阜県の移住支援サイト「GIFU×HUB」のホームページです。 大きく表示される …

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

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

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

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

カラフルな色彩で学校の生き生きとした雰囲気を演出した「南女組」

甲南女子大学の情報ポータルサイト「南女組」のホームページです。 パステルカラーを …

ボーダーの線を真っ直ぐではなく少し曲げることで立体感をだす

新潟県長岡市にある電力会社「大原電業株式会社」のホームページです。 青を基調とし …

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

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

丸を駆使したデザイン

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

少し変わったメニュー表

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

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

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

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

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