Barreto Jiu-Jitsu

課題

3世代にわたる歴史を伝え、フランチャイズではない大人専用の本格的なチームであることを示し、WhatsAppから無料体験クラスへつなぐこと。

つくったもの

• 雑誌のような動きのある1ページ構成：大きな名前のオープニング、チーム紹介、クラス、施設、指導者、歴史、連絡先。
• 時間帯ごとのクラス（朝、昼、昼のノーギ、夜）と曜日・指導者・レベル、そして未経験者向けの基礎クラス。
• バヘート兄弟のリオデジャネイロから、2016年に開設した507 Sulの本部までのチームの年表。
• 名前・担当クラス・段位だけを載せた指導者紹介、施設の紹介動画、最後に地図とWhatsApp。

しくみ

• フレームワークなしの素のHTML・CSS・JavaScript。アニメーションとスムーズスクロールもCDNを使わずサイト自身から配信。
• 端末で「視差効果を減らす」をオンにすると、すべて最初から定位置に表示され、動画も自動再生しません。
• Vercelで公開。今のところプレビュー版で、独自ドメインはまだありません。