制作実績（医療法人渡部医院グループ様｜サイト制作）｜YORIYORK｜栃木県佐野市

ホームページ制作

医療法人渡部医院グループ様｜サイト制作

栃木県那須塩原市で医療・介護領域を多角的に展開されている「医療法人 渡部医院グループ様（渡部医院・介護法人保健施設 秋桜の家・グループホーム和）」

のWEBサイト（ホームページ）制作のご依頼をいただきました。

ご要望

レイアウトもデザインも古くなったWEBサイトをリニューアルしたい。
各施設、サービス、重要点の整理ができていないので情報設計のサポートをしてほしい。

企画・コンテンツ

ご予算内でできる改善を調整
情報の要点と区分けをしっかりとヒアリングさせていただき、ディレクトリとページの設計を展開。
上記に付随する必要機能をCMSでカスタムする調整を進めました。

コンテンツはお客様目線で、必要情報を協議しながら設定。
お写真も弊社で撮影させていただきました。
　

デザイン

▼色
・施設毎のメインカラーを過去サイトから設定
・色味を柔らかいトーンにし、優しい印象に調整
・アクセントカラーにはトーンを合わせたオレンジ、ベージュを使用

▼書体
・「親しみやすさ」「優しさ」「おおらかさ」を出すように、丸みのあるゴシック体を設定
・英語書体もゴシック体の全体の印象に合うものを選定

▼形
・「楽しさ」「親しみやすさ」を出すために丸みのある形を使用
・薄い影をつけ、より全体が優しい印象になるように調整

▼画像
・自然光の明るく優しい印象になるように加工を行う

▼アニメーション
・スクロールやホバー時の挙動も、ゆったりとした雰囲気にし、優美な印象とする。
・ローディングアニメーションを施設のキャラクターを使用し一部のページで実装を行う

▼レイアウト
・背景に丸みのある形を散りばめ、施設内の楽しい印象を表現
・コンテンツ毎の背景をわけることで、内容の切り替わりを調整
・ボタンにアクセントカラーを使用し、同線を強調する。
・共通パーツ（見出し、ボタン）を定め、サイト全体の統一性を出す。

▼その他
・施設毎、採用とメインカラーを変え、ページの印象を変えることで、視覚的にユーザに違いを伝える
・カラーを変えることで、施設の雰囲気を表現

プログラミング

■CMSの導入
・お知らせを更新できるように設定

■動き
・ローディングアニメーションの実装
・トップページにふわっと表示されるフェードインの実装
・アンカーリンクにスクロールするスムーススクロールの実装
・各メニューにアクセスがしやすい、ハンバーガーメニューの実装
・スマホ表示時、縦に広がらないようにスクロールバーの実装

■セキュリティ
・SSL、リキャプチャの導入

■フォーム
・問い合わせフォームの構築

■運用
・カスタムフィールドを用いて、施設紹介の画像が設定できるように構築。


■その他
・デバイスで表示が崩れないように構築
・ページでheader、footerの見た目が変わるように構築
・次世代の画像の形式のwebpを採用し、処理の高速化の実現