制作内容
架空の福祉施設サイト作らせていただきました。
※要件定義、デザイン、コーディング全ての業務に携わりました。
サイトURL
https://portfolio.wizard2blog.com/nanairofukusikai/
制作概要
- 制作時期：2023年4月
- 制作時間：総計約160時間
- ページ数：1ページ
- 使用ツール：VScode・,Photoshop,XD
- 9割のデザインはデザイナーではない絵の得意な方からcanvaでサイトデザインをいただき、余白、レスポンシブは僕自身でよしなに対応しました。
- 残り1割の『ワークショップ体験』、『商品のご注文』、『ご購入の予約はこちらボタン』はデザイナーの方に作成していただきました。
使用スキル
HTML
CSS、Scss
JavaScript/jQuery
- レスポンシブ対応(最小幅320pxまで対応)
実装内容・工夫した点
🔹デザイン
UU数を上げるため、SNSでの拡散を目的として、左側にSNSボタンが追従するようなデザインにしました。
お問合せが過度に増え、コールセンターの負担を軽減とサイトの閲覧者が疑問に思ったことを解決できるよう、よくあるご質問の設置しました。
保育士不足を軽減するため、fvの右下にて求人へのボタンを設置しました。
🔹コーディング
-CSS-
・css設計ではFLOCSSを採用しており、コードの読みやすさ、保守性、再利用性を高めたコーディングとなっています。
-JavaScript-
・ユーザビリティを向上させる為、ドロワーメニューを開いた状態でタブレット幅よりも広くなると自動でドロワーメニューが閉じる作りにしました。
