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