目次
概要
動物病院のサイトを要件からコーディングまで一貫して制作をいたしました。
- クライアント:わんにゃん動物病院(架空)
- 制作日:2023/4~6
- 制作時間:80時間 デザインカンプ(20時間)コーディング(60時間)
- 担当範囲:情報設計・デザイン・コーディング・サーバーアップ
- 使用ツール:Illustrator・Visual Studio Code・ロリポップ(サーバー)
- 担当サイズ:PC(1440px),タブレット(1080px),SP(375px)
- 使用言語:HTML・CSS・JavaScript・jQuery
要件
要件については以下のNotionをご確認ください。
成果物
![](https://erika-mori.com/wp-content/uploads/2023/07/b4cb4e4abd15ac82856bd5e40ad16bf4.png)
スタイルガイド
![](https://erika-mori.com/wp-content/uploads/2023/07/b36460abbab3a2bcf39946957cbf2053-1.png)
![](https://erika-mori.com/wp-content/uploads/2023/07/0f7b30bd60f16ca478dbec1b22d19409-1.png)
コーディング設計書
![](https://erika-mori.com/wp-content/uploads/2023/07/Desktop-1.png)
デザインのPOINT
![](https://erika-mori.com/wp-content/uploads/2023/07/d6f8ac527baa2da77503c634d50f31c6.png)