制作概要

概要・コンセプト

かわい内科＆皮ふ科クリニックは愛知県名古屋市にあるクリニックです。
こちらでは内科と美容皮膚科の2分野を専門としていますが、今回は「美容皮膚科をメインに取り扱った医院サイトが欲しい」とご依頼があったので、美容皮膚科向けの医院サイトを制作しました。

課題と目的

今回はhtmlとcssを使用してコーディングしたのですが、クライアント様から参考のデザイン・ページ構成としてWordPressテーマのNOELのようにしたいとご要望があり、参考にしながらデザイン・コーディングをしました。

工夫した点

トップページに載せたい美容機器や治療イメージ画像が複数枚あったので、キービジュアルをスライドショーにすることで複数枚の画像にも対応できました。スライドショーで動きを付けることでサイト訪問者の目を惹くコンテンツに仕上がりました。
かわい内科＆皮ふ科クリニックではサプリメントや化粧品など取り扱っている商材が豊富にあるため、大カテゴリーとメーカー毎の中カテゴリーに分けてカタログのように見やすくしました。また、商品の更新をしやすくするためにアンカーリンクを採用しました。

振り返り

今回はWordPressテーマを再現しながらの制作だったので、Javascriptやcssを使い動きがありつつ見やすいデザインを再現しました。
TOPページから各ページへ遷移する際のミニバナーのデザインも装飾や色合いを揃えて等間隔に並べることで優しく見やすい印象になりました。美容皮膚科なので女性対象ということもあり、無駄な装飾や派手なデザインはなるべく省いて制作できた点が良かったです。