カントーデンタルクリニック

コエカタマリンで、東京都練馬区春日町の歯科医院「カントーデンタルクリニック」のウェブサイトを制作させていただきました。
http://kantodental.com/


僕自身何年も通っている歯医者さんで、直接先生から制作を依頼していただきました。

ページは全６枚。すべて静的なHTMLです。

• カントーデンタルクリニック：TOP
• カントーデンタルクリニック：治療
• カントーデンタルクリニック：料金表
• カントーデンタルクリニック：審美
• カントーデンタルクリニック：予防
• カントーデンタルクリニック：アクセス

初期イメージでは清潔感とクールなテイストを前面に出したデザインを検討していましたが、ご相談の結果、コルクボードをモチーフにしたアットホームなテイストで思い切ったデザインにしました。

コルクボードは、院内での掲示やインテリアとしても実際に使われていて、「カントーデンタルクリニック」の印象的なモチーフです。

技術的には、グローバルメニューの部分などに、アルファチャンネルを持つ32bit透過PNG画像を使用しているところが特徴です。
IE6対応として、DD_belatedPNG.jsを使用しています。

<!--[if lte IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script type="text/javascript">
	DD_belatedPNG.fix( '.menu01, .menu02, .menu03, .menu04, .menu05');
</script>
<![endif]-->

このライブラリ、実は直前まで知らなくて、本当にたまたま知人の会社の手伝いに行ったときに関わったサイトで実装されていて知りました。
ラッキー！


コルクボード状の背景は、コルクボードらしく見え、しかも背景の継ぎ目が目立ちにくいようなテクスチャを独自に作成しました。Fireworksです。

わりと思い切ったデザインで、他になかなかないサイトになったと思います。
そう何度も見るウェブサイトではないのだから、これぐらいグラフィカルに振り切った医療系サイトもアリじゃないか、という提案でもあります。

ツイート