AllviA Edu ウェブサイト
グローバルEdTechプラットフォーム AllviA Connect Learning 公式サイト。GSAPアニメーション、SwiperJS、Tailwind CSSで実装
2023-10
GSAP Tailwind CSS HTML/CSS SwiperJS
プロジェクト概要
- プロジェクト: AllviA Edu ウェブサイト（AllviA Connect Learning）
- 担当: GSAPアニメーション、HTML/CSSマークアップ、Tailwind CSS、SwiperJSスライダー
ビサン教育のグローバルEdTechプラットフォーム AllviA の公式サイト。時間・空間を超えた学習体験を伝えるヒーロー、インフォグラフィック、受賞実績、AWSパートナーシップを実装しました。
主な実装内容
- ヒーロー: グローバルEdTechメッセージ、SwiperJSスライダー、Contact Us CTA
- EdTechイノベーション: 授業の6要素（教師・生徒・空間・活動・コンテンツ・時間）インフォグラフィック、プラットフォーム教室の可視化
- Achievements: Japan e-Learning Awards、BETT、教育省、GESS、AES、A’Design ロゴ、AWS Qualified Software・Public Sectorバッジ
- フッター: AllviA・ビサンロゴ、会社情報、SNS、Explore・Smart Learning・Resourcesナビ
- アニメーション: GSAPによるスクロール・表示アニメーション
技術スタック
- Frontend: HTML, CSS, Tailwind CSS, GSAP, SwiperJS
- 役割: アニメーション、マークアップ、レスポンシブUI