保育園ウェブサイトうつぼの森保育園(B)

うつぼの森保育園(B)のPC版サムネイル画像

サイト

サイトを見る

ID : web   PASS : imaginary22

概要

スクールのグループ制作で制作した架空の保育園ウェブサイトです。
トップページのコーディング(PCサイトのみ)を担当しました。
デザインが2案あり、A案B案としてそれぞれ同時並行で制作しました。

制作期間

3週間

使用ツール、使用言語

デザイン : Adobe XD
コーディング : HTML/CSS/jQuery

コーディングについて

実際に子どもたちが走っているような、自由な動きが魅力的なデザインでした。
ただ、自身の力不足でとても難しかったです。
画像を書き出して使うのか、デザイナーに画像を作成していただくのか、コーディングで対応できるのかなど、
知識、経験不足により上手くコミュニケーションが取れないことが多かったです。
そのおかげでどう伝えるべきか、どう調べるべきかなど、一人では体験できない貴重な経験ができたと感じています。
とても勉強になった制作物の1つです。

コーディングとしては、コンテンツの配置と動きに苦労しました。
参考サイトを見ながらjQueryを初めて使用し、動きのあるページを作れたことに感動しました。