Webサイト『ミドリサワ動物病院』制作

クリックすると実際のWebサイトに飛びます。

制作目的

これまでは本や動画などを参考にWebサイトを作っていましたが、自分のオリジナルサイトを制作したことがなかったので。大まかな構造は書籍で作成したものを基にしましたが、素材集めやバナー作成などは自分で調べて行いました。

コンセプト

  • 動物病院のWebサイト
  • コンセプトカラーは常磐色(#006428)とし、これをメインカラーに全体の色使いを決める
  • 病院なので診療時間や診療カレンダーも載せる

学んだこと

レスポンシブデザインに気を付け、表示が崩れないように気を付けました。
特に、コンテンツを追加した後などは表示が崩れやすく、繰り返し確認を行いました。

素材集めでは『O-DAN (オーダン)』で写真素材を探し、ボタンなどの加工には『Canva』を使用しました。

今後の課題

今後の課題はワイヤーフレームの作成から行うことと、JavaScriptの導入です。

コメント

タイトルとURLをコピーしました