架空採用サイトLP|静的コーディング

▼サイト情報


URL:https://kanapote.wpx.jp/tsukasan/

サイトを見る

※架空サイトのためベーシック認証をかけています。

お手数ですが、以下のユーザー名・パスワードをご入力ください。

ユーザー名:test

パスワード:test



▼制作概要


【制作内容】デザインカンプからのコーディング課題として架空サイトのコーディングをいたしました。

【制作期間(目安)】71時間(約3週間)

【ページ数】2ページ

【サイト構成】トップページ/サンクスページ



▼実装内容・工夫した点


・レスポンシブ対応

・ピクセルパーフェクト

・FV・先輩の声sectionにてswiperを用いて実装

・jQueryを用いてハンバーガーメニュー、ドロワーメニュー、スムーススクロール、

 ページトップボタン、モーダルを実装

・モーダル(プライバシーポリシー)のスクロールバーをカスタマイズ

・エントリーフォームはPHP工房にて作成

 ┗郵便番号を入力すると住所が自動反映

 ┗バリデーション(必須項目チェック、電話番号・メールアドレスの形式チェック)

・よくある質問にリッチリザルトを使用

・品質チェックシートを用いて、チェック漏れが無いように細かく品質チェック

・画面幅が変わっても表示崩れをしないよう注意



▼PC表示




▼SP表示



WEBSITE