パソコンとスマホ版のホームページデザイン案(病院編)
病院のホームページデザイン案です。PC用サイトとスマートフォンサイトを制作することを前提にした提案です。
レスポンシブウェブデザインでの対応も可能です。
自社更新を希望の場合はWordPress等のCMS(管理画面)を導入すれば可能です。
病院用のPC版ホームページデザイン案
デザインは基本的にカード型のグリッドデザインで行いました。メイン画像はキャッチコピーの組み合わせでデザインし、JQueryスライドショーで数パターンの画像を見せる形になります。JQueryのスライドショーなのでスマホにも対応します。
その他の部分は基本的に最低銀の画像と文章の組み合わせでシンプルなデザインになります。各カード内の内容が独立して際立ち目的の情報をすぐ発見できるように意識してデザインしました。
お知らせ部分はWordPress(CMS)を導入して自社更新させるのがいいでしょう。日付とタイトルのシンプルなデザインですが、サムネイル画像を加えることも可能です。記事のタイトルをクリックすると詳細ページに移動します。
なお、お知らせ一覧ページでは、サムネイル画像と説明文や内容の最初の100文字ぐらいを表記することも可能です。