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

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

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

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

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

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

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

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

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

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

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

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

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

コマ割りしたマンガ

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

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

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

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

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

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

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

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

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

パチンコ店イベント情報サイトを新規制作

パチンコ店イベント情報サイトを新規制作

パチンコ店のイベント情報を掲載するサイトをWordPressで制作しました。

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

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

愛知県豊橋市のバイクショップのホームページ制作を行いました。

不用品回収、ゴミ屋敷清掃会社のホームページ制作

不用品回収、ゴミ屋敷清掃会社のホームページ制作

岡山県で不用品回収、ゴミ屋敷の清掃を行う企業のホームページ制作を行いました。

セミオーダーで創作仏壇

セミオーダーで創作仏壇を依頼するサイト制作

手作りの仏壇をセミオーダーで依頼できるサイトの制作を行いました。

遺品整理会社のホームページ

遺品整理会社のホームページを新規制作

はじめてのホームページでどこから手を付けてよいかわからない様子でしたが、メールと電話で作業を進めました。

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

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

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

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

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

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

ホームページ制作・運営パック
ホームページ制作おすすめパック
WordPress格安パック
WordPressエントリーパック
WordPressスタンダードパック
WordPressビジネスパック
愛知県豊橋市のホームページ制作 | クロスロードお急ぎ電話番号は080-7023-9643お問い合わせ電話番号は0532-74-5099メール相談

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

ホームページ制作プラン

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

クロスロードについて

コラム

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