【自主制作】産婦人科医院 LP制作（架空）
OVERVIEW
キャリアスクールの実技試験にて、架空の産婦人科医院のサイトを制作いたしました。 ■制作時期：2023年9月 ■制作時間：約40時間 ■担当領域：全て ■使用ツール：Illustrator / Photoshop / Visual Studio Code
▼目次
１．制作物
２．要件
３．デザインのポイント
１．制作物
▼制作概要
【制作期間】2023年9月
【制作期間】約40時間
【担当領域】全て
要件定義／ペルソナ設定／WF制作／デザインカンプ制作／ロゴ制作／マークアップ／コーディング／サーバーアップ
【使用ツール】
- Illustrator（ロゴ制作）
- Photoshop（WF・デザインカンプ制作、画像加工・補正）
- Visual Studio Code（マークアップ、コーディング）
２．要件
▼サイト名（事業内容）
いずみレディースクリニック（産婦人科医院）
▼サイトの制作目的
サイトをリニューアルし、新規の患者さんを獲得したい
▼ターゲット
- 病院に苦手意識を持っている20〜40代女性
- 産前産後のトータルサポートをしてほしい女性
- かかりつけ医を探している方
▼デザインイメージ
- 病院特有の怖いイメージを払拭したい
- 医療なので誠実さを大事にしたい
- 大人の女性に好まれるソフトエレガントな配色
- 安心して通える雰囲気
３．デザインのポイント
▼使用カラー
▼工夫した点
- 【固定予約ボタン・ヘッダーのリサイズ】
- PC版、SP版の両方で予約ボタンを固定にしています。SP版の予約ボタンはタップしやすい最下部に配置
- PC版のヘッダーはファーストビューではやや広めに設定してあるので、スクロール時にサイズを調整
- 【世界観の表現】
- アニメーションはフワッとした動きのものを取り入れました
- グラデーションを用いて、抜け感を出しました
- 余白で洗練されたイメージを与えられるようにしました