美容形成外科クリニックのホームページをレスポンシブデザインに

【投稿日】 【最終更新日】2017年9月14日

美容形成外科クリニックのホームページ

美容形成外科のクリニックのホームページをレスポンシブデザインでリニューアルしました。

こちらのクリニックは開院11年で開院当初からホームページは当オフィスで制作させていただいています。これまでのサイトもWordpressで運用しており、表示はパソコンと携帯(ガラケー)に振り分けていました。

スマートフォンでアクセスした場合は携帯サイトが表示されるので閲覧は可能でしたが、携帯サイトをスマホで見ると「ちょっとさみしい」感じがします。美容外科のようなサイトへのアクセスは圧倒的にスマホが多くなります。そこで今回スマホで快適に閲覧できるようレスポンシブデザインでリニューアルしました。

レスポンシブデザインでスマホやタブレットでも快適に…

レスポンシブデザインパソコン表示レスポンシブデザインタブレット表示レスポンシブデザインスマホ表示

スマホでのメニュー(サイドバー)表示

左上の「メニュー」をタップ
ページ数の多いサイトですのでサイドバーのメニューはスライドで表示させるようにしました。左上の「メニュー」をタップすると…

メニューが表示される
左側からメニュー(サイドバー)が表示されます。

マンガが面白いのでこれはもうぜひ読んでもらいたい

マンガが面白い
人気のコンテンツに「美容外科にまつわる話マンガ」があります。「46回」まであり、読みごたえがあるのですが、もともとのサイズがA4サイズに印刷されたものでしたのでそのままスマホ画面で見てもまずわかりません。そこで、スマホ用にはコマ割りした画像を別ページで閲覧できるようにしています。(ガラケーサイトの時も同様にしていました)

コマ割りしたマンガ

タブレット端末でのメニュー(サイドバー)表示

左上の「メニュー」をタップ
タブレット端末でも同様に左上の「メニュー」をタップすると…

左側からメニュー
左側からメニュー(サイドバー)が表示されます。タブレットの場合、パソコンと同様にメニュー(サイドバー)を表示させてもよいかもしれませんが、コンテンツの表示領域は少しでも多いほうがいいので、メニューをスライドさせる形をとりました。

タブレットならマンガもそのまま読める

タブレットならマンガもそのまま読める
上の写真はiPadでの表示ですが、ある程度の画面サイズのタブレット端末ならマンガはそのまま楽しめます。しかし、少し小さいサイズのタブレットの場合はやはりコマ割りのマンガのほうが読みやすいかもしれません。

何がすごいって「院長日記」スゴイ!!

こちらのクリニックの先生は毎日ブログを投稿されています。1年や2年ではありません。もう9年以上にわたって毎日欠かさずブログを投稿されています。「毎日欠かさずブログを9年間…」という人は日本中探しても数えるほどしかいないと思います。

札幌美容形成外科のホームページはこちら

ホームページ制作事例カテゴリの最新記事

自動車の内装・シートの張替え専門ショップ

自動車の内装・シートの張替え専門ショップのホームページを制作

ホームページビルダーを利用して制作・運営してきたホームページをWordPressでリニューアルしました。

小さなお花屋さんのホームページ

小さなお花屋さんのホームページを新規制作

個人事業主と言えども独自ドメインでのお店のサイトが有るのと無いのではお客様への信頼度もアピール度も全く違います。

介護サービス施設のホームページ

介護サービス施設のホームページ制作

「お客様が知りたがっている情報を正確に伝える」ためにも正確な情報が掲載されているホームページは重要です。

リサイクルショップのホームページ

リサイクルショップのホームページを新規制作

出張買取の受付、売りたい商品の写真を送って「事前査定」を行うことのできるフォームを設置しました。

岡山県の遺品整理会社のホームページをリニューアル

岡山県の遺品整理会社のホームページをリニューアル

これまで他の制作会社によるものでしたがGoogleでの表示位置が今ひとつ。ということで当オフィスで全面的に見直すこととなりました。

創作作品ギャラリーのホームページ制作

創作作品ギャラリーのホームページ制作

仏壇のイメージを一新させていただきました。WordPressでギャラリーのホームページを制作しました。

Wordpressで多言語サイトを制作

WordPressで多言語サイトを制作

海外にも情報発信するなら英語サイトは必須。そんなときもWordpressが活躍します。

ホームページ制作・運営パック
ホームページ制作おすすめパック
WordPress格安パック
WordPressエントリーパック
WordPressスタンダードパック
WordPressビジネスパック
ウェブデザインオフィスクロスロードお急ぎ電話番号は080-7023-9643お問い合わせ電話番号は0532-74-5099メール相談

ホームページ制作&運営パック

ホームページ制作プラン

クロスロードのホームページ制作

クロスロードについて

コラム

ウェブデザインオフィスクロスロード