SlideShare a Scribd company logo
1 of 12
Download to read offline
Medical Web Design

医療系WEBサイト構築のご提案
                     2011.12.20
Work Flow Chart                                                                                                                                            1



業務フロー




 基本区分                       要望確認               調査分析                          企画発想                                               知覚設計&制作施工




 Web                       ヒアリング               リサーチ                  コンセプト            ディレクション                デザイン                 プログラム     テスト
 制作手順                                                              (アイデンティティ構築)                                                  (コーディング)




                        目的               環境   調査          分析       印象      言葉         構造      骨格            編集         設計
                                                                                  (サイトマップ) (ワイヤーフレーム)




 工程の                          1 週間                 1 週間                         2週間                              1ヶ月               1ヶ月
 目安



                  ●                                            ●                                   ●    ●                   ●                             ●
                  ヒ                                            素                                   企    素                   デ                             最
                  ア                                            材                                   画    材                   ザ                             終
                  リ                                            用                                   承    用                   イ                             承
 備考               ン                                                                                                         ン
                                                               意                                   認    意                                                 認
                  グ                                                                                     ︵                   承
                  シ                                                                                     最                   認
                  ー                                                                                     終
                  ト                                                                                     ︶


(C)MediThink Inc. All Rights Reserved.                                                                                                      Medical Web Design
Research                                                2



トップページ一覧[国立大学病院編]




(C)MediThink Inc. All Rights Reserved.   Medical Web Design
Research                                                 3



トップページ一覧[公立大学病院編]




(C)MediThink Inc. All Rights Reserved.   Medical Web Design
Research                                                 4



トップページ一覧[私立大学病院編]




(C)MediThink Inc. All Rights Reserved.   Medical Web Design
Research                                                 5



トップページ一覧[総合病院編]




(C)MediThink Inc. All Rights Reserved.   Medical Web Design
Keyword Matrix                                                                                                                 6



医療系Webのキーワードマトリクス




                                                                     情緒的




                                         フレンドリー    ユニーク      エレガント         ダイナミック    アーティスティック   ノスタルジック




                                         カジュアル    ロマンチック     ナチュラル          ビビット       リッチ       トラディショナル




                                          ポップ       ライト      シンプル          スポーティ      アクティブ      オーセンティック

                    親和性                                                                                      格調性


                                   ソフィティスケイト       グラフィカル    シック            モダン       ダイアグラム     プロフェッショナル




                                         オーガニック   コンテンポラリー   ミニマム          スタイリッシュ     ストイック     コンセプチュアル




                                          クリーン      スマート     クール           システマチック     ロジカル       アカデミカル




                                                                     論理的




(C)MediThink Inc. All Rights Reserved.                                                                         Medical Web Design
Technical                                                                                  7



医療系Webのベーシック&トレンド



  ユニバーサルデザイン                             Social Media との親和性
  色 緑を避ける
   :                                     ブログはもとより、Facebook、Twitter も普及 定
                                                                      ・
  文字 見やすく大きく
    :                                    着した現在。ユーザーが医療 健康をより一層
                                                      ・       「自分
  シンプルでわかりやすいデザインを基本とし、そこ                ごと」と捉える場 面が増えるこれからは、Social
  にインタラクティブな「メディテイメントデザイン」               Media との連携は必要不可欠になります。
  を加えます。




  CMS
    (記事作成システム)                           Smart Phone 対応
  定期的な更新はアクセス数確保の必須条件。記事                 ダイナミックな印象を与える Flash はもはや必須項
  を 追 加 しや す い ような システム(Content          目ではありません。iPhone や iPad では確認でき
  Management System,CMS) 構 築 も 可 能 で
                        の                ないため、Flash 離れが顕著だからです。
  す。※た だし 予 算 や 更 新 頻 度 内 容 に よって は
                       ・                 また、Smart Phone ユーザー急増により、タッチ
  CMS が適さない場合もございます。                     スクリーンの特性を活かしたデザインも重要となり
                                         ます。




(C)MediThink Inc. All Rights Reserved.                                     Medical Web Design
Technical                                                                                  8



