アクセサリーブランドのLPサイトのコーディング

Mota｜フリーランスWebコーダー
フリーランスwebコーダー
OVERVIEW

アクセサリーブランドのデザインカンプ（XD）からのコーディングを行っております。 パーフェクトピクセルを意識して、カンプをしっかり再現できるよう意識して作っています。

YEAR 2022

URL ：　https://mota-file.conohawing.com/sobolon/

ユーザー名　：　mota

パスワード　：　web2022

制作期間目安　：　４日間

【仕様】

  • header上部固定
  • ページ内リンクスムーススクロール
  • 各セクション、スクロール後にふわっと表示
  • formのバリデーション設定、checkboxは各種ブラウザ統一のため、独自CSS
  • SNSボタンはFont Awesome使用
  • レスポンシブ化（ブレイクポイントは768px）
  • スマホ時ドロワーメニュー表示

【気をつけたこと】

  • perfect pixelでカンプの再現を重視
  • jQueryプラグイン使用（WOW.js、drawer.js）
  • Sass使用してのコーディング
  • 画像圧縮し、サイト速度を意識