アニメーションのこだわりの自作のJavaScriptで
リッチなデザインのサイトに
デザインデータに忠実に配置
配置や寄せなど1px単位にこだわったデザインを忠実にコーディングしました。
文字間や行間、アニメーションの速度もデザイナーさんと相談しながら微調整を続けて実装しました。
メインビジュアルのこだわり
複数色の円と三角形が下から上に浮き上がってくるアニメーションは、それぞれのサイズや出てくるタイミング、速度まで色んなパターンを試して、ベストな動きになるまで試行錯誤しながら実装しました。
自作カルーセルでデザインに対応
既存のプラグインでは実装が難しい、ユニークなデザインのカルーセルも、JavaScriptで一から制作し、イメージ通りのカルーセルを実装しました。
サーバーへのアップロード
静的コーディングを行った後、検証環境でWordPress化し、本番環境へ移行しました。
許可をいただき、コーディングしたサイトURLを掲載しています。
![](https://ayapis.com/wp-content/uploads/2022/08/screencapture-official-raise-tech-net-2022-08-09-22_14_43.png)
![](https://ayapis.com/wp-content/uploads/2022/08/shotsnapp-1660051143.632-1.png)
レスポンシブ対応済みです!