« 大江橋クリニックのウェブサイト(3) | トップページ | 大江橋クリニックのウェブサイト(5) »

大江橋クリニックのウェブサイト(4)

 現在のウェブサイトのデザインは、トップページに代表される「白抜きのロゴマーク」から始まるスタイルと、各診療科のページに見られる左上に「小さな紺色のロゴマーク」をあしらったスタイルとが混在している。

 各診療科のページデザインは、現在の一つ前のデザインを引きずっていて少々野暮ったい気がするが、まだレイアウトの変更が追いついていない。それでも、バックグラウンドの色をそれぞれの診療科のコンセプトカラーに揃えたので、バリエーションと統一感が程よく表現できて、しばらくはこのままでいいかと思っている。(むしろ内容を充実させるほうに力を注ぐべきだろう)

 OとCを組み合わせたロゴマークと、ロゴの書体はプロの作品である。ラインの美しさと品格を表現したかったのでとても気に入っている。看板や玄関の表札にも使われているので当面変更する予定はないが、それでも使う場所により文字のウェイトや色調などは少しずつ変化をもたせている。
 バックグラウンドのイラストはクリニックの近くの大阪市中心部を撮った写真をPhotoshopで加工したもので、最近の高解像度モニタにあわせてかなり大きなサイズに作ってある。調べてみるとクリニックのサイトを訪れてくださる方の中には2560x1600などという大きなモニタで見てくださっている方もあるので、そのうちもっと画像解像度を上げなければならないかもしれない。

 全体の基本的横幅は880ピクセルで揃えてある。最初はもっと小さなモニタで見てくださる方のことも考えて550ピクセル程度で作っていたのだが、最近4ヶ月で横幅880ピクセル以下の訪問者は3名だけだったので、この程度であればほとんど全員の訪問者に快適に全体像を見てもらえるのではないかと思っている。
 今後の課題は、携帯とスマートフォン、特に院長・副院長も使っているiPhoneできれいに見えるサイトを作ることだが、これは当分先のことになるだろうと思う。

|

« 大江橋クリニックのウェブサイト(3) | トップページ | 大江橋クリニックのウェブサイト(5) »

けんなの電脳生活」カテゴリの記事