WORKS
Recruit HP
Recruit HP のサムネイル

URL

https://natsucoder.com/sample2

Github

https://github.com/natsu-webcoder/sample2

制作期間

40時間

サイトの説明

新卒採用の仮想サイトです。Figmaカンプよりコーディング(タブレット・SP版よしなに対応)を行いました。

実装ポイント

  • ローディング画面を実装(ProgressBar.js)
  • TOPのスライドがフェードアウト・ズームしながら動くように実装(Swiper.js)
  • 画面から外れたらスライドを停止、画面に入ったら再開するように実装(Intersection Observer API)
  • ログイン画面のモーダルウィンドウを実装(MicroModal.js)
  • フォームが全て入力されたらエントリーボタンが機能するように実装
  • スムーススクロールでタイトルがヘッダーに隠れないようにjsで制御

Clinic HP

Wordpress、コーディング、デザイン

School HP

Wordpress、コーディング

Farm LP

コーディング

Natsu PPORTFOLIO
expand_less