WEB CREATION RECORD

ホームページ制作TOP > Web制作実績 > 湘南鎌倉バースクリニック [医療 / レスポンシブサイト]
[期間限定] 標準クオリティープラン  WEBサイト制作20%OFF
失敗しないWeb制作会社の選び方

WEB CREATION RECORD

湘南鎌倉バースクリニック様

[医療 / ホームページ制作実績]

[湘南鎌倉バースクリニック] トップページ
[湘南鎌倉バースクリニック] 当院の特徴ページ
[湘南鎌倉バースクリニック] クリニック概要ページ
[湘南鎌倉バースクリニック] 写真・動画ギャラリーページ
[湘南鎌倉バースクリニック] トップページ
[湘南鎌倉バースクリニック] 当院の特徴ページ
[湘南鎌倉バースクリニック] クリニック概要ページ
[湘南鎌倉バースクリニック] 写真・動画ギャラリーページ

DESIGN

「お産とな何か?」を考慮し、競合産科サイトによく見られるラグジュアリー感(高級感)を控え、お母さんと赤ちゃんの愛情表現や関係性に近い質感を求めて、優しさを全面に押し出したデザインを考えました。
妊娠中の妊婦さんにはかわいい物を欲する心理が働くことがあるため、アイコンや背景にかわいさを感じる要素を散りばめました。
トップページで表示される「新着情報」にはCMSを導入し、お知らせやイベントなどを掲載していただけます。
WEBフォントを導入し、従来であれば画像を使用していた部分をテキストで出力しているため、検索エンジン上位表示対策(SEO対策)でも有利に働きます。
DOEの無料写真撮影をご活用していただき各所に配置しています。

とにかく角を丸めて柔らかく

[湘南鎌倉バースクリニック] 柔らかいテイスト

とにかく角を丸めて柔らかく

最も落ち着く柔らかいフォルムはどのような形をしているのだろう。といった観点で様々なフォルムを研究した結果、右記のように球体を左右に並べて繋ぎ合わせたフォルムにたどり着きました。主張が少なく柔らかい質感があります。

» [湘南鎌倉バースクリニック様] トップページ

外観画像を水彩テイストに

[湘南鎌倉バースクリニック] 水彩加工

外観画像を水彩テイストに

建物の画像をそのまま配置すると、やはり柔らかさが損なわれてしまうので水彩加工を施し柔らかい印象を与えることができました。

» [湘南鎌倉バースクリニック様] トップページ

スマホ対応-レスポンシブコーディング

[湘南鎌倉バースクリニック] トップページ | スマホビュー
[湘南鎌倉バースクリニック] 当院の特徴ページ | スマホビュー
[湘南鎌倉バースクリニック] はじめての方へページ | スマホビュー
[湘南鎌倉バースクリニック] 写真・動画ギャラリーページ | スマホビュー
[湘南鎌倉バースクリニック] メニュー | スマホビュー

スマホ対応-レスポンシブコーディング

ブラウザサイズによってデザインを最適化させるレスポンシブデザインで制作しましたので、各端末で適切にコンテンツが配置されます。
メニューが配置されているヘッダーはスクロールしても上段に固定され、アクセシビリティー向上を図っています。
それぞれ配置されている画像はRetinaディスプレイ対応なので高画質で閲覧が可能です。

制作概要・工程

企画デザイン設計ライティング撮影SEO内部対策コーディングCMS導入納品チェック・リダイレクト処理

  • 納品日 2016年7月31日
    端末対応 レスポンシブ対応
    ページボリューム 通常ページ:31ページ
    フォーム:1本
  • グレード ハイクオリティ
    撮影 あり
    CMS 部分導入

PAGE TOP