ホームページ制作TOP > Web制作実績 > 湘南鎌倉バースクリニック [医療 / レスポンシブサイト]
![[湘南鎌倉バースクリニック] トップページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works75-screenshot-pc01-134x76.png)
![[湘南鎌倉バースクリニック] 当院の特徴ページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works75-screenshot-pc02-134x76.png)
![[湘南鎌倉バースクリニック] クリニック概要ページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works75-screenshot-pc03-134x76.png)
![[湘南鎌倉バースクリニック] 写真・動画ギャラリーページ](https://www.doe.co.jp/works/wp-content/uploads/sites/2/2017/09/works75-screenshot-pc04-134x76.png)
DESIGN
お母さんと赤ちゃんの愛情表現を追求!
優しく包み込むようなデザイン
「お産とな何か?」を考慮し、競合産科サイトによく見られるラグジュアリー感(高級感)を控え、お母さんと赤ちゃんの愛情表現や関係性に近い質感を求めて、優しさを全面に押し出したデザインを考えました。
妊娠中の妊婦さんにはかわいい物を欲する心理が働くことがあるため、アイコンや背景にかわいさを感じる要素を散りばめました。
トップページで表示される「新着情報」にはCMSを導入し、お知らせやイベントなどを掲載していただけます。
WEBフォントを導入し、従来であれば画像を使用していた部分をテキストで出力しているため、検索エンジン上位表示対策(SEO対策)でも有利に働きます。
DOEの無料写真撮影をご活用していただき各所に配置しています。
とにかく角を丸めて柔らかく
とにかく角を丸めて柔らかく
最も落ち着く柔らかいフォルムはどのような形をしているのだろう。といった観点で様々なフォルムを研究した結果、右記のように球体を左右に並べて繋ぎ合わせたフォルムにたどり着きました。主張が少なく柔らかい質感があります。
外観画像を水彩テイストに
スマホ対応-レスポンシブコーディング
スマホ対応-レスポンシブコーディング
ブラウザサイズによってデザインを最適化させるレスポンシブデザインで制作しましたので、各端末で適切にコンテンツが配置されます。
メニューが配置されているヘッダーはスクロールしても上段に固定され、アクセシビリティー向上を図っています。
それぞれ配置されている画像はRetinaディスプレイ対応なので高画質で閲覧が可能です。
制作概要・工程
企画デザイン設計ライティング撮影SEO内部対策コーディングCMS導入納品チェック・リダイレクト処理
-
納品日 2016年7月31日 端末対応 レスポンシブ対応 ページボリューム 通常ページ:31ページ
フォーム:1本 -
グレード ハイクオリティ 撮影 あり CMS 部分導入