メディシンクが考えるSEO対策について
SEO = Search Engine Optimization(検索エンジン最適化)




  効くコトバを見つけます                                 第一印象をデザインします
  患者さんや医局員希望者など、医療系ユーザーなら                     最近の検索サイトでは、検索結果としてリストだけ
  ではの検索動向を想定し、適切な検索キーワード                      でなく、該当ページ(主に TOP ページ)のサムネイ
  を選定します。                                     ルも表示されます。この時点で目を引くデザインで
  さらに、キーワードをただ大量に使用するのではな                     なければ、クリックされる確率も低くなってしまい
  く、わかりやすい文章と共にサイト内で効果的かつ                     ます。
  的確に使用していきます。




  鮮度にこだわります                                   情報デザイン      視覚デザイン
  新規ユーザーの獲得に続いて重要となるのは、リ                      ユーザーが必要とする情報をわかりやすく構成する
  ピーターの獲得です。そのためには定期的なコンテ                     情報デザイン。それをさらに見やすく親しみやすく
  ンツ更新は必須です。                                  する視覚デザイン。
  メディシンクでは、多忙なスタッフの皆様に代わり、                    「誰に向けられたものなのか」どのように見られた
                                                           「
  ユーザー動向の綿密なリサーチ(調査 分析)
                   ・   を基に                    いのか」などを明確にし、目的に合わせて編集する
  効果的 魅力的なコンテンツとその更新システムを
     ・                                        ことで、全体 各ページにしっかりと個性を根付か
                                                    ・
  ご提案します。                                     せます。




(C)MediThink Inc. All Rights Reserved.                                     Medical Web Design
Organizational Tree                                                                                                         9



組織体制図

                                                                                 クライアント



                                                                                 ●●●●●




                                                                               クライアントご担当者様



                                         マネジメント コア
                                               ・                                  ●●●●         プロデューサー

                                         全体工程の管理や重要会議への参加など
                                         計画全体を推進します                                             八村大輔
                                                                                                メディシンク
                                                                                                  CEO


                                                                                Web 統括責任者



                                                                                  黒坂昌彦
                                                                                   メディシンク
                                                                               クリエイティブディレクター




                                         プロジェクト メンバー
                                               ・
                                         スペシャリスト集団の創造力        プランナー/ライター         Web 推進担当            デザイナー
                                         と総合力によって、魅力溢れる
                                         Web 制作を実現します
                                                                ●●●●              ●●●●               ●●●●
                                                                                  メディシンク
                                                                                  ディレクター



                                         デザイン チーム
                                             ・                         翻訳                      フォトグラファー

                                         日常的な連帯を図りながら、
                                         Web 制作を行います               セス リームス       プログラマー         ●●●●
                                                                    メディシンク
                                                                  翻訳通訳サービス統括
                                                                                  ●●●●




(C)MediThink Inc. All Rights Reserved.                                                                       Medical Web Design
Hearing Seat                                                                                                                         10



ヒアリングシート【医局】
    クライアント情報

    大学名 医局名
       ・

    担当部署

    担当者 窓口
       ・

    決済者

    基本情報

    新規 or リニューアル                         □新規開設   □リニューアル      現 WEB サイトで残しておきたい部分はどこですか?

    制作概算予算                               □50 万円未満   □50∼100 万   □100∼200 万   □200∼300 万   □300 万以上(   万)

    公開希望日と理由

    サイト名称


                                         □医局サイト   □技術実績紹介サイト   
    サイトのタイプ
                                         □研修医リクルートサイト   □医局員リクルートサイト



    特長 他大学の医局との違い
      ・




    サイトの目的



    ターゲットユーザー                            □患者向   □研修医 医局員募集   □研究実績 症例発表
                                                    ・             ・

                                         医局全体    □認知向上   □イメージアップ   □アクセス数向上   □問い合わせ数向上   □その他(                   )
    WEB サイトに期待する効果
                                         患者向     □医局への理解   □病気治療への理解による来院促進   □問い合わせ数向上   □その他(                   )

                                         目標にする他医局の WEB サイトはありますか?       □YES   □NO   ※YES の場合 URL:http://www.co.jp/
    他大学(他医局)
                                         (YES の場合)その WEB サイトの評価ポイントは?
(C)MediThink Inc. All Rights Reserved.                                                                                Medical Web Design
Hearing Seat                                                                                                                         11



