サイトロゴ

水郷あやめ屋(仮想サイト)

使用言語

HTML,CSS,JavaScript

制作物

デザインカンプによる仮想サイトを実装する課題を行いました。 一部縦書き、フェードイン、swiper、お問い合わせフォーム、グーグルマップを引用して実装しています。

課題のコーディングをこなした後に画像やテキストの差し替えなどをしてオリジナル化しました。

swiperの導入や調整、headerをファーストビューの下部の設置、お問い合わせフォームの設定(特にバリデーション)に苦慮しました。

制作にあたって

自分が好きな昔の面影を残したお店をイメージしながら、地元のお客様を基本に、観光客にも足を運んでもらえる制作体験のできるお店をコンセプトに作成しました。

ロゴの作成、画像や色の選定、テキストの作成など初めてのことづくめなので試行錯誤を繰り返してました。一番苦労したのは枠外の画像の設置調整でしたね。形になったときは嬉しかったです