すず漢方堂【Webサイト】

課題

1. 1.複数ページのWebサイトを作成する。
2. 2.より実務で作るような形のWebページを目指す。
3. 3.写真を主体としたデザインを作成する。

目的

現在利用している顧客のメイン層が高齢化してきたため、若年層の利用を促し新規顧客を獲得したい。 鍼灸治療、薬膳等、トータルでサポートできる薬局であると伝える。

ターゲット

30代後半独身女性（会社員）

• ・漢方に興味はあるが、店舗へ行くにはハードルを感じる。
• ・最近原因不明の不調が増えたけれど、検査では特に異常がないので、漢方を検討している。

情報設計

• ・トップページでは概要のみにとどめ、詳細は個別ページへ誘導する構成とした。
• ・写真にはフェードアップの動きを加え、スクロールに合わせて繰り返し表示されるようにした。
• ・個人情報保護方針はモーダルウィンドウで表示し、フォーム入力の妨げにならないように配慮した。
• ・トップページにはロゴとキャッチコピーを配置し、途中までのレイアウトを可変にすることで、レスポンシブに対応できるよう調整した。

デザイン

• ・フォントに『Zen Maru Gothic』を採用し、女性が好む柔らかい配色にした。

制作範囲

企画、デザイン、コーディング

制作期間

• ・ワイヤーフレーム作成：

  1日

• ・デザイン作成：

  5日

• ・コーディング：

  2週間

使用ツール

• ・コーディング：

  HTML/CSS/JavaScript/jQuery

• ・デザイン：

  Adobe Photoshop

• ・ロゴ・画像生成：

  AI（ChatGPT）

使用色