ヒアリングシート【企業】
    クライアント情報

    企業名

    担当部署

    担当者 窓口
       ・

    決済者

    基本情報

    新規 or リニューアル                         □新規開設   □リニューアル      現 WEB サイトで残しておきたい部分はどこですか?

    制作概算予算                               □50 万円未満   □50∼100 万   □100∼200 万   □200∼300 万   □300 万以上(   万)

    公開希望日と理由

    サイト名称


                                         □コーポレートサイト   □サービス(ブランド)紹介サイト   □キャンペーンサイト   
    サイトのタイプ
                                         □販売サイト   □ポータルサイト   □ポートフォリオサイト



    特長 サービスの強み
      ・




    サイトの目的



    ターゲットユーザー


                                         □認知向上   □売上向上   □イメージアップ   
    WEB サイトに期待する効果
                                         □アクセス数向上   □問い合わせ数向上   □その他(                                             )


                                         目標にする競合他社の WEB サイトはありますか?      □YES   □NO   ※YES の場合 URL:http://www.co.jp/
    競合他社
                                         (YES の場合)その WEB サイトの評価ポイントは?
(C)MediThink Inc. All Rights Reserved.                                                                                Medical Web Design

More Related Content

More from Daisuke Hachimura

130131 【press】柏の葉スマートヘルス
130131 【press】柏の葉スマートヘルス130131 【press】柏の葉スマートヘルス
130131 【press】柏の葉スマートヘルスDaisuke Hachimura
 
メディカルデザインプロデュース(基本軽)提案書100615
メディカルデザインプロデュース(基本軽)提案書100615メディカルデザインプロデュース(基本軽)提案書100615
メディカルデザインプロデュース(基本軽)提案書100615Daisuke Hachimura
 
アロマサロン展開案(軽)100202
アロマサロン展開案(軽)100202アロマサロン展開案(軽)100202
アロマサロン展開案(軽)100202Daisuke Hachimura
 
医療機関向け OsiriX導入提案
医療機関向け OsiriX導入提案医療機関向け OsiriX導入提案
医療機関向け OsiriX導入提案Daisuke Hachimura
 
小型企業デザイン導入の提案書ひな形
小型企業デザイン導入の提案書ひな形小型企業デザイン導入の提案書ひな形
小型企業デザイン導入の提案書ひな形Daisuke Hachimura
 
企業向け社内「医療啓発」セミナー提案110220
企業向け社内「医療啓発」セミナー提案110220企業向け社内「医療啓発」セミナー提案110220
企業向け社内「医療啓発」セミナー提案110220Daisuke Hachimura
 
会社概要2012(縦バージョン8.5軽)
会社概要2012(縦バージョン8.5軽)会社概要2012(縦バージョン8.5軽)
会社概要2012(縦バージョン8.5軽)Daisuke Hachimura
 
医療用途セグウェイパンフレット(最終4)120208
医療用途セグウェイパンフレット(最終4)120208医療用途セグウェイパンフレット(最終4)120208
医療用途セグウェイパンフレット(最終4)120208Daisuke Hachimura
 
着想からメディカルデザインへ070310
着想からメディカルデザインへ070310着想からメディカルデザインへ070310
着想からメディカルデザインへ070310Daisuke Hachimura
 
メディカル×デザイン メディシンク八村パネル発表20080728
メディカル×デザイン メディシンク八村パネル発表20080728メディカル×デザイン メディシンク八村パネル発表20080728
メディカル×デザイン メディシンク八村パネル発表20080728Daisuke Hachimura
 

More from Daisuke Hachimura (10)

130131 【press】柏の葉スマートヘルス
130131 【press】柏の葉スマートヘルス130131 【press】柏の葉スマートヘルス
130131 【press】柏の葉スマートヘルス
 
メディカルデザインプロデュース(基本軽)提案書100615
メディカルデザインプロデュース(基本軽)提案書100615メディカルデザインプロデュース(基本軽)提案書100615
メディカルデザインプロデュース(基本軽)提案書100615
 
アロマサロン展開案(軽)100202
アロマサロン展開案(軽)100202アロマサロン展開案(軽)100202
アロマサロン展開案(軽)100202
 
医療機関向け OsiriX導入提案
医療機関向け OsiriX導入提案医療機関向け OsiriX導入提案
医療機関向け OsiriX導入提案
 
