概 要 | けやき坂中央病院 看護師採用サイト KEYAKI RECRUIT |
---|---|
URL | https://www.yuki-017.com/keyaki-nurse/index.html |
制作の目的 | プログラマー養成科の職業訓練校のサイト作成課題のために作成しました。 作成した目的は、私自身が現在看護師として勤務していて、病院や求人サイトを見ることが多いからです。 最近ではおしゃれでデザイン性の高い病院のサイトが増えているので、 看護師の経験を活かし、私もそういったものを作ってみたいと思ったのがきっかけです。 今回はトップページだけでなく下層ページも作ることで、より本物らしいサイトを作成することができました。 ※プログラム禁止で、HTML5/CSS3のみ使用の条件があります。 |
ターゲット | 転職を考える20~30代の女性看護師をターゲットにしています。 理由:看護師は男女比が約1:9と、ほとんどが女性を占めていること。 20~30代はスキルアップや結婚などを機に転職を考える人が多い傾向にあるため。 |
デザイン | 比較的若い女性をターゲットにしているため、「ここで働いてみたい」「この病院気になるな」と
思ってもらえるよう、女性の目に留まりやすい「おしゃれで可愛いデザイン」を目指しました。 病院のサイトらしく清潔感が出るように白をベースカラーとした上で、 パステルカラー (ピンク■#f19eb4、 紫■#af75e6、 水色■#4ec7f5) をアクセントに使い可愛いイメージを目指しました。 また、各セクションの余白に統一感を持たせました。 適度な余白や文字間、行間をとることで、窮屈さを作らずゆとりができるように配慮しました。 Javascriptなどのプログラムを使わない条件があるので、 CSSのみで、動きがありユーザーを飽きさせないサイト作成を心がけました。 それから20~30代の女性の多くはスマートフォンを使用していると考えたため、 タブレットやスマホでもレイアウト崩れが起こらないように レスポンシブ対応のサイトを作成しました。 |
レスポンシブ | パソコン、タブレット、スマートフォン |
制作期間 |
トップページ+下層14ページの合計15ページ 合計約21時間 【内訳】 写真探し:約2時間 写真加工:約30分 ロゴ・ファビコン作成:10分(Illustrator) デザインカンプ:なし(今回はコーディングに集中するため、デザインカンプの作成は行いませんでした) コーディング・文章作成:約18時間 |
使用ツール | コーディングはVScode 写真の加工はLightroom フッターとfaviconのロゴはIllustratorで作成しました。 |
使用素材 | 写真AC,Freepik |