Snap Onomichi

https://web-shima.com/SnapOnomichi/

• 担当範囲

  コーディング

• 作業内容

  Figmaデザインカンプからのコーディング

• 制作期間

  2週間

• 気をつけた点

  ・画像が多いサイトなので、一つ一つの画像がお互いに邪魔にならないように、重なりの優先度を気にしつつ、配置が崩れづらいコーディングを意識してCSSを設定しました。
  
  
  ・自動で動くスライダーはJavascriptで速度や動き方の設定を細かく行い、手動で動くスライダーはCSSで見栄えを細かく設定し、より見やすいサイトになることを図りました。
  
  ・「お問い合わせ」セクションでは、必須項目が未入力の際にエラーを表示し、サイト訪問者の不備を無くせるよう設定しました。
  
  ・Perfect Pixelを用いて、デザインカンプを忠実に再現しました。