小型企業デザイン導入の提案書ひな形
小型企業デザイン導入の提案書ひな形小型企業デザイン導入の提案書ひな形
小型企業デザイン導入の提案書ひな形
 
企業向け社内「医療啓発」セミナー提案110220
企業向け社内「医療啓発」セミナー提案110220企業向け社内「医療啓発」セミナー提案110220
企業向け社内「医療啓発」セミナー提案110220
 
会社概要2012(縦バージョン8.5軽)
会社概要2012(縦バージョン8.5軽)会社概要2012(縦バージョン8.5軽)
会社概要2012(縦バージョン8.5軽)
 
医療用途セグウェイパンフレット(最終4)120208
医療用途セグウェイパンフレット(最終4)120208医療用途セグウェイパンフレット(最終4)120208
医療用途セグウェイパンフレット(最終4)120208
 
着想からメディカルデザインへ070310
着想からメディカルデザインへ070310着想からメディカルデザインへ070310
着想からメディカルデザインへ070310
 
メディカル×デザイン メディシンク八村パネル発表20080728
メディカル×デザイン メディシンク八村パネル発表20080728メディカル×デザイン メディシンク八村パネル発表20080728
メディカル×デザイン メディシンク八村パネル発表20080728
 

医療Webサイト構築提案書

  • 2. Work Flow Chart 1 業務フロー 基本区分 要望確認 調査分析 企画発想 知覚設計&制作施工 Web ヒアリング リサーチ コンセプト ディレクション デザイン プログラム テスト 制作手順 (アイデンティティ構築) (コーディング) 目的 環境 調査 分析 印象 言葉 構造 骨格 編集 設計 (サイトマップ) (ワイヤーフレーム) 工程の 1 週間 1 週間 2週間 1ヶ月 1ヶ月 目安 ● ● ● ● ● ● ヒ 素 企 素 デ 最 ア 材 画 材 ザ 終 リ 用 承 用 イ 承 備考 ン ン 意 認 意 認 グ ︵ 承 シ 最 認 ー 終 ト ︶ (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 3. Research 2 トップページ一覧[国立大学病院編] (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 4. Research 3 トップページ一覧[公立大学病院編] (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 5. Research 4 トップページ一覧[私立大学病院編] (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 6. Research 5 トップページ一覧[総合病院編] (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 7. Keyword Matrix 6 医療系Webのキーワードマトリクス 情緒的 フレンドリー ユニーク エレガント ダイナミック アーティスティック ノスタルジック カジュアル ロマンチック ナチュラル ビビット リッチ トラディショナル ポップ ライト シンプル スポーティ アクティブ オーセンティック 親和性 格調性 ソフィティスケイト グラフィカル シック モダン ダイアグラム プロフェッショナル オーガニック コンテンポラリー ミニマム スタイリッシュ ストイック コンセプチュアル クリーン スマート クール システマチック ロジカル アカデミカル 論理的 (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 8. Technical 7 医療系Webのベーシック&トレンド ユニバーサルデザイン Social Media との親和性 色 緑を避ける : ブログはもとより、Facebook、Twitter も普及 定 ・ 文字 見やすく大きく : 着した現在。ユーザーが医療 健康をより一層 ・ 「自分 シンプルでわかりやすいデザインを基本とし、そこ ごと」と捉える場 面が増えるこれからは、Social にインタラクティブな「メディテイメントデザイン」 Media との連携は必要不可欠になります。 を加えます。 CMS (記事作成システム) Smart Phone 対応 定期的な更新はアクセス数確保の必須条件。記事 ダイナミックな印象を与える Flash はもはや必須項 を 追 加 しや す い ような システム(Content 目ではありません。iPhone や iPad では確認でき Management System,CMS) 構 築 も 可 能 で の ないため、Flash 離れが顕著だからです。 す。※た だし 予 算 や 更 新 頻 度 内 容 に よって は ・ また、Smart Phone ユーザー急増により、タッチ CMS が適さない場合もございます。 スクリーンの特性を活かしたデザインも重要となり ます。 (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 9. Technical 8 メディシンクが考えるSEO対策について SEO = Search Engine Optimization(検索エンジン最適化) 効くコトバを見つけます 第一印象をデザインします 患者さんや医局員希望者など、医療系ユーザーなら 最近の検索サイトでは、検索結果としてリストだけ ではの検索動向を想定し、適切な検索キーワード でなく、該当ページ(主に TOP ページ)のサムネイ を選定します。 ルも表示されます。この時点で目を引くデザインで さらに、キーワードをただ大量に使用するのではな なければ、クリックされる確率も低くなってしまい く、わかりやすい文章と共にサイト内で効果的かつ ます。 的確に使用していきます。 鮮度にこだわります 情報デザイン 視覚デザイン 新規ユーザーの獲得に続いて重要となるのは、リ ユーザーが必要とする情報をわかりやすく構成する ピーターの獲得です。そのためには定期的なコンテ 情報デザイン。それをさらに見やすく親しみやすく ンツ更新は必須です。 する視覚デザイン。 メディシンクでは、多忙なスタッフの皆様に代わり、 「誰に向けられたものなのか」どのように見られた 「 ユーザー動向の綿密なリサーチ(調査 分析) ・ を基に いのか」などを明確にし、目的に合わせて編集する 効果的 魅力的なコンテンツとその更新システムを ・ ことで、全体 各ページにしっかりと個性を根付か ・ ご提案します。 せます。 (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 10. Organizational Tree 9 組織体制図 クライアント ●●●●● クライアントご担当者様 マネジメント コア ・ ●●●● プロデューサー 全体工程の管理や重要会議への参加など 計画全体を推進します 八村大輔 メディシンク CEO Web 統括責任者 黒坂昌彦 メディシンク クリエイティブディレクター プロジェクト メンバー ・ スペシャリスト集団の創造力 プランナー/ライター Web 推進担当 デザイナー と総合力によって、魅力溢れる Web 制作を実現します ●●●● ●●●● ●●●● メディシンク ディレクター デザイン チーム ・ 翻訳 フォトグラファー 日常的な連帯を図りながら、 Web 制作を行います セス リームス プログラマー ●●●● メディシンク 翻訳通訳サービス統括 ●●●● (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 11. Hearing Seat 10 ヒアリングシート【医局】 クライアント情報 大学名 医局名 ・ 担当部署 担当者 窓口 ・ 決済者 基本情報 新規 or リニューアル □新規開設   □リニューアル 現 WEB サイトで残しておきたい部分はどこですか? 制作概算予算 □50 万円未満   □50∼100 万   □100∼200 万   □200∼300 万   □300 万以上(   万) 公開希望日と理由 サイト名称 □医局サイト   □技術実績紹介サイト    サイトのタイプ □研修医リクルートサイト   □医局員リクルートサイト 特長 他大学の医局との違い ・ サイトの目的 ターゲットユーザー □患者向   □研修医 医局員募集   □研究実績 症例発表 ・ ・ 医局全体    □認知向上   □イメージアップ   □アクセス数向上   □問い合わせ数向上   □その他(                   ) WEB サイトに期待する効果 患者向     □医局への理解   □病気治療への理解による来院促進   □問い合わせ数向上   □その他(                   ) 目標にする他医局の WEB サイトはありますか? □YES □NO   ※YES の場合 URL:http://www.co.jp/ 他大学(他医局) (YES の場合)その WEB サイトの評価ポイントは? (C)MediThink Inc. All Rights Reserved. Medical Web Design
  • 12. Hearing Seat 11 ヒアリングシート【企業】 クライアント情報 企業名 担当部署 担当者 窓口 ・ 決済者 基本情報 新規 or リニューアル □新規開設   □リニューアル 現 WEB サイトで残しておきたい部分はどこですか? 制作概算予算 □50 万円未満   □50∼100 万   □100∼200 万   □200∼300 万   □300 万以上(   万) 公開希望日と理由 サイト名称 □コーポレートサイト   □サービス(ブランド)紹介サイト   □キャンペーンサイト    サイトのタイプ □販売サイト   □ポータルサイト   □ポートフォリオサイト 特長 サービスの強み ・ サイトの目的 ターゲットユーザー □認知向上   □売上向上   □イメージアップ    WEB サイトに期待する効果 □アクセス数向上   □問い合わせ数向上   □その他(                                             ) 目標にする競合他社の WEB サイトはありますか? □YES □NO   ※YES の場合 URL:http://www.co.jp/ 競合他社 (YES の場合)その WEB サイトの評価ポイントは? (C)MediThink Inc. All Rights Reserved. Medical Web Design