WebGallery

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

*

初めての人にも分かりやすいアクセスページ「なかやま矯正歯科」

      2016/04/29

名称未設定 1

大阪府大阪市にある矯正歯科医院「なかやま矯正歯科」のホームページです。

左側にメニュー、右側に内容といった2カラムで分けられたデザインです。左側に診療時間や電話番号・ネット予約が書かれており、急に予約したい時でもパッと見つけられるようになっています。

トップページは画像やアイコンがボタンとして配置され、文章のないすっきりとした見た目です。自分の今見たい情報にすぐ移動することが出来るようになっています。そのボタンにカーソルを置くと詳細文が出てくるのもより情報が伝わりやすくなって良いですね!

また、初めての方でも分かりやすいようにgoogleマップの部分にはアクセスページへのリンクボタンが配置され、写真を用いて歯科医院までのルートを説明しているページに移動できます。また、画面幅いっぱいに表示されているので、マップにカーソルを置いてスクロールしても、googleマップが拡大・縮小されないように固定してあります。こういった工夫は参考になります!

 - 色で表現 ,

Message

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

  関連記事

各ページごとに変わるカラーリング

  東京にある教育事業や就労支援などのサービスを行う企業のホームページ …

下部にバナーとして表示されるスライダー

北豊島園自動車学校のホームページです。 コンテンツごとに背景を変えて、可愛らしい …

親をターゲットにした、見やすいだけでなく可愛くデザインされた幼稚園サイトが素敵!

岐阜県岐阜市にある幼稚園「中部学院大学・中部学院短期大学部 ふぞく幼稚園」のホー …

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …

可愛らしいデザインのボート教習所

ボートライセンススクール「国土交通省登録 小型船舶教習所 JEIS北陸信越」のホ …

シームレスな移動が癖になる!素敵なサイト3選

ページ移動や要素にアニメーションを使用しているサイトって、ジャンルを問わずずっと …

500色の色鉛筆

  500色という文字よりもズラーッと背景に並んだ色とりどりの色鉛筆た …

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …

「青い池」を連想させる色を使った配色の美瑛町

北海道美瑛町のホームページです。 美瑛町の有名な「青い池」の写真がとても印象的な …

ファーストビューがとても斬新なレイアウトの不動産のサイトがカッコいい!

東京都渋谷区にある不動産事業会社「Think Green」のホームページです